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 提供的一项功能,可丰富电子商务网站的追踪跟踪。