AMP 页面显示空白页面
AMP pages show blank pages
我正在尝试解决我网站的 AMP 实施问题。
正如您在下面看到的,我的所有 AMP 页面现在都可以在 google 移动搜索中找到:
我的问题是,每次我点击 AMP 页面 link,我都会得到一个空白页面,如下所示:
但是如果我在新标签页中打开 link ,页面显示很好。
这真的很奇怪,尤其是因为我所有的页面都通过 Google AMP 验证器进行了良好的验证,并且页面由 google AMP 缓存正确加载:https://cdn.ampproject.org/c/s/amp.argentdubeurre.com/promotions-reductions/enfant/puericulture/6691-rose-ou-bleu-grand-destockage-puericulture-70.html
要解决这个问题,您必须按照以下步骤操作:
- 在您的手机上使用 google AMP 搜索:google AMP Searchs
- 输入例如:argentdubeurre+rose ou bleu
- 点击 AMP link,您应该会看到空白页面。现在如果你点击"open in new tab",应该就OK了。
你有什么想法可以帮我解决这个问题吗?
我正在尝试找到一个没有成功的解决方案。
我觉得不错,可能只是需要一点时间来缓存您的所有页面。
一个可能的原因是您的图片阻止了直接加载它们的尝试。以下 URL 中引用:https://amp.argentdubeurre.com/promotions-reductions/enfant/puericulture/6691-rose-ou-bleu-grand-destockage-puericulture-70.html return 当我尝试直接加载它们时出现 403:
- https://img.argentdubeurre.com/content/6691/illustration/destockage-rose-bleu-4.jpg
- https://img.argentdubeurre.com/design/logo/Logo_ADB_200.jpg
只是想让你知道有人在另一个帮助论坛上给了我解决这个问题的方法。
确实在 CSS 中,我有一行定义了 html 标签的位置:
html{position:relative}
只有删除它或将 html 的位置设置为静态。
正如 Andrea 在 Google 网站站长中心帮助论坛上所解释的那样:
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
我正在尝试解决我网站的 AMP 实施问题。
正如您在下面看到的,我的所有 AMP 页面现在都可以在 google 移动搜索中找到:
我的问题是,每次我点击 AMP 页面 link,我都会得到一个空白页面,如下所示:
但是如果我在新标签页中打开 link ,页面显示很好。
这真的很奇怪,尤其是因为我所有的页面都通过 Google AMP 验证器进行了良好的验证,并且页面由 google AMP 缓存正确加载:https://cdn.ampproject.org/c/s/amp.argentdubeurre.com/promotions-reductions/enfant/puericulture/6691-rose-ou-bleu-grand-destockage-puericulture-70.html
要解决这个问题,您必须按照以下步骤操作:
- 在您的手机上使用 google AMP 搜索:google AMP Searchs
- 输入例如:argentdubeurre+rose ou bleu
- 点击 AMP link,您应该会看到空白页面。现在如果你点击"open in new tab",应该就OK了。
你有什么想法可以帮我解决这个问题吗?
我正在尝试找到一个没有成功的解决方案。
我觉得不错,可能只是需要一点时间来缓存您的所有页面。
一个可能的原因是您的图片阻止了直接加载它们的尝试。以下 URL 中引用:https://amp.argentdubeurre.com/promotions-reductions/enfant/puericulture/6691-rose-ou-bleu-grand-destockage-puericulture-70.html return 当我尝试直接加载它们时出现 403: - https://img.argentdubeurre.com/content/6691/illustration/destockage-rose-bleu-4.jpg - https://img.argentdubeurre.com/design/logo/Logo_ADB_200.jpg
只是想让你知道有人在另一个帮助论坛上给了我解决这个问题的方法。
确实在 CSS 中,我有一行定义了 html 标签的位置:
html{position:relative}
只有删除它或将 html 的位置设置为静态。
正如 Andrea 在 Google 网站站长中心帮助论坛上所解释的那样:
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