Search code examples
amp-html

AMP pages show blank pages

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.

Solution

  • 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