Categories


Tags


Google的AMP-加速移动页面

上星期在第6届SEO排行榜上做了一个演讲,分享了一些国际上SEO行业的最新情况。其中一个内容是Google的AMP项目,也在这里聊一下。

AMP,Accelerated Mobile Pages,译意大致是”加速的移动页面”,是Google去年10月份推出的一个提高移动页面访问速度的技术,具体技术细节可以在项目官网看到,有简单的中文版。

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

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

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

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

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

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

AMP具体应用是今年2月份才上线的,仅仅使用在新闻结果中,支持了AMP的新闻页面显示在顶部图片轮播中,用户点击其中的新闻时,缓存在Google服务器上的极为简化的AMP版本确实是秒开。

目前AMP新闻页面只在10多个国家显示,不包括中国,也不包括新加坡。

如果仅限于新闻网站,我也就不那么关心了。不过8月2号Google又公布,AMP将应用于所有类型的移动页面。其实在这之前,除了BBC、纽约时报等新闻网站,连ebay这种网站也已经上线了AMP版本。所有移动页面都支持AMP的话,更多网站将有动力加上AMP版本了。

普通页面的AMP现在还没有出现在正常Google搜索结果中,只在这个地址的demo中可以看到:https://g.co/ampdemo

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

https://www.seozac.com/gg/google-amp/ ?

AMP页面就是在原页面后加个 /amp/ :

https://www.seozac.com/gg/google-amp/amp/

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

<link rel=”amphtml” href=”https://www.seozac.com/gg/google-amp/amp/” />

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

<link rel=”canonical” href=”https://www.seozac.com/gg/google-amp/” />

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

在Google搜索结果中是这样展现的(如上所说,从demo地址可以看到):

amp页面搜索结果

页面描述最前面有个闪电标记和AMP字样。用户点击后页面秒开,显示的是Google服务器上的缓存:

https://www.google.com.sg/amp/www.seozac.com/baidu/aureum-algorithm/amp/

AMP页面打开是这个样子:

amp页面

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

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

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

百度会不会支持AMP呢?短时间应该不会,倒不是百度愿意不愿意,而是AMP页面需要调用官网的JS库,貌似是控制资源之类的功能(如图片延迟)的:

<script src=”https://cdn.ampproject.org/v0.js” async></script>

任何国外的东西,说qiang就qiang,百度想支持也危险,中文网站没法用啊。呵呵,呵呵。

来源:SEO每天一贴 Zac 昝辉


Public @ 2009-08-17 16:20:15

移动端网站建设如何提高资源的易用性

移动端网站建设提高资源的易用性:按照页面主体内容载体的不同,资源易用性的标准会有较大的不同:1、文本页面:页面提供的内容应清晰完整,有精良的排版。文本页面包括文章页、问答页、论坛页等;2、Flash:Flash 是移动设备上不常用的资源形式,应避免使用;3、首页或索引页:页面提供的导航链接应清晰可点,页面推荐的内容应清晰有效;4、APP下载:APP应提供直接下载,且下载的为最佳版本;百度严厉打击欺

Public @ 2020-01-06 16:20:34

5个简单方法让网站对平板设备更友好

使用平板电脑的人越来越多,根据IDC的估计,2012年全球平板电脑的销售量就达到1.19亿台,但是专门为7-10寸屏幕设计的网站并不多。最近UX杂志在Mashable的刊登了一篇文章「 5简便的方法来您的网站的Tablet 」,编译如下:在美国,有将近7000万的平板电脑用户,是2011年的两倍。这个国家有将近30%的网络流量来自平板电脑,2011年至2012年间电子商务网站来自平板电脑的流量甚至

Public @ 2021-03-17 16:20:30

Google的AMP-加速移动页面

Accelerated Mobile Pages(AMP)是Google 2015年发布的一种开放的移动页面加速技术,旨在改善移动页面的加载速度。AMP 借鉴了HTML,CSS 和 JavaScript 的广泛用法,同时使用这些技术创建高性能移动网页。支持 AMP 技术的网页都有着更快的加载速度、更少的资源消耗和更低的失败率,这则支持移动网页的质量和可访问性。

Public @ 2023-03-01 10:00:13

Google的AMP-加速移动页面

Google的AMP(Accelerated Mobile Pages)是一个开放源代码的项目,旨在使移动页面更快、更流畅。该项目使用了一些优化技术,如异步加载、缓存和延迟加载等,来加速页面的加载速度。这样可以提高用户的体验,并减少网页的加载时间。 AMP是一个类似于HTML的标记语言,设计用于移动页面,但也可用于桌面浏览器。AMP模板具有简单、轻量和快速的特点,这意味着页面内容可以更快地加载,

Public @ 2023-05-30 21:00:24

更多您感兴趣的搜索

0.532770s