AMP

AMP 发布清单

按照此清单,为您的网站提供最全面的 AMP 体验!

确保 AMP 规范验证

AMP 内置了大量好处,例如通过从 AMP 缓存预加载内容来减少用户等待时间。要获得这些好处,页面必须是有效的 AMP 文档。使用 AMP 验证器报告的错误发布的页面无法被 AMP 缓存编入索引,并且可能作为错误页面提供。

使用这些工具,不再发布无效 AMP 页面

授予缓存的 AMP 页面服务器访问权限

好消息,有效的 AMP 页面会自动选择加入所有现有的 AMP 缓存!这意味着您的用户体验的内容加载高效且安全。这些类型的优化很棒,但也有一个小问题。一些用户将从与您自己的域名不匹配的域名中获得 AMP 页面。当使用动态 AMP 组件(例如 <amp-form><amp-list>)时,这会导致页面失去对网站数据访问的权限。这些类型的错误是跨源资源共享或 CORS 问题。通过启用来自所有可用 AMP 缓存 的 CORS 请求,安全地工作,而不是与之对抗!如果您在后端使用 Node.js,则可以使用 amp-cors 中间件

了解有关授予服务器访问权限的更多信息

使用签名交换实现安全且可共享的内容

通过签名交换 (SXG) 分享内容时,保持您域名的 URL 并简化分析。通过使用 SXG 提供 AMP 页面,数字签名通过将文档与其声明的 URL 联系起来来保护您的信息。此行为将用户会话和 Cookie 视为第一方,从而关闭可能的分析差距。除了常规 AMP 内容之外,实施 SXG 还会提供已签名的 AMP 内容,而不是代替常规 AMP 内容。

了解有关实施签名交换的更多信息

测试缓存页面

AMP 缓存存储图像、字体和页面内容,以便在用户需要时立即向他们提供您的内容。因此,测试您的 AMP 页面在从 AMP 缓存提供时是否按预期显示和工作非常重要。

将 AMP 页面添加到 AMP 缓存时,请使用您的 浏览器的开发者工具 检查所有外部资源是否可加载。以下是一些需要记住的列表

  • 图像
  • 视频
  • amp-analytics 终端节点
  • amp-pixel 终端节点
  • 自定义字体
  • iframe

了解有关 AMP 缓存的更多信息

确保您的 AMP 文件可被搜索引擎发现

仅在 AMP 中构建页面(AMP 优先)和具有 AMP 双重(配对 AMP)的页面都需要确保它们是可发现的!所有 AMP 页面都需要在 <head> 中使用 <link rel="canonical" href="$SOME_URL">。AMP 优先页面需要链接到自身,而与非 AMP 页面配对的 AMP 页面需要相互链接。

确保您的 Schema.org 元数据添加了有用的信息!其他网站和搜索引擎可能需要此信息来分享您的内容。

网络机器人、网络漫游器、爬虫或蜘蛛都是搜索内容的程序的名称。它们遍历网络,帮助搜索引擎索引网络内容,以便用户的查询可以显示正确的结果!通过在robots.txt文件中包含正确的说明并设置适当的标题,确保您的搜索者可以找到您的网站。

不要通过您的robots.txt文件排除爬虫。

User-agent: *
Disallow: /amp/                            <= don't!

不要向您的 AMP HTML 文件添加 robots noindex 元标记。

<meta name="robots" content="noindex" />   <= don't!

不要将noindex作为 AMP 文件的 X-Robots-Tag HTTP 标头。

$ curl -I http://www.example.com/amp.html
HTTP/1.1 200 OK
Date: Tue, 25 May 2010 21:42:43 GMT
()
X-Robots-Tag: noindex                      <= don't!
()

了解如何让您的页面可被发现

衡量用户流量和旅程

收集正确的指标对于有用的分析至关重要。在测试将 AMP 引入您的网站如何影响用户时,确保您衡量正确的内容。如果分析没有考虑 AMP 可以产生的差异,则可能会出现假阴性、假阳性或无关的结果。确保您了解要寻找的内容以及如何衡量它!

了解有关为 AMP 设置正确分析的更多信息