时间戳

首页 > 解决方案 > 加速移动页面 (AMP) -HTML

html - 加速移动页面 (AMP) -HTML

问题描述

我是 AMP 新手，我想将它应用到我正在开发的网站上，我正在查看 AMP 文档，在将 html 页面与 amp 页面链接时遇到问题，我不知道是不是因为我'在本地工作，当我在浏览器中输入 amp 页面的路径（如果它加载）但是当我在 html 和 amp 之间进行链接时它不起作用

标签： htmlamp-html

解决方案

如果您有标准 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 的目标，即加快页面加载时间。

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

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

希望这可以帮助。

推荐阅读