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-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 设置适当分析的更多信息