加速移动页面 (AMP) -HTML



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

如果您有标准 HTML 网页和同一网页的 AMP 版本,则需要在 HTML 网页的头部放置对 AMP 版本的引用。 文档。

<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 的目标,即加快页面加载时间。

相反,当谷歌或其他搜索引擎抓取您的网站时。他们希望看到您有可用的 AMP 版本,并将用户定向到 AMP 版本的网址。

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

希望这有帮助。

最新更新