Return to site

您需要了解的有关加速移动页面(AMP)的信息

您可能听说过最近抛出的“AMP”这个词。什么是加速移动页面,它们对搜索意味着什么,以及您如何为这一切做好准备?在本篇文章中列出了所有重要的细节。

我们正在伦敦的Distilled总部拍摄这部电影。这是Will Critchlow的创始人兼首席执行官。我是研发部门负责人汤姆安东尼,今天我们将谈论加速移动页面。
将...

什么是加速移动页面(简称AMP)?

威尔:汤姆,我很高兴你问。因此,加速移动页面(简称AMP)是Google和Twitter的一个项目,旨在制作真正快速的移动页面。从本质上讲,它基本上是一种精简的HTML形式,如果你愿意,还可以用HTML。汤姆将更多地谈论有关的实际细节。

但从根本上说,它是一个HTML页面,设计超轻量级,批判性设计真正快速加载。所以谷歌,Twitter,其他一些公司已经推出了这种方式 - 以回应Facebook和Apple News等Facebook Instant Articles项目等项目。这是为了公开回应。所以它是开源的,项目的开放性有各种各样的元素。

是什么让AMP如此之快?

汤姆:当然。正如Will所说,它就像一个饮食HTML。所以你不能使用某些HTML标签。表格之类的东西已经出来了。您还需要使用简化版的CSS。您可以使用大多数CSS,但某些部分属于最佳实践,并且不允许使用它们。然后基本上不允许使用JavaScript。您必须使用他们为您提供的现成JavaScript库,并提供延迟加载等功能。

所以我们的想法是整个平台的设计只是为了纯粹的可读性,纯粹的速度。图像之类的东西在滚动到视图之前不会加载,而JavaScript会为您完成所有这些操作。我们预计他们将会在某些操作系统中构建JavaScript库,因此您甚至不需要它。然后所有这些都被设计为真正高度缓存,以便Google可以托管这些页面,在那里托管您的实际内容,因此他们甚至不需要再从您那里获取它。

威尔,你会告诉我们这是如何运作的吗?

这在您的移动设备中如何工作

威尔:是的,这就是我们中间的图表。所以我们都习惯了这个常规网页的想法。我在图中称这个WWW。这是页面的常规桌面版本。在源代码中,如果您有AMP版本,则可以使用rel AMP HTML链接来指定我们称之为“托管AMP页面”的链接。

因此,这是一个由您自己的域构建的页面,由这种精简的HTML格式构成。所以如果你想看到这个,我在这里引用了Guardian。他们是最早的参考合作伙伴之一。您可以将/ amp放在Guardian网站上任何新闻报道的末尾,并查看AMP HTML。它在显示中与源代码中的AMP HTML链接相关联。

这就是托管的AMP。这与谷歌无关。你可以这样做,它的设计更快。但他们也推出了这个免费的托管缓存平台部分交易,这里标有gstatic。

因此,当您实际看到Google搜索结果中显示的这些内容时,我们将在稍后讨论,显示在那里的版本通常会托管在gstatic.com上,换句话说就是Google托管的缓存版本。而且关键的是,无论是你自己托管的还是在互联网上缓存的版本,甚至可能是其他人,这两者都包含rel = canonical回原版。它很相似。它就像移动世界中的另类替代品。

所以它的速度很快,因为HTML被削减了,但它也可能设计为这些内容可以被任何人在没有rel = canonical指向你的情况下缓存。

汤姆:我认为值得一提的是,即使在页面的缓存版本上,谷歌也表示你仍然可以提供自己的广告。我们还不知道它的详细信息,但他们已经建立了一个平台,您可以在其中提供来自AdSense,Outbrain,大多数主要广告平台的广告,您仍然可以累积所有收入。他们不接受任何这些东西。

此外,使用缓存版本,您可以使用Google Analytics。目前,推出版本只需使用跟踪像素即可。但是我们知道他们正在开发一个平台,在这个平台上,它是一个供应商中立的平台,用于Google Analytics,Omniture等所有内容。因此,您仍然可以获得所有分析。即使您通过页面的缓存版本提供广告,您仍然可以向您的网页和所有内容提供广告。

威尔:是的,这非常重要。这是我们讨论的JavaScript框架的一部分,在这里您可以获得这些有限的容器,这是一种非常有限的JavaScript功能,您可以自己使用。

对SERP的影响

那么让我们来谈谈这可能会如何实际显示在搜索结果中。首先,我们目前所知道的是它看起来只是移动而已。它就在那里,加速移动页面,这就是为什么我带着我的移动白板为你演示这个。这是AMP版本出现在移动设备,平板电脑,平板电脑上,不太确定是什么格式。

现在它只是移动设备。它正在谈论移动。它还没有推出。但是在我们看到的演示中,它显示为常规蓝色链接之上的轮播,通常用于新闻相关术语,因为大部分内容都集中在明显阅读内容上。首先推出这个的人通常都是新闻出版商。因此,您搜索与新闻相关的术语。您可以在蓝色链接上方看到可滑动图像的旋转木马。点击其中一个,它会超级快速打开,这就是整点,然后您可以在整个过程中滑动到另一个AMP页面。

它实际上也取代或出现在您希望看到付费搜索广告的某些字词中。我不会读太多。这只是在此时的演示中。从长远来看,也许有付费版本,谁知道。

我们期待这很快就会推出。谷歌的最新官方线可能是2016年2月。但是,不管怎样,我们希望很快就能在世界上看到这一点。

所以它还没有,但很快就会到来。

汤姆,我们可以做些什么准备?

汤姆:所以有两件事。首先,您希望能够开始为您的网站构建AMP页面,并且您希望确保这些页面有效,因为正如我们所说,它就像HTML的减肥版本,但它对您的方式非常非常严格构建HTML。标签必须在某些顺序和某些地方。你不能使用某些东西。如果您这样做,您的AMP页面无效,他们可能不会使用它。

因此,要验证您的AMP网页,您实际上使用的是Chrome内置的工具。因此,如果您在Chrome中打开开发人员工具,那里就有一个系统 - 您可以在AMP项目网站上查找 - 您可以在其中实际访问某个页面,然后您可以要求它进行验证,“这是一个AMP页面, “它会告诉你该页面的任何问题。

因此,建立AMP页面并确保您做得很好,第二点是如何简化构建页面。如果您使用的是CMS或类似的东西,那么很明显您希望这是您的流程中不可或缺的一部分。您希望AMP页面成为所有页面或尽可能多页面具有这些页面的AMP版本的页面。所以已经有了 - 对于最受欢迎的CMS,像WordPress这样的东西已经有了插件 - 你可以自行离开,你可以下载该插件,基本上对于很多页面它会为你创建很多工作那些AMP页面。此外,显然,如果您正在构建自己的CMS,那么您应该优先尝试在CMS中获得类似的功能。

Will:现在是时候这样做了,因为在发布时就在那里是时候获得那种激励,从这些东西推出时的好处。所以这就是很多背景知识。

有关阅读的详细信息,我们在这里有一些资源可供您查看。这是搜索结果中可能的样子的实际演示。您可以在这种精简的Google上试用自己的搜索。

汤姆:值得一提的是,目前您只能在此页面看到演示结果。所以你只能......

Will:是的,在移动设备上。

汤姆:在移动设备上,是的。

Will:然后这是原始的主项目网页,你可以在其中找到GitHub代码库以及所有那些验证器等等,我们在这里写了更多。这是我们网站的链接。

所以,是的,我们建议您在发布时检查一下。这是发布商获得移动领先优势的机会。
所以感谢星期五加入我们的白板。尽快回复你。

汤姆:再见。

All Posts
×

Almost done…

We just sent you an email. Please click the link in the email to confirm your subscription!

OK