Google移动加速AMP技术

Google移动搜索AMP-加速移动端打开速度

移动搜索,未来已来。而且谷歌也开始上线AMP技术。

什么是AMP技术?

AMP,英文全称是:Accelerated Mobile Pages。大意为:加速的移动页面。Accelerated Mobile Pages (AMP) 是一项开放源代码计划,旨在使网页在移动设备上快速加载并且看起来非常美观(即使是在网速很慢的情况下,也是如此)。

也可以参考官方是如何解释AMP的。

google AMP技术

Google已经把AMP放入谷歌网站管理员工具里面来了,也就说明了,我们的网站要正式开始在移动端的排名在以前的基础上更加规范化了,而且最主要是移动端访问网页的速度加快了,提升了用户体验。

简单而不一定准确地说,AMP页面是大大简化了的移动页面,因此加载更快。AMP有几个特点:

1、AMP的HTML代码是标准HTML的一个子集,某些代码不让用了,如table, frame等

2、CSS代码也简化,而且要写在HTML中,不能调用外部CSS文件

3、JS大部分不能用了,当然就快了,但很多互动功能也就没了

4、资源控制,比如图片、视频等用户下拉到图片时再加载

5、高度缓存,Google将页面缓存在自己服务器了

好奇的我,也赶快试了一下,信息类网站,如博客,还是很适合AMP的。WordPress实现AMP很简单,下载、启用AMP插件就行了。插件会给帖子页面创建AMP版本(首页、分类、翻页等页面没有)。比如本帖子的URL是:https://jaxseo.me/googleseo/1139.html

AMP页面就是在原页面后加个/amp/ ,即 https://jaxseo.me/googleseo/1139.html/amp/

在原帖子 html代码中,需要用amphtml标签指明AMP版本地址:

link rel=”amphtml” href=”https://jaxseo.me/googleseo/1139.html/amp/” /

AMP版本的HTML代码中也要用canonical标签指明原页面地址:

link rel=”canonical” href=”https://jaxseo.me/googleseo/1139.html/” /

这样,Google就知道谁对应谁了。

在Google搜索结果中是这样展现的:

1.在浏览器输入:https://g.co/ampdemo,因为普通页面的AMP现在还没有出现在正常Google搜索结果中

输入VPN才可以打开哈。

2.出现界面如下:

google AMP界面

3.搜索我网站标题结果为:

谷歌AMP显示标记

可以看到:页面描述最前面有个闪电标记和AMP字样。用户点击后页面秒开.

点击本帖的AMP地址就可以看到AMP版本的样子,桌面电脑也一样能正常访问。目前WordPress的AMP插件把导航、留言等等都去掉了,只剩下帖子内容本身,确实是简化到家了,HTML文件只有10几K。如果自己开发AMP版本的话,还是可以多少加上点东西的,比如重要导航。

AMP的目的没别的,就是快,也确实是快了,但不一定适合必须有交互功能的页面,如电子商务网站。即使像博客帖子这种页面,拿掉评论功能是否真的用户友好也还要观察。纯信息类页面确实很适合。

Google最近在大力推AMP,很可能AMP会变成国际上信息类网站移动页面的主流。采用AMP的页面是否对排名有帮助呢?目前是没有,Google明确表示,AMP不在排名算法中,但谁知道以后呢。SEO们,尤其是做英文网站的,还是要密切关注。

关于更多AMP可以参考AMP官网解释。

其实百度也有AMP,只不过是叫法不同,它叫:MIP

留下评论