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 优先)的页面以及带有 AMP 双重(配对 AMP)的页面都需要确保它们是可发现的!所有 AMP 页面都需要在其 <head>
中包含 <link rel="canonical" href="$SOME_URL">
。AMP 优先页面需要链接到它们自己,并且与非 AMP 页面配对的 AMP 页面需要相互链接。
确保您的 Schema.org 元数据添加有用的信息!其他网站和搜索引擎可能需要此元数据来共享您的内容。
Web 机器人、Web 漫游器、爬虫或蜘蛛都是搜索内容的程序的名称。它们遍历 Web,帮助搜索引擎索引 Web 内容,以便用户的查询可以显示正确的结果!确保您的搜索程序可以通过在 robots.txt
文件中包含正确的说明并设置相应的标头来找到您的网站。
请勿通过您的 robots.txt 文件排除爬虫。
User-agent: *
Disallow: /amp/ <= don't!
请勿向您的 AMP HTML 文件添加 robots noindex
元标记。
<meta name="robots" content="noindex" /> <= don't!
请勿在您的 AMP 文件的 X-Robots-Tag HTTP 标头中包含 noindex
。
$ 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