加速移动页面(AMP)-HTML

时间:2018-05-19 14:04:09

标签: html amp-html

我是AMP的新手,我想将它应用到我正在处理的网站上,我正在查看AMP文档,我在将html页面与放大器页面链接时遇到问题,我不知道是否这是因为我在本地工作,当我在浏览器中放入放大器页面的路径,如果它加载但当我在html和放大器之间进行链接时它不起作用

1 个答案:

答案 0 :(得分:0)

如果您有标准HTML页面和同一页面的AMP版本,则需要从HTML页面的头部引用AMP版本。 Documentation

<link rel="amphtml" href="https://www.example.com/url/to/amp/document.html">

AMP版本需要有对标准HTML版本的引用。这是通过规范标记完成的,同样应该放在HTML的头部。

<link rel="canonical" href="https://www.example.com/url/to/canonical/document.html">

如果您的用户使用标准HTML版本,他们的浏览器就不会自动将其重定向到AMP版本。这将迫使浏览器两次下载页面并击败AMP的对象,这将加快页面加载时间。

相反,当Google或其他搜索引擎抓取您的网站时。他们希望看到您有AMP版本,并将用户引导至AMP版本的URL。

这就是打开标准页面时无法加载AMP版本的原因。

希望这有帮助。