1
votes

I'm trying to resolve a problem with AMP implementation for my website.

As you can see below all my AMP pages are now availabled on google mobile searchs :

AMP Carroussel

My problem is that each time I click on AMP page link, I obtain a blank page as below :

AMP Blan page

But if I open the link in a new tab, the page is well displayed.

It's really strange especially because all my pages are well validated by Google AMP validator and the page is loaded correctly by the google AMP cache : https://cdn.ampproject.org/c/s/amp.argentdubeurre.com/promotions-reductions/enfant/puericulture/6691-rose-ou-bleu-grand-destockage-puericulture-70.html

To have the problem, you have to follow these steps :

  1. Use google AMP searchs on your mobile : google AMP Searchs
  2. Enter for example : argentdubeurre+rose ou bleu
  3. Click on AMP link, you should have blank page. Now if you click on "open in new tab", it should be OK.

Do you have an idea to help me to solve this problem ?

I'm trying to find a solution without success.

3
Maybe something on your site (plugin/extension) is adding extra content and breaking the output of the main AMP script (and also breaking the page). Check this related thread. Also try to clear your cache if used on site plugin or CDN. - abielita
Thanks for your advices. I have deleted all javascript ressources not really needed and defined the simplest AMP page structure. I will have a look on in few days to check if I have still the same problem. Tkanks for your help. - sanceray3
Just to inform you that after few days and new tests, the problem is still the same. - sanceray3

3 Answers

2
votes

Just to let you know that someone gives me the solution to solve this problem on another help forum.

Indeed in CSS I had a row which defined the position for html tag :

html{position:relative}

There is just to remove it or to set the html's position to static.

As explained by Andrea on Google Webmaster Central Help Forum :

The reason is that when accessed from google's cdn a script sets the body tag as absolutely positioned. This takes it out of the page flow, so it is not used in order to compute the height of the ancestor. I believed that elements that had a relative positioning behaved like static elements if not moved, but this is evidently false in this specific case and as a consequence the html loses the height

0
votes

Looks fine to me, might have just needed a bit of time to cache all of your pages.

enter image description here