Meta tag not working for mobile Freindly website - seo

from 21 April google launch Mobile Freindly website algorithm. I used the meta name=viewport content="width=device-width, initial-scale=1" Tag but its not working . what i should do now for this.

The release you are referring to by Google on the 21st of April is a push to get site owners to make mobile friendly versions of their websites. Simply by placing viewport markup into your website does not make it mobile friendly, the design needs to respond to the resolution of the device you are viewing the website in. Recommend looking more into "Responsive Website Design". If your site is too big to do a redesign before the 21st, consider making an m.yourdomain.com mobile version of your site while you work on a redesign to responsive.
To check if your website will pass the mobile friendly test by using Google Webmaster Tools Mobile Friendly checker tool: https://www.google.com/webmasters/tools/mobile-friendly/
Hope this helps.

Related

How can I force iPad to always Request Desktop Site?

At my new company I am maintaining a VB.Net webforms application. We are seeing an issue when viewing the site on an iPad that can be fixed by Requesting Desktop Site in either Chrome or Safari.
Is there a way to force this in code so the user does not have to hold the refresh button in Safari and request the desktop site?
UPDATE:
We are using Telerik controls and the functionality changes when its displayed on an iPad vs a browser on a desktop. When I pull up the page on an iPad the textbox filters will not work until I select Request Desktop Site, see below for wrong incorrect version.
Here is what it looks like after that is selected and normally on a desktop browser.
So I need a way to force the browser to request the desktop site/version when viewing on an iPad.
Without some examples its tricky to comment on this, but I think I know how to get the result you want. In the HTML of the page(s):
<meta name="viewport" content="width=device-width, initial-scale=1">
Source here.
This should fix the issue you're seeing in all browsers, if it is what I think it is.
Edit: Question has been significantly updated, this is definitely not the right answer.

AMP page not showing on Mobile devices,even it is there

I have already created AMP pages for mobile users of my website.The problem is" when I try to access my website from mobile,it shows web version" and also "If I try to access AMP page from desktop and laptop,it only shows AMP page and does not send my request to NON-Amp page.
1.AMP page fully qualified and without any errors
2.I used
<link rel="amphtml" href="https://www.moztech.in/demo/ampindex.html">
in Non amp version,
<link rel="canonical" href="https://www.moztech.in/demo/index.html">
in AMP version.
If possible review my code and help me.
You are misunderstanding the purpose of AMP. It doesn't do any redirection at all so if you put in the AMP URL into your desktop browser, then you will be going to the AMP page. If you want it to have redirection then you would have to implement it on your own on your server. AMP will not handle any of your redirection, just think of it as a subset of HTML and nothing more.
Sounds like you've set everything up correctly. However, AMP will not do any automatic re-direction.
AMP is designed so that applications may choose to serve the AMP page instead of the standard canonical page. For example,
Google's mobile search will usually display the AMP version of a page instead of the canonical version when available.
Messaging apps may choose to display the AMP version of a page when you receive a link from a friend.
Social networks may display the AMP version of a page within their app when you click on a shared link from within the app.
Because the link tag on your canonical page provides information about where to find the AMP version, it is possible for apps to automatically select the faster and more mobile-friendly mobile experience that AMP delivers. However, this decision is made at the application level, and is not handled by the AMP itself.

How to convert a website created in Dreamweaver to mobile site?

I developed a website full of JavaScript and all other dynamic stuff. I want to convert this website to mobile site using Dreamweaver or any other tool. Is that possible or I have to create mobile site for the same website from start?
Check out Dreamweaver's Media Query feature. It will allow you to set up different style sheets for different sized screens. See the docs or Adobe's Dev Center for tutorials on how to use Media Queries.
Best - Joe

Upgrading site to HTML5; is Yahoo site verification important at all?

I'm working on redesigning an older site and I'm upgrading it to HTML5. The site currently has both Google and Yahoo site verification META tags.
I'm using HTML5 Reset as a starting template and it only has an area for Google site verification, not Yahoo. Also, the W3C Validator validates Google site verification in HTML5, but not Yahoo.
Does anyone have an opinion as to whether or not Yahoo site verification is important or useful? And does it hold any weight with SEO these days?
No.
Yahoo search is now powered by Bing.
You can remove both (Google and Bing) verification references and authenticate using other methods (DNS is best). Bing only offers meta tag and XML methods.

How to tell Google to recognize mobile-version and full-version of the web?

I have created mobile-optimized version of my web. Full version runs at www.domain.com and the mobile version runs at m.domain.com. Now I DO want to use this domain scheme for certain reasons.
Now when I try to search Google, sometimes I get results from both domains - which I don't think is good experience for the users - coming with desktop browser to a simple mobile-version of the web. Also I want to avoid duplicate-content problem.
What would be the best practice to "tell" Google that www.domain.com is full version website and m.domain.com is the website with the same content but with very simple design optimised for mobile users ?
Make m. URLs redirect (or <link rel="canonical">) to desktop URLs for spider UAs.
Make desktop URLs redirect to m. URLs for mobile UAs.
You should really use
<link rel="alternate" media="handheld" href="http://mobileversion..."/>
You should add a rel alternate on your desktop that points to the mobile URL and a rel conical on the mobile site that points to the desktop. For more clarity on this watch the video by Google's Matt Cutts.
https://www.youtube.com/watch?v=HVQHbfpqXHM