AMP:提高SEO的移动先行开发方法

数据架构 2018年 11月 16日

如果手机上网页的打开时间超过5秒,您会作何反应? 这种情况十分常见,让人感觉似乎要没完没了地等待下去。让内容发布者感到失望的是,您很可能会转去另一个网站。而AMP页面的意义,就是要避免这种情景。
那么这种移动端网页是如何运作的? 它们的优点和缺点是什么,特别是涉及到数据收集的时候?

使用AMP技术,快速浏览移动页面

加速移动页面(AMP)是谷歌于2015年与多家合作伙伴共同推出开源移动网页技术。与传统网页相比,AMP页面旨在显着减少加载时间,从而改善用户体验。 因此,发布者若想使用此技术,其网站必须有两个不同版本:AMP(移动版)和桌面版

要想以AMP格式显示页面,则该页面的代码需严格遵守语法和用法规则。 为了验证页面代码,开发人员可以将页面提交给 AMP验证器

为了更快地显示内容,AMP项目的开发者优化了:

– 页面结构 ,方法是创建特定的AMP-HTML标记。 他们使用了HTML W3C组件,但设置了一些限制和扩展功能。

– 页面设计,只允许在线样式表,限制为50 KB,不会因产生额外的HTTP请求,导致页面显示速度减慢。

– JavaScript加载模式的选择:   AMP页面仅包含非同步JavaScript,即几个JavaScript文件同时加载,而不是使文件接连加载的同步JavaScript。非同步JavaScript文件可以显著减少网页中第一个元素(图像、HTML结构等)的显示时间。

– 使用JavaScript :在AMP页面上,JavaScript在自定义AMP-HTML元素(AMP JS库)中编码。 这种JavaScript是经过优化的标准化语言。 开发人员无法将自己的脚本集成到主进程中(但可以将其集成到不会降低页面显示速度的amp-iframe标签中)。

– 缓存:为减少加载时间,AMP页面将进行缓存,或存储在Google或Cloudflare平台上,以便更快地返回给用户。

发布者对AMP技术的兴趣日益浓厚

现在有2500万个域名使用这种格式,主要是媒体网站(CNBC,华盛顿邮报,卫报,明镜周刊等),这也是这项技术开发的初衷。 但现在电商网站(AliExpress,eBay)对将这项技术集成到环境中也非常感兴趣。

这样做确实有很多好处。 首先,这种技术使页面能几乎即时显示,提供了更好的用户体验。 品牌可以更好地与消费者互动,并在网站上寻找潜在用户,这些都有利于转化率。

转移到AMP页面的第二个好处,是对您网站搜索引擎优化( SEO )的潜在影响 。 实际上,Google在排列移动端搜索结果时,会将页面加载时间算作一项要考虑的参数。

最后,在Google上进行搜索时,文章或产品的曝光度将大大增强。 AMP项目标有一个小小的闪电符号,如下图所示。它们还会出现在一个轮番播放的“主要内容”或者“头条新闻”中,类似Snapchat的“故事”。

然而,JavaScript的使用限制,为网站分析带来了新的约束

在AMP技术的所有技术限制中,使用JavaScript的限制是最为麻烦的,因为它会极大地影响到这些网页上收集数据的方式。

在传统网站上,网站分析工具提供了一个脚本,可以集成到网站的每个页面上。 这个脚本会加载JavaScript库,开发人员在其代码中调用此库的本机函数, 将数据发送到服务器上。 因此,在网站分析工具的标准使用方法中,JavaScript的使用几乎是必不可少的。

然而,AMP页面将JavaScript的使用限制在AMP JS库中。因此,Google Analytics等网站分析工具已经部署了其特定的标签。但是,这些工具的用户也面临着一些技术限制,改变了网页版Google Tag Manager等工具的使用方式。

对于网站发布者而言,即使想大量地将其基础架构的一部分转移到AMP页面上,也必须保持数据收集的连续性。对于电商网站来说更是如此,其中许多网站都对电商数据进行高级跟踪,或者叫“增强型电子商务”,这是Google Analytics提供的一项功能,可丰富电子商务网站的追踪跟踪。

还想再来一杯茶吗?