dark

什么是Google AMP？我需要SEO吗？

2020年11月7日

根据2020年的一项研究，自2011年以来，移动流量的每日媒体消费量增长了504％。随着越来越多的消费者使用手机访问内容，优化移动体验比以往任何时候都更为重要-不仅是针对您的读者，但对于您的SEO；Google可以检测加载缓慢或跳出率较高的页面，并将这些页面在搜索结果中排名较低。

what_is_google_AMP_mobile_usage_0

我们知道，移动优化对于您的内容策略和SEO很重要，并且Google AMP是一项旨在提供帮助的技术，但是Google AMP是否是为您的企业网站实现这一目标的最佳工具，具体取决于您的行业，业务规模，业务模型，内容策略等。因此，在这篇文章中，我将介绍：

  • 什么是Google AMP，最适合谁，以及它的工作方式。
  • Google AMP的优缺点。
  • 如果适合您，如何在您的站点上实施AMP。

无论Google AMP最终是否适合您，您都将从拥有所需SEO知识的帖子中脱身，从而对网站的SEO和移动性能充满信心。

Google AMP到底是什么？

2016年，Google宣布推出Accelerated Mobile Pages，这是一种基于Web的开源解决方案，旨在彻底改变移动内容的消费方式。这是对Facebook当时的应用程序内发布平台（Instant Articles）和苹果的iOS 9新闻汇总和发现平台（Apple News）的直接回应。 

产品页面，博客文章或登录页面的AMP版本旨在立即在移动设备上加载。在移动SERP中，它也可能以不同的形式出现或以卡片形式出现。与结果关联的AMP闪电符号使用户知道该特定页面的加载速度将比其周围的其他非AMP页面快。 

what_is_google_AMP_top_stories_1.PNG

根据一项早期研究，与传统的针对移动设备优化的页面相比，Google AMP页面的加载速度提高了四倍，使用的数据量也减少了八倍。最初的想法是提供一个开放源代码框架，该框架将使移动体验不仅更好，而且更快。

最初的想法是提供一个开放源代码框架，该框架将使移动体验不仅更好，而且更快。

AMP是否必不可少？

在我们介绍Google AMP的优缺点之前，需要注意的是，虽然AMP可以帮助您实现SEO，但在某些情况下，对于SEO并不一定是必不可少的，其好处是对某些企业的适用性要强于其他企业。接下来，我们将更深入地探讨AMP的优缺点，但让我们首先仅提供一些关键点，以帮助您适应与业务相关的AMP：

  • AMP被发布大量新闻文章或博客文章的发布者网站广泛采用。如果您的大多数网站页面都不是文章，则AMP对您的业务可能不是必需的。
  • 如果您确实发布了大量文章，但是已经在使用CDN（内容交付网络），那么这些平台通常会提供性能优化功能，例如图像托管，文件缓存和延迟加载（这意味着文本会先加载，然后再加载）。图片）。
  • AMP页面对于读者来说更干净，更简单，但这通常是因为某些JavaScript函数和插件的优先级降低或被抑制。如果您依靠第三方工具进行潜在顾客捕获和受众跟踪，则需要进行测试以确保AMP页面的功能和捕获的信息与常规页面相同。
  • AMP本身不是Google的排名因素。它可以帮助改善网页中受Google算法影响的方面（尤其是在2021年Core Web Vitals成为排名因素），但这不是优化网站体验和性能的唯一方法。
  • 如果您已经拥有网站的移动版本或适当的移动优化措施（例如，合并或缩减的CSS代码），则AMP可能不是必需的，甚至可能使性能和报告变得复杂。

虽然AMP可以帮助您的SEO，但它不一定对SEO必不可少，它的好处更适用于某些企业。

因此，最重要的是，优化页面速度和移动体验对于SEO至关重要，而Google AMP只是实现这一目标的一种方法。请继续阅读以了解其工作原理以及它是否适合您的业务。

Google AMP有什么好处？

除了提供更快的加载速度 和为内容消费者提供更好的体验外，AMP还通过内容和SEO策略为企业带来了许多好处：

网站参与度提高

轻量级AMP内容与互联网连接不稳定的移动用户很好地融合在一起。此外，页面加载时间的减少以某种方式改善了用户体验，从而增加了访问者在您网站上停留时间更长的机会。

改善排名和流量

而且，由于页面加载时间是Google的排名因素，因此AMP在Google的搜索算法中具有优先级，从而影响排名。本质上，如果两个站点并驾齐驱，则胜出速度更快。

跳出率更低

随着页面加载速度的加快，访问者通常会留在网站上。谷歌的一项研究曾经发现，如果移动网站的加载时间超过23秒，则将有53％的网站访问被放弃。此外，实施AMP的发布者可能在页面上花费的时间增加了2倍。网站上的时间越多，意味着您的内容带来的转化就越多。

网站上的时间越多，意味着您的内容带来的转化就越多。

what_is_google_AMP-SEO_and_content_benefits-low_bounce_rate_0

原始图像来源

广告观看次数增加

使用AMP，可以以增强横幅和图像整体可用性的方式对HTML进行编码。这样可以提高广告可见度，从而帮助发布商增加利用其内容获利的机会。

更高的点击率

AMP的主​​要优点是，它显示在Google移动SERP的“热门故事”列表（或轮播）中-出现在所有搜索结果的顶部。 读者更有可能首先选择那些AMP页面，从而提高了点击率。

what_is_google_AMP_interesting_finds_0.PNG

 当前AMP统计信息

尽管当今许多流行的网站都在使用AMP技术，例如Yahoo，CNN，BBC，Reddit，华盛顿邮报，WordPress，Gizmodo，Wired，Independent.co.uk，Pinterest，eBay等，但这并不是仅保留的技术适用于大品牌。 超过140万个网站正在使用AMP技术。 下图显示了使用AMP最多的行业：

  • 艺术与娱乐占AMP技术总使用量的近11％。
  • 计算机电子与技术约占6％。
  • 科学与教育紧随其后，为5.88％。
  • 游戏约占AMP技术使用量的5.15％。
  • 剩下的73％是所有其他行业的微不足道的百分比
what_is_google_amp-top_industries_using_AMP

图片来源

Google AMP页面的剖析

要了解Google AMP如何帮助您提高SEO和 内容营销策略 ，最好首先了解AMP页面的三个核心组成部分。

AMP HTML

AMP HTML与常规HTML（或HTML5）的不同之处在于，它带有针对移动设备的属性和自定义标签。 AMP HTML保证了某些基准性能特征-转换为内容在用户设备上的加载速度更快。这意味着读者的消费更快，更好的整体 用户体验，这可能会影响转化率 和SEO /内容营销指标，例如跳出率（如上所述）和网站停留时间。（更快的消费量意味着读者可以在更少的时间内消费更多的文章）。

说到用户体验，您是否愿意了解Google 即将发布的页面体验更新？

AMP JavaScript

AMP JavaScript使AMP页面能够更有效地向读者提供常规页面的核心优势。 AMP JavaScript库采用了AMP的顶级实践（例如内联CSS和字体触发），可确保为读者更快地渲染AMP页面。它还允许使用性能增强技术，例如在加载资源之前预先计算每个页面元素的布局，并禁用慢速CSS选择器，所有这些对于读者的体验都是至关重要的。

what_is_google_amp_how_does_amp_work

图片来源

AMP缓存

AMP缓存旨在仅提供有效页面​​，并让它们安全有效地进行预加载。这意味着，经过确认的页面（稍后将进行介绍）将保证能够正常工作，从而消除了对可能导致页面速度变慢的外部因素的依赖。

根据以下细分，您可以看到，通过减少HTML代码标签管理并仅加载适合移动用户的页面元素，页面的AMP版本可以更快地呈现。Will Critchlow的“白板星期五”图为此提供了简单的视觉效果：

 

what_is_google_AMP_how_it_works_will_critchlow

如Critchlow所述，如果您有AMP版本，则在源代码中，应使用rel AMP HTML链接来指定它。例如，如果您在卫报网站（甚至在台式机上）的任何新闻故事的末尾加上/ amp，您将看到AMP HTML。它与源代码中的AMP HTML链接进行显示链接。您还可以看到AMP的区别：

这是常规的《卫报》新闻报道页面：

regular_version_of_guardian_news_story

这是同一《卫报》新闻报道页面的AMP版本：

也就是说，在链接末尾添加“ / amp”之后。

amp_version_of_guardian_news_story

没有广告，菜单导航，推荐的阅读内容和其他占用大量资源的元素，该页面的加载速度就会更快，并且对读者来说是一种更简单的体验。

集成Google AMP的缺点和其他注意事项

尽管AMP可以帮助您提高排名，以及向移动阅读器提供内容的体验和性能，但它确实存在一些缺点和警告，在决定是否为您的网站实施AMP时应考虑以下几点：

  • 首先，采用AMP页面需要牺牲网页上大量的UX元素。AMP HTML的核心是效率优先于创造力，因此，如果吸引视觉效果是您网络体验的重要组成部分，那么这可能不适合您。 
  • 除了AMP网页上的图片数量有限外，每页只能刊登一个广告。此限制框架也不支持消耗性产品等破坏性广告，而直接销售广告可能难以实施。
  • 从市场营销的角度来看，对一件内容进行爬网的成本是原来的两倍，这是Google为确保奇偶校验所做的努力的一部分。对于许多发布者而言，发现它可以增加印象，但不一定能提高参与度指标。这是由于“热门故事”轮播鼓励用户阅读其他来源的内容。 
  • 同样，由于地址栏中显示的是Google域，因此Google的AMP查看器往往会稀释品牌标识。虽然有一个修复程序可以在AMP页面顶部显示实际站点，但它会在折页上方占用宝贵的空间。 您可能还无法通过Google AMP页面与标准页面获得相同的品牌感觉，如以下示例所示：
google_AMP_version_vs_regular_version
  • 同样，仅当用户单击网页的AMP版本（而不是规范版本）时，AMP才有效。尽管研究发现AMP库可以将获取文档的服务器请求数量减少多达77％，但如果未正确实施AMP版本，则不一定会提供该版本。  
  • 尽管AMP已经存在了四年，但它仍处于起步阶段。

以下是一些有关Google AMP的最终详细信息，供您决定是否在您的网站上实施它。 

  • 您需要使用CSS的简化版本。
  • 只允许您使用AMP提供的JavaScript库，并且由于您不受控制，因此可能会遇到延迟加载（也许是AMP唯一的缺点）的原因。
  • 如果AMP站点每次都能正常工作，则必须经过适当的验证。
  • AMP插件页面不允许使用表格。
  • 自定义字体需要专门加载以获得更好的体验。
  • 您需要声明图像的高度和宽度。
  • 如果要在页面上显示视频内容，则需要AMP批准的扩展程序。

最后，AMP优先考虑速度和可读性，而不是共享性。因此，由于您的社交共享按钮是使用JavaScript创建的，因此它们可能无法正确显示。

AMP优先考虑速度和可读性，而不是共享性。

如何实施AMP来改善您的内容和SEO

当然，如果您有WordPress网站，则开始实施AMP的最简单方法是使用WordPress和Google的官方AMP插件。如果您希望更好地控制AMP页面的外观或更轻松地收集分析数据，则可以尝试使用其他免费插件，例如WeeblrAMP 或AMP for WP。

what_is_google_AMP_weeblr_AMP

但是，并非所有企业都使用WordPress，并且插件确实有其局限性。因此，我将带您逐步了解如何在 没有插件的情况下将AMP技术实施到内容营销策略中。

步骤1：创建AMP页面模板

为博客文章和其他高质量内容实施AMP的第一步是从头开始创建AMP页面模板。要创建AMP页面模板，您需要使用页面顶部的<！doctype html>来启动AMP HTML页面，并通过在HTML标签中添加闪电符号（？）将页面标识为AMP内容。像这样<html？>。

这是一个简单的AMP HTML页面的示例，您可以将其用于内容：

what_is_google_amp_AMP_HTML

这些是要包含在AMP HTML文档中的标记：

  1. <head>和<body>标签
  2. <meta charset =” utf-8”>作为<head>标记的第一个孩子
  3. < head>标记内的<script async src =” https://cdn.ampproject.org/v0.js”> </ script>以包含和加载AMP JavaScript库
  4. < head>标记内的<link rel =” canonical” href =“ $ SOME_URL”>
  5. <meta name =“ viewport” content =“宽度=设备宽度，最小比例= 1，初始比例= 1”>在您的<head>标签内
  6. <head>标记中的AMP样板代码

这些标记是可以在页面代码本身中进行更改的标记：

  • 链接href =“ hello-world.html”
  • 正文部分<body> Hello World！</ body>中的内容

既然您知道如何为博客创建AMP页面模板，那么您可能想了解可用于AMP页面的所有HTML标签。

what_is_google_AMP_html5_vs_amp_html_tags

不幸的是，有些HTML标记不能用于AMP页面。这些包括：

  • <框架>
  • <框架集>
  • <对象>
  • <参数>
  • <小程序>
  • <嵌入>
  • <基础>
  • <输入元素>

步骤2： 预览并验证您的AMP页面

要预览AMP页面，您需要直接在Web浏览器中从文件系统打开页面，或者使用本地Web服务器（例如Apache 2）打开页面。

另一方面，要确保您的AMP页面有效，只需在Web浏览器中打开页面，将“ ＃development = 1”添加到URL，然后打开Chrome DevTools控制台以检查是否有效错误。

what_is_amp-_amp_validator

图片来源

布鲁斯·戴（Bruce Day）建议您首先在AMP上从您的网站测试一到两种类型的页面。理想情况下，您还应该包括一些排名较高的页面，以便可以在移动搜索结果中查看Google是否提供AMP版本。

请务必注意，Google可能需要几天的时间才能找到，检查和索引页面的AMP版本。同样，您应该让首次发布至少运行一个月（如果可以的话，则可以更长）。这使您可以构建足够的数据，以确保在整个站点范围内部署AMP是值得的。

Google可能需要几天的时间才能找到，检查和索引页面的AMP版本，并且您应该将AMP页面运行至少一个月才能获得有意义的数据。

步骤3：跟踪效果

与数字营销中的任何内容一样，您需要跟踪AMP页面的效果。不仅要查看与竞争对手的比较情况，还要查看您的绩效是否符合目标。

您可以使用内部工具（例如Google Analytics（分析））或任何各种第三方B2B工具来执行此操作。有许多分析供应商为AMP分析提供内置功能。

what_is_AMP_how_to_track_AMP_in_Google_analytcs

图片来源

其他需要注意的重要事项包括使用规范的URL和其他变量来定义应记录的内容。这对于识别由AMP引起的任何流量波动至关重要。

另外，amp-analytics中的extraUrlParams属性将查询字符串参数添加到规范URL（例如“ type = amp”）。这使得在分析中区分AMP页面和普通网页更加容易。这样，您就可以比较AMP启动前后页面上的总流量。

规范网址使您能够在Google Analytics（分析）中隔离AMP流量，以实现更好的跟踪和优化。

AMP适合您吗？

如您所知，AMP是加快网页速度的好方法，最终可以在内容交付中提供更好的用户体验，尤其是对于移动用户。如果根据您的业务模型和上述条件认为适合您的业务，请务必考虑上述因素并遵循实施步骤。这可能需要一些时间，但是拥有性能更好的内容可以带来长期的好处。 

相关文章