互动 先见
+ - - - - - -
{{项目。标签}}
的见解

谷歌AMP:性能将塑造搜索的未来

谷歌的加速移动页面(AMP)项目正备受关注。自2007年推出通用搜索以来,谷歌一直在继续开发SERP增强功能,以创建更友好的用户体验。AMP当然是这一使命的一部分,因为它允许用户在他们的移动设备上即时阅读新闻文章。AMP结果现在排名高于serp中发现的典型新闻相关链接。

如果您正在寻找所有AMP的分类,请查看AMP官方文件以及蚊子最新版的白板上星期五一个非常简单,详细的解释。

在这篇文章中,我将深入探讨AMP的下一步——比如它对用户体验的影响,为什么你的品牌可能适合AMP,以及如何在你自己的网站上实施它。Seer团队刚刚开始通过我们的博客测试我们自己的加速移动页面,所以请确保在下周继续关注结果。

如果你还没有这样做,阅读AMP版本

为什么你需要自己尝试AMP

如果你还没有使用过AMP旋转木马,你需要尝试一下!这很简单。首先在你的移动设备上打开谷歌,然后在新闻中搜索当前的话题。在下面的例子中,我们从移动设备搜索“谷歌amp”。

以下是上周五,也就是2月28日,针对这个问题的AMP传送带:

image1

当我们点击进入第一个结果,一篇文章发布的搜索引擎土地,它立即加载-所有没有离开谷歌。这是一个相当大的交易- AMP项目被期望减少加载时间。但是当您实际尝试时,加载似乎一点也不延迟。

image2

在AMP传送带中,用户可以快速在文章之间滑动,快速阅读不同的文章,以找到他们正在寻找的信息。

稍微想一下。几天前,当你在手机上查找新闻文章时,这将是一个完全的拖累。但现在,你可以快速浏览多达5篇文章,比以往任何时候都更快地找到你要找的东西,并在更短的时间内从你的搜索中获得更多的价值。

有点让出版商担心的是,谷歌基本上完全控制了新闻出版。(来源:Nieman实验室但有一件事是肯定的:谷歌遵守了他们的承诺,提供有用的信息,任何人都可以轻松地访问。

谁应该使用AMP?

首先,AMP项目是为新闻和媒体出版商创建的。目前,由于AMP,这类网站拥有最大的机会(和风险),因为它肯定会改变用户与移动serp中新文章的互动方式。

在Re/code的一篇文章中,谷歌News的负责人Richard Gringas表示,任何网站都可以使用AMP(来源:Re /代码).大型电子商务网站已被邀请使用该平台,这表明AMP可以推广到更多的网站,而不仅仅是关注新闻的网站。

目前,AMP仅对新的相关查询触发。所以从搜索的角度来看,我们不能100%确定这是否会改变。然而,AMP允许博客文章的结构化数据,所以这可能是一个品牌的博客内容可以出现在AMP中。

在你开始考虑serp中的排名之前,AMP是一个很好的机会,可以轻松地为用户提高你的web性能。在2016年,网页性能是成功搜索体验的重要组成部分——现在是时候开始考虑与谷歌的标准相比,你是如何堆叠的了。

开始使用放大器时的最佳实践

我们的团队深入研究了AMP的工作原理,到目前为止我们已经学到了很多。AMP提供了很棒的用户体验,但关键是要有适当的策略和技术结构,以确保它能正确地为您的内容工作。

AMP插件使它易于实现

如果你在Wordpress上,AMP插件是很难错过的。虽然我们不能和Drupal AMP模块,Wordpress AMP插件易于安装,并立即开始工作。您可以选择编写自己的AMP页面,但插件是目前最简单的解决方案,因为它们使您能够在短短几个小时内启动并运行AMP。

这并不意味着你不需要改变一些基本的AMP模板,但能够减少开发人员修改插件的工作是一个巨大的优势。

改变AMP的品牌设计

不幸的是,使用插件不是一步到位的过程。如果你对格式不做任何修改,你会发现它看起来很简陋,不能代表你的网站。您的AMP页面可以更改:

  • 有特色的图片
  • 内容的宽度
  • 模板元(作者,日期等)
  • Schema.org (JSON)元数据
  • 页眉和页脚(Logo,页眉颜色等)

重要的是要注意,您可以重写AMP模板和自定义AMP页面.但是由于它的简单性和处理图像和视频的能力,你可能想要考虑它的唯一原因是你的内容需要以一种不同于传统博客文章的方式呈现。

以下是赫芬顿邮报的logo和标题:

image3

下面是另一个来自福布斯的例子。注意它们是如何在标题中包含链接的。聪明!

image4

改变AMP设计是确保您的品牌与推动性能保持一致的最大优势。不要吝啬这一步,因为即使AMP可以有一个非常干净的外观,骨架是非常朴素的。

关于Logo的建议

你的品牌标志将放在标题的顶部,如果你选择这样做的话。这是非常有益的,因为没有太多的其他样式的设计。

它必须是光栅格式,而不是矢量格式。它应该正好是60px高,<=600px宽。只有当logo在调整大小时宽度超过600px时,你才应该考虑让它变小。基本上,找到适合60x600px盒子的最佳尺寸,但不要超过它。

最后,logo应该在白色背景上易于辨认。如果你的标志有一个坚实的背景,谷歌建议在标志的顶部和底部使用6px的填充。

不要忘记添加常规

在制作加速移动页面时,需要一个规范标签将非AMP页面与AMP版本连接起来。它以两种方式工作:显示原始内容的位置,并为谷歌提供查找AMP版本的路径。如果你不包括一个规范,谷歌有一个不大可能找到你的AMP版本,因为它基本上就像一个岛页面。你不会想要那样的。

在文章的每个版本的部分中都需要规范标签。

Non-AMP页面:

<链接rel =“amphtml”href =“https://www.example.com/url/to/amp/document.html”>

AMP版本:

<链接rel =“规范”href =“https://www.example.com/url/to/full/document.html”>

如果决定使用?=amp1而不是/amp/ URI附件,请确保在规范标记中包含正确的版本。这两种方式都不会有太大的影响,但最好的做法是不要犯任何不必要的错误。

仅AMP页面

大多数出版商选择制作两种版本,但如果你愿意,你也可以只制作AMP版本的文章。如果您决定让它成为一个独立的加速移动页面,没有“常规”对应的页面,那么您需要将一个规范标签指向自己。

下面这个例子:

<链接rel =“规范”href =“https://www.example.com/url/to/amp/document.html”>

添加结构化标记很重要

需要添加结构化标记进入头条新闻传送带。

您可以使用谷歌的结构化数据标记您的内容,以便更好地理解您的内容是关于什么的。

以下是你必须为这些类型设置的所有字段:

  • 规范的URL
  • 标题
  • 图像
  • 图像URL
  • 图像的高度
  • 图像的宽度
  • 出版商
  • 出版商的名字
  • 出版商的标志
  • 发布者Logo URL
  • 出版商Logo高度
  • 发布者Logo宽度
  • 发表的日期
  • 作者
  • 描述

这可能看起来像很多额外的代码,但它有助于您的内容有更好的机会出现在顶部故事部分。

AMP还允许您标记schema.org/VideoObject虽然我们还没有在传播中看到任何AMP视频,但当谷歌认为视频组件将是最好的新闻结果时,这可能会起到一个因素。

以下是必填字段:

  • 名字
  • 描述
  • 缩略图URL
  • 出版商的名字
  • 出版商的标志
  • 发布者Logo URL
  • 出版商Logo高度
  • 发布者Logo宽度

建议使用以下字段:

  • 持续时间
  • 实际内容URL(指向视频的链接)
  • 嵌入URL(指向特定视频播放器的URL)
  • 互动次数(视频被观看次数)
  • 过期(如果有过期日期)

AMP有未来吗?

“AMP不仅仅是新闻,也不仅仅是文章。这是我们最初的关注点。从电子商务网站到广告登陆页,我看到了整个网络体验的应用程序。”(来源:Nieman实验室

AMP已经开发了无与伦比的经验;它允许用户轻松阅读,快速导航,并避免文章中的弹出窗口。

在AMP之前,正常的加载时间为3秒。但现在,人们很可能会开始根据AMP <1秒的加载速度来判断一个网站的性能。这可能是一个相当可怕的想法,网站加载时间较慢,甚至在AMP推出之前。

对于数字内容,一切都归结于相对的用户感知。一旦用户体验到比其他任何东西都好的内容,他们最不想做的就是回到二流体验。从现在开始,AMP是其中之一——如果不是的话,这是在几毫秒内浏览各种可靠来源的相关新闻文章的“最佳选择”。

在接下来的几周内检查AMP的额外更新和我们的测试结果。为了确保您不会错过下一篇AMP文章,请注册Seer的通讯!

订阅时事通讯

埃里克·斯托瓦斯
埃里克·斯托瓦斯
高级助理,SEO

我们乐于帮助像您这样的营销人员。

注册我们的通讯,接收更新和更多信息: