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

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.

Related

Cloudflare Pages Web Analytics breaks AMP pages

Hope I can help avoiding surprises.
I couldn't find any documentation on this behaviour.
On Cloudflare Pages you can activate Web Analytics with the automatic setup button.
If you have AMP pages you will experience a spike in errors from the Webmaster Tools.
What happen is that Cloudflare doesn't respect the restrains about custom javascript on AMP pages.
The AMP validator output:
The page "configuring web analytics" declares:
Inside "Manage site" in "Advanced options" there's no "add rule" option. You only have a checkbox with "Disable automatic setup".
What's recommended is to install the snippet manually in the pages you want to be tracked and avoid it on AMP pages.

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.

Redirecting or replacing old Google Site with another (Ruby on Rails)

My cousin has given me her old website to "redo" which is on a Google Sites template. I have separately created a static website with Ruby on Rails setup and Bootstrap but am now scratching my head on how to transition her old Google Site to this new layout (I want to keep the original domain name).
Also, the good thing about Google Sites is that when I search for her business, it pops up on the right side of the page and sometimes pops up at the top for google local search, which is obviously great for marketing/SEO.
I did read something that Google doesn't support other platforms (I think) which is why I'm wondering if I can redirect and still retain the SEO benefits. Any resources or suggestions would be great, thanks!
Setup your new site with new ROR template.
Register and verify your new domain and old one on Google Webmaster
Create a custom 404 page for old domain which suggests visiting new domain.
Redirect your old urls to new one by a 1:1 redirection with 301, "Moved Permanently", like www.oldone.com/games to www.newone.com/games
Submit your sitemap of old one to Google and BIng, they will see 301 and rewrite their crawl cache.
Fill out change of address in Google webmaster and add new site's sitemap.
Above method is the best SEO friendly site moving method.
ps: Not exactly ROR question .
Edit: I don't really know about google pages but one of doing this would be, deploy ROR site somewhere and use iframe in google page to project it to google page.
In your google page,
.
use options like height="100%" to cover the entire page.

Meta tag not working for mobile Freindly website

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.

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