AMP 指南:什么是 AMP 以及如何在 WordPress 网站上设置它

已发表: 2018-06-06

您可能还没有意识到,如果加载时间超过 3 秒,大约 50% 的通过移动设备访问您网站的人会完全放弃您的网站。

作为初学者,数字业务领域的新手,您可能没有意识到这一点。 好吧,这就是我们在这里为您服务的原因。

如果您没有以任何形式关注您的网站在移动设备上的加载时间,并且没有记下随后的网络流量,那么您将蒙受损失。 在您继续进行任何其他重大业务发展决策之前,需要记下并了解这些数字。

为什么它需要发生?

主要是因为大多数在线搜索任何东西的人都是通过他们的移动设备进行的。 因此,最大限度地提高网站的页面加载速度非常重要。

为了帮助您完成这项任务,Google 最近推出了一项新技术。 这项技术有望为使用它的人提升您的网站体验,并将帮助您实现目标。 Google 推出的Google Accelerated Mobile Pages (也称为 Google AMP)是 Google 自身的一项革命性举措,旨在为现代企业实现更好的网站流量和更好的创收。

Google AMP 专门迎合您的移动网站版本,并通过在您的网站上提供托管在 Google 服务器上的所有内容的非常轻量级版本来加快速度。 访问您网站的人将以快节奏的方式获取他们的内容,因此,他们不太可能因为等待而离开您的网站。 他们将继续关注和欣赏您的工作,从而在网络流量和收入方面为您提供帮助。

在我们真正深入讨论关于 Google AMP 可以做什么的螺旋式讨论之前,让我们首先以一种精心设计的方式讨论 Google AMP 实际上是什么。

Google AMP 是一项技术进步,是由 Google 的大脑采取的一项举措,旨在使移动网站版本更好更快。 这些大脑希望不同网站的移动版本能够比以往更快地加载。 如果您对技术、软件和算法感兴趣,您可能会知道 Facebook Instant Articles 是什么。 如果您知道那是什么,那么了解 Google AMP 就很容易了。 它们非常相似。

Google AMP 可确保在访问您的网站时不会加载您的完整网站版本。 事实上,谷歌故意隐藏某些部分以使其加载更快。 这通常使网站的移动版本看起来有些简约。

该计划是一项开源计划,这意味着任何人都可以使用这些方法来获得收益。 当然,谷歌不会限制相同,因为他们的最终目标是让网络内容易于访问,特别是对于移动用户。

对于大多数人来说,内容生成和加载时间经常被认为太慢,这是一个很常见的抱怨。 即使是充满优化内容、信息丰富的页面也可能需要更长的时间来加载。 尽管网站和企业主采取了所有 SEO 和其他技术努力,但问题似乎仍然存在。 这就是为什么 Google AMP 在我们今天的生活中变得重要的原因。 加速移动页面 (AMP) 依赖于最低限度的 HTML 代码以及 Javascript 来加载网站页面。 这将有助于将不同网站上的内容轻松托管在 AMP 缓存上。 这些缓存版本可用于立即为人们提供服务,只要他们点击来自有机来源的特定网站。

正如我们上面所说的,该方法与 Facebook Instant Articles 非常相似。 但是有一个矛盾! 与 AMP 不同,Instant Articles 将仅限于 Facebook。 不仅是 Facebook 的网络版本,还有他们的移动应用程序。 然而,AMP 几乎可以在任何地方工作。 它们可以被各种应用程序和网络浏览器甚至网络查看器使用。 目前,它不仅被谷歌使用,还被 LinkedIn、Twitter、Reddit 等使用。

Google AMP 真的值得大肆宣传吗?

好吧,我们不会说出正确的答案。 你今天要回答这个问题。 通过为您提供 AMP 的所有优点和缺点,我们将为您简化流程。

根据大多数 SEO 专家的说法,AMP 将帮助您在 Google 搜索引擎上获得更高的排名,并将改善用户体验,尤其是在移动平台上。 这对于互联网连接速度较慢的人来说是一个福音。 但他们也可能会给网站所有者和博主带来一些挑战。

现在,由于 Google AMP 使用有限数量的 HTML 和 Javascript 选项,作为内容营销人员和网站所有者,您可能无法将一些小部件添加到您的移动网站。 这可能会被证明是一个祸根,因为它会限制您作为数字营销人员添加智能选项的能力,例如时事通讯、电子邮件选项、Facebook 喜欢和共享框以及其他此类多功能选项。

Google AMP 彻底支持 Google Analytics,但并不真正提供对其他平台的支持。 这就是广告选项在 Google AMP 下的运作方式。 大多数广告平台不受 Google 支持。

即使在这些限制之后,AMP 仍然在行业中占据一席之地,可以在很大程度上提高网页和网站流量。 通过向您的网站添加 AMP 支持,同时进行 SEO 实践,您绝对可以通过移动搜索为您的网站收集大量网站流量。

为了确保您获得可以通过 AMP 为您的 WordPress 网站产生的所有好处,我们在此处策划了一个关于首次设置您的 Google AMP 配置文件的分步指南。

在您真正按照本快速指南为您的 WordPress 网站启用 AMP 之前,我们假设您已经为您的网站激活了 Yoast WordPress 插件。 如果您还没有这样做,您可以跳过该步骤,并且可以直接将 AMP 激活到您的站点。 但是,我们建议您先激活 Yoast SEO 插件。

现在,直接进入正题!

为您的 WordPress 网站设置 Google AMP。

设置您的 AMP 配置文件并将其链接到您的 WordPress 网站非常容易。 所有人都为谷歌本身的官方插件的力量欢呼。 官方 AMP 插件不需要配置,这就是为什么您要添加扩展插件以使其功能齐全的原因。

Google AMP for your WordPress site

首先,让我们了解基础知识。 让我们了解安装官方插件的基本部分。 之后我们将对其进行测试,然后进行相应的设置。

安装

您可以按照以下给出的过程为您的 WordPress 网站安装 AMP 插件。 此方法要求您登录 WordPress 站点上的管理面板,然后单击插件。

  • 单击插件后,您应该单击“添加新”选项卡,然后您应该对“加速移动页面”进行搜索查询。
  • 找到适当的选项后,您应该通过单击“激活”来安装它。
  • 激活插件后,您将看到一条消息,上面写着“此主题需要以下插件:AMP,开始安装插件”。 然后,您应该单击“开始安装插件”,然后单击“安装”。
设置您的谷歌分析

安装 AMP 插件后,您应该安装 Google Analytics。 为了设置 Google Analytics,您需要找到您的跟踪 ID。 在此之后,您将需要登录 Google Analytics,然后单击屏幕左下方显示的齿轮图标,通过该齿轮图标您将被引导至管理面板。 一旦您选择相同,您现在将直接从下拉菜单中选择帐户和属性。 当您查看“属性”列下的选项时,您将看到一个名为“跟踪信息”的选项卡。 单击相同以查看您的跟踪 ID。 此 ID 通常以 UA 开头。

复制此跟踪 ID 并登录到您的 WordPress 站点平台。 在屏幕左侧,单击导航,然后转到 AMP,然后从 AMP 中单击分析。 将您的跟踪 ID 粘贴到提及“Google Analytics”的位置。 完成此操作后,您现在应该单击“保存更改”并完成。

配置插件设置

在此步骤中,我们将讨论可用于自定义 AMP 插件外观的基本配置。 此配置还将帮助您支持多种内容格式。

我们在这里假设您已经拥有 Yoast SEO 插件。 因此,要开始此配置,您应该转到 Yoast SEO,然后单击 AMP。 一旦你这样做了,你现在应该点击帖子类型。 从这里开始,您将能够选择您可以使用的符合 AMP 标准的帖子类型。

当您单击第二个选项卡“设计”选项卡时,您现在可以自定义启用 AMP 的内容页面的外观。 如果您正在应用 CSS 样式,您可以自定义您的内容并链接类似的颜色模式以供您自己上传和自定义 AMP 图标。 如果需要,您也可以为您的网站页面设置默认图像。

测试您的 AMP 配置

完成创建 AMP URL 的过程后,您还应确保这些 URL 正常工作。 如果它们配置不正确且无法正常工作,Google 以后将无法在搜索结果中显示相同的内容。 这是您应该事先采取的保护措施,因为有时对于大多数网站管理员来说,这可能是一项艰巨的任务!

但是,每个问题都有解决方案。 即使您正在测试和验证您的 AMP URL,您也会得到一个。 您应该选择几个网站页面并使用以下提到的任何程序来测试您的 AMP 版本。 但在继续执行这些任务中的任何一项之前,您应该在 URL 的末尾附加 /amp/,如前所述。

  1. 你应该去这个网站 - search.google.com/test/amp 并且,你应该把你的网站页面 URL 放到这个网站上。 一旦你这样做了,你现在应该点击“运行测试”。 您将看到您的结果,无论它们是有效的还是无效的。

  2. 第二个选项专门帮助使用 Google Chrome 网络浏览器的人。 如果您使用任何其他网络浏览器访问互联网,例如 Mozilla Firefox、Safari 等,则此选项不会真正适用于您。

    您应该在 Google Chrome 浏览器中打开 AMP 页面,并将 #development=1 附加到您网站的 URL。

    您应该做的下一件事是从 Google Chrome 菜单本身打开 Chrome 开发工具控制台,然后选择“更多工具”。 在此之后,您应该单击“开发工具”,然后单击“控制台”。

    单击“控制台”后,您将能够检查验证错误。 如果一切顺利并且工作正常,那么验证过程应该是成功的。

  3. 您可以遵循的第三个选项是访问此网站 - validator.ampproject.org 并将您的 AMP URL 粘贴到此处提到的 URL 字段中。 粘贴后,您应该单击“验证”。

    如果有任何错误或问题,此工具将突出显示它们并在 HTML 中标记它们。

提交您的 AMP 网址以进行索引编制过程

如果您通过 Google Search Console 执行了 AMP 验证流程,您可以稍后在看到测试有效后直接单击“提交给 Google”。

如果你不是,还有另一种选择。 如果您已登录到您的 Google Search Console 帐户,则此选项将起作用。 完成后,您可以搜索“提交给 Google”,然后直接提交您的网站 URL。

当您通过替代方式将 AMP 站点页面提交给 Google 时,Google 稍后会为您的 AMP 站点页面编制索引,无论它是否在 XML 站点地图中进行内部链接和列出。

查看 Google Search Console 以排查每个错误。

下一步是学习从一个位置管理您的 AMP 网站页面,即 Google Search Console。 您应该登录 Google Search Console,然后从那里,在“搜索外观”选项卡下,单击“加速移动页面”。

执行此操作时,您将能够看到有多少 AMP 页面被编入索引,而哪些页面未被编入索引。 那些还没有被索引的肯定有某种错误,这里也会显示出来。 如果您确定了关键问题,您可以稍后借助上一步中提到的工具对这些错误进行故障排除。

测试页面速度。

一旦,上面提到的一切都完成了,你现在应该开始看到好处了。 要查看您的努力是否卓有成效,您应该尝试通过 WebPageTest 等速度工具运行您的 AMP 页面和标准移动网站页面。 您还应该比较两个不同页面的结果。

瞧! 你完成了。 您可以开始您的 AMP 之旅。

谷歌正在加紧努力,同时以移动优先索引和页面加速过程的形式揭开奇迹。 通过这样做,它们现在正在成为当今许多网站和企业的排名因素。 谷歌以 AMP 形式采取的技术举措是当今所有现代企业和移动应用程序开发公司的关键一步。 从长远来看,不切换到相同的版本可能会给您带来问题! 不要害怕,做出那个开关! 你以后会感谢我们的。