搜索引擎优化

谷歌AMP:性能将要形状未来搜索

图片来源:

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

如果你正在寻找安培的所有东西的分解,检查AMP官方文档以及蚊子最新版的白板上星期五非常简单,详细的解释。

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

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

为什么你需要为自己尝试AMP

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

这是AMP Carousel所看的是上一个星期五,2月28日为此查询:

image1

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

image2

在AMP旋转木马中,用户可以在文章之间快速滑动,快速阅读不同的文章,找到他们想要的信息。

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

对于出版商来说,谷歌基本上完全控制了新闻出版,这有点令人担忧。(来源:Nieman实验室但有一件事是肯定的:谷歌兑现了他们的承诺,提供了任何人都可以轻易获取的有用信息。

谁应该使用AMP?

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

谷歌News负责人Richard Gringas在一篇来自Re/code的文章中表示,任何网站都可以使用AMP。(本文为游戏邦/ gamerboom.com编译,转载请注明来源:游戏邦)Re /代码).大型电子商务网站已被邀请使用该平台,这表明AMP可能不仅仅面向新闻网站。

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

在开始在SERPS中的排名开始之前,AMP是一个很好的机会,可以轻松提高用户的网络性能。2016年,Web表现是一个成功的搜索体验的乐器部分 - 现在是时候开始考虑与Google的标准相比如何堆叠。

开始使用放大器的最佳做法

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

AMP插件使它易于实现

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

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

改变AMP的品牌设计

不幸的是,使用插件不会是一个步进过程。如果您不对格式做任何事情,您将注意到它看起来非常裸露而不是代表您的网站。您的AMP页面可以更改:

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

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

以下是Huffington Post如何具有其徽标和标题的示例:

image3

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

image4

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

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

它需要是光栅格式而不是矢量格式。它应该正好是60px高和<=600px宽。只有当徽标宽度超过600px时,它是调整大小,你应该考虑使它更小。基本上,找到适合60x600px的框的最佳尺寸,但不要越过它。

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

不要忘记添加规范

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

文章的每个版本的部分都需要Canonical标签。

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”>

添加结构化标记很重要

添加结构化标记是必需的才能登上头条新闻旋转木马

您可以使用Google的结构化数据标记您的内容,以更好地了解您的内容是什么。

以下是你需要为这些类型列出的所有字段:

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

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

AMP还允许标记schema.org/VideoObject虽然我们还没有看到任何AMP视频在旋转木马,这可能发挥了一个因素,当谷歌认为视频组件将是最好的新闻结果。

以下是必填项:

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

推荐如下字段:

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

放大器是否有未来?

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

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

在AMP之前,正常的加载时间是3秒。但是现在,人们很可能开始根据AMP <1秒的加载速度来判断网站的性能。对于那些在AMP启动前加载速度较慢的网站来说,这可能是一个相当可怕的想法。

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

在接下来的几周内检查AMP的额外更新和我们测试的结果。为了确保你不会错过下一个AMP帖子发布时,注册Seer的通讯!