在博客中使用加速移动网页（AMP）

AMP（即加速移动页面）是一种专为移动设备设计的页面格式，可在移动设备上几乎瞬间加载。为了快速加载内容，您博客文章的 AMP 版本不会加载任何 JavaScript 文件、样式表、HubSpot 表单、HTML 页头或 HTML 页脚。

开始之前

在为博客启用 AMP 之前，请仔细阅读以下要求和注意事项。

了解限制与注意事项

• HubSpot 着陆页或网站页面不支持 AMP。
• 启用 AMP 的博客文章中的特色图片 宽度应至少为1200 像素。
• 启用 AMP 后的内容浏览量 不会 在联系人的时间线上进行跟踪，因为 AMP 会屏蔽HubSpot 跟踪代码中包含的 JavaScript。
• 您可以为博客上的所有文章启用 AMP，也可以仅针对特定文章启用。

在博客的所有文章中应用 AMP

使用此选项可为所有现有和未来的博客文章启用 AMP。如果您希望在整个博客中统一应用 AMP，而无需逐篇管理，则此方法最为合适。

请注意：如果您 想为多个由 HubSpot 托管的博客启用 AMP，则需要针对每个博客重复这些步骤。

1. 在 HubSpot 帐户中，单击顶部导航栏中的 “设置”图标。
2. 在左侧边栏菜单中，导航至“内容”>“博客”。
3. 如果您拥有多个博客，请点击“当前视图”下拉 菜单并选择一个博客。
4. 点击“Google AMP”选项卡。
5. 将“启用 Google AMP 格式化页面”开关 切换为开启状态。

6. 自定义 Google AMP 页面的徽标、字体和字体颜色。了解有关Google对这些内容的建议的更多信息。
7. 完成后，点击“保存”。

将 AMP 应用于单篇博客文章

如果您只想为单篇博客文章启用 AMP，请使用此选项。如果您正在测试 AMP 或仅需对特定内容启用 AMP，此功能将非常有用。

请注意： 只有在您的博客设置中 未启用 AMP 时，此 选项才可用。

1. 在您的 HubSpot 账户中，点击更多，然后导航至内容 > 博客。如果您的账户中未显示更多，请直接导航至内容 > 博客。
2. 点击您的文章标题。
3. 在内容编辑器中，点击右上角的“发布”。
4. 在对话框中，选中“仅对此篇博客文章启用 Google AMP”复选框，然后点击“发布”。

HubSpot 现将对这篇特定的博客文章进行验证。下次 Google 抓取该博客文章时，会缓存其 AMP 版本。如果 AMP 版本出现错误，Google 会直接向您发送电子邮件通知。

排查 AMP 问题

如果 Google 搜索控制台报告您的AMP 页面存在问题，HubSpot 建议您使用AMP 验证工具进行检查。该工具会提供详细的错误信息，并能定位错误所在的位置。

1. 在浏览器中打开AMP 验证工具，然后在新标签页中访问 HubSpot。
2. 在您的 HubSpot 账户中，点击更多，然后导航至内容 > 博客。如果您的账户中未显示更多，请直接导航至内容 > 博客。
3. 点击您的文章标题。
4. 点击“文件 ”菜单， 选择“博客设置”。
5. 在“文章 URL”部分 ，点击“复制链接”。
6. 在 AMP 验证工具中，将博客文章的URL粘贴到“URL”字段 中。

7. 在 URL 末尾输入?hs_amp=true ，然后点击“验证”。
8. 验证 URL 后，任何 AMP 错误都会显示在 HTML 下方。AMP 错误可能包括：

• • <div> 标签中未出现“style”属性：这通常是由Wistia嵌入代码引起的，AMP 页面目前尚不支持该代码。
  • <script> 标签除特定形式外不被允许：这通常是由Wistia嵌入代码引起的，AMP 页面目前尚不支持该代码。
  • <span> 标签中未出现“style”属性：这通常是由Wistia 嵌入代码引起的，AMP 页面目前尚不支持该代码。
  • <a> 标签中“href”属性的 URL '...' 格式错误：文章正文中的链接 URL 格式不正确。
  • <a> 标签中“href”属性的 URL 协议“...”无效：文章正文中的链接 URL 格式不正确。
  • AMP 图片宽度应至少为 1200 像素：您的博客文章中没有宽度至少为 1200 像素的特色图片 。