【问题标题】:Google amp html validator doesn't see mobile pageGoogle amp html 验证器看不到移动页面
【发布时间】:2016-07-09 16:55:41
【问题描述】:

我正在开发一个新闻网站,试图实现 amp。我们正在使用 Mobile_Detect.php 将桌面页面提供给台式机和平板电脑,将移动版本提供给手机,并且工作正常,根据 Google 的说法,我们的页面现在对移动设备友好有一段时间了,没问题。

现在,我开始输入 amp 页面的代码,遇到了我无法解决的情况。 amp 版本的 URL 以 .amp 结尾。根据用户的设备,我们从数据库生成页面并将不同的页面提供给不同的设备。

现在,PageSpeed Insights 和 Mobile-Friendly Test 显示该页面是移动友好的,但 amp 验证器正在拉动桌面页面,我可以通过它打印出来的源代码看到,而不是移动页面。我使用的是桌面版 Chrome,但我希望它可以与移动页面一起使用。

你可以在这里看到:https://validator.ampproject.org/#url=http%3A%2F%2Fwww.poandpo.com%2Fbusineasdfasdfas-usual%2Fpublic-housadfadf-kong-972016223.amp

我安装了 Chrome amp 扩展程序,它显示“AMP 可用”,但是当我点击它时,它还会拉出页面的桌面版本,并且它是空白的。我希望扩展程序能够加载移动页面,但事实并非如此。

我们确实有链接 canonical 和 amphtml,这就是为什么扩展程序说有一个 amp 页面。

那么,如何告诉验证器拉取移动版页面呢? amp 实现还没有完成,我知道缺少一些东西,但是没有验证器有点难以编程。

另一个有趣的事情是,当我在 Chrome 中打开“检查”并切换到响应式设计时,它会正确显示网页的移动版本。它还显示“Powered by amp”并且没有显示任何错误,尽管存在错误,因为我们甚至没有实现所有标签。

如果有人对如何制作 amp 验证器以显示移动页面有任何建议,我将不胜感激。谢谢。

【问题讨论】:

  • 我猜你的网站会通过用户代理重定向用户。您的网站会将“amp 验证器”重定向到桌面页面。

标签: mobile amp-html


【解决方案1】:

我快速浏览了您的页面,但似乎是 amphtml 引用,但您在 href= 字段中生成的 URL 似乎存在问题。如果您仔细查看,AMP URL 缺少“/”。

坏了:http://www.poandpo.com/business-as-usualmexicans-work-longest-hours-germans-the-least-97201645.amp

作品:http://www.poandpo.com/business-as-usual/mexicans-work-longest-hours-germans-the-least-97201645.amp

【讨论】:

  • 谢谢。这不是原因,但你是对的,代码有问题,我必须更深入地挖掘并解决那部分。现在我遇到了“标签'head > style [amp-boilerplate] - old variant'已被弃用......”的问题,但这是另一个故事。 :)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多