AMP 发布核对清单
Important: this documentation is not applicable to your currently selected format ads!
按照以下核对清单操作,可以让网站提供最全面的 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 中间件
使用 Signed Exchange 安全地共享内容
通过 Signed Exchange (SXG) 共享内容时,可以保留您的域的网址并简化分析。使用 SXG 提供 AMP 网页时,数字签名会将文档与其声明网址相关联,以此保护您的信息。这种行为将用户会话和 Cookie 视为第一方,填补了可能存在的分析差距。实现 SXG,除了(而不是取代)常规 AMP 内容外,还会传送签名的 AMP 内容。
详细了解如何实现 Signed Exchange:
- 使用 Signed Exchange 提供 AMP
- Signed HTTP Exchange
- Cloudflare AMP 真实网址
- 使用 Signed Exchange 实现更出色的 AMP 网址和更简单的分析 (AMP Conf '19)
测试缓存的网页
AMP 缓存用于存储图片、字体和网页内容,以便在用户需要时提供您的内容。因此,重要的是测试 AMP 缓存提供的这些 AMP 网页的外观和作用是否符合预期。
将 AMP 网页添加到 AMP 缓存时,使用浏览器的开发者工具确认所有外部资源均可加载。请记住以下列出的各项:
- 图片
- 视频
- amp-analytics 端点
- amp-pixel 端点
- 自定义字体
- iframe
详细了解 AMP 缓存:
确保您的 AMP 文件可被搜索引擎轻松发现
仅在 AMP 中构建(AMP 优先)的网页以及具有成对 AMP(配对的 AMP)的网页均需要确保自身可被轻松发现!所有 AMP 网页均要求 <link rel="canonical" href="$SOME_URL">
位于 <head>
中。AMP 优先网页需要与自身关联,与非 AMP 网页配对的 AMP 网页需要彼此关联。
确保 Schema.org 元数据会添加有用的信息!其他网站和搜索引擎可能要求满足此条件才能共享内容。
Web Robots、Web Wanderers、Crawlers 或 Spiders 都是用于搜索内容的程序的名称。它们遍历网络,帮助搜索引擎为网络内容编制索引,使用户查询可以获得正确的结果!在 robots.txt
文件中加入相应的说明并设置适合的标头,确保搜索者可以找到您的网站。
请勿在 robots.txt 文件中排除抓取工具。
User-agent: *
Disallow: /amp/ <= don't!
请勿将 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 设置合适的分析:
-
Written by @CrystalOnScript
with contributions from @sebastianbenz