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 中间件。
了解有关授予服务器访问权限的更多信息
- AMP 页面如何缓存
- AMP 中的 CORS
- 用于 Node.js 的 AMP CORS 中间件
使用签名交换实现安全和可共享的内容
通过签名交换 (SXG) 共享内容时,请保留您域的 URL 并简化分析。通过使用 SXG 提供 AMP 页面,数字签名会将文档绑定到其声明的 URL,从而保护您的信息。此行为会将用户会话和 Cookie 视为第一方,从而弥合可能的分析差距。实施 SXG 不会取代常规 AMP 内容,而是会额外提供签名的 AMP 内容。
了解有关实施签名交换的更多信息
测试缓存的页面
AMP 缓存存储图像、字体和页面内容,以便在用户需要时立即向其提供您的内容。这使得测试您的 AMP 页面在从 AMP 缓存提供时是否按预期显示和工作非常重要。
将 AMP 页面添加到 AMP 缓存时,请使用您的浏览器开发者工具检查所有外部资源是否可加载。以下是需要记住的列表
- 图像
- 视频
- amp-analytics 端点
- amp-pixel 端点
- 自定义字体
- iframe
了解有关 AMP 缓存的更多信息
确保搜索引擎可以发现您的 AMP 文件
仅在 AMP 中构建的页面(AMP first)和具有 AMP 双重(成对 AMP)的页面都需要确保它们可被发现!所有 AMP 页面都需要在其 <head>
中包含 <link rel="canonical" href="$SOME_URL">
。AMP first 页面需要链接到自身,并且与非 AMP 页面配对的 AMP 页面需要相互链接。
确保您的 Schema.org 元数据添加有用的信息!其他站点和搜索引擎可能需要此信息来共享您的内容。
Web 机器人、Web 漫游器、爬网程序或蜘蛛,都是用于搜索内容的程序的名称。它们遍历 Web,帮助搜索引擎索引 Web 内容,以便用户的查询可以显示正确的结果!通过在 robots.txt
文件中包含正确的指令并设置适当的标头,确保您的搜索者可以找到您的站点。
请勿通过您的 robots.txt 文件排除爬网程序。
User-agent: *
Disallow: /amp/ <= don't!
请勿将 robots noindex
元标记添加到您的 AMP HTML 文件。
<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 设置正确分析的更多信息
-
撰写者: @CrystalOnScript
贡献者: @sebastianbenz