什么是Google AMP?
AMP全名为Amlelerated Mobile Pages,中文名称为加速行动版网页,是一个由google开发设计的架构,创造一个符合手机浏览的网页,可让网站读取速度更快,用户打开网页的速度更快。许多国外的媒体在安装AMP页面后,文章页面打开的速度增加数倍到数10倍,用户更快的可以读取到他们的内容。
而AMP可以分成三个部分,分别是AMP html、AMP JS、AMP Cache:
- AMP html:一种专为AMP设计的html规范,AMP有针对图片、影片或广告制定html规范,例如<amp-img>、<amg-carousel>。
- AMP JS:是一种Javascript的函数库。AMP禁止在网页内使用同步Javascript,因为这有可能会网页DOM的架构,但是允许使用异步的Javascript。AMP JS是一套可让AMP架构最佳化的函数库,管理网页加载,并且提供自订标记,快速转译网页。
- AMP Cache:是一种缓存与传输AMP的内容传递系统。在行动版网页上看到的都是缓存后的最佳化的AMP页面,如此可快速加载网站页面。
AMP很厉害,但是有一些限制
当你使用手机Google文章内容时,你会发现到一个闪电的符号,代表这个网站有安装AMP。
一般来说,如果你的网站是属于内容型的网站,例如像是美食博客、电影评论网等,就非常适合安装AMP。但这会对网站开发人员会有以下限制:
- 对于Javascript的使用限制:因为AMP本质上是属于静态的网页,AMP限制了Javascript的使用,仅能使用AMP所提供的组件,不允许使用自己所编写的组件功能,或者只能写在AMP所规定的sandbox iframe区块里面,同时iframe的要离顶部600px或75%。
- style大小使用不非常过50KB:为了增加速网页读取速度,AMP限制了Style的大小,同时也规定inline style只能写在网页文档内<header>之<style amp-custom></style>区块内。
- 图档使用需要先预告大小:AMP对于外部资源的引用(例如图片、广告等),一定要在html内声明外部资源的大小,让AMP确认每一个图片或广告的大小,避免发生有需要重新计算或重新设计layout问题。
- 字体文档限制使用:字体的使用需用链接标签、或者是CSS的@font face rule。对于字体的引用,也限定特定字体供应商。
虽然有诸多限制,但是Google推出AMP来加速网页,对于用户体验提升会有一定的帮助。
使用AMP优点与缺点
基本上,使用AMP有以下的优点:
- AMP是一个开源计划,任何人都可以使用
- 文章页面加载速度变快
- 增加访客黏着度,降低跳离率
- 提高单篇文章的点击率
- 网站速度变快,有机会提高网站SEO
- 如果使用wordpress架站 ,安装过程较为便利
- 使用AMP架构完全免费,不需要额外收费
但是也会有以下的缺点:
- 仅限于Google搜索引擎优化
- 广告投放只能用于Google ads
- 网站设计较不灵活,只能限于图片和文本设计
- AMP无法扩充使用其他应用程序
- 卸载过程耗时,也会导致网站SEO分数下降
- 减少了访客停留在网站的时间
如何为自己的网站安装AMP呢?
在先前awoo的文章 创建属于您的第一个AMP网页 ,我们具体地介绍了如何透过埋设代码的方式安装AMP网页,原则上就是:
- 创建html文档,包含标记<html amp>标签
- 加载图片文档,清楚说明图片文档尺寸大小
- 使用<style amp-custom>标签,客制化网页样式
- 让搜索引擎知道同时存在AMP与non-AMP页面,使用<link>标签来告知
- 预览与验证页面是否安装成功
如果你的网站是用wordpress架设的,则是会非常地方便,可以透过AMP的插件工具来安装,安装步骤如下:
1.进入wordpress后台,进入安装插件搜索AMP,找到AMP插件,点击立即安装并激活:
2.安装完成后,回到网站前台,进入到文章页面,会看到原始的文章页面:
3.此时,只要在网址最后面输入『/amp』:
4.该篇文章页面,就会被导向到amp的网页,就算安装完成哦:
AMP对于SEO的影响
自从Google推出了移动设备优先指针(mobile-first index)后,许多人都会想说,那是不是装了AMP之后,手机版网站排名就会往前,行动版的SEO 就会如鱼得水。其实不然,Google官方指出,使用AMP不一定会让排名往前,SEO有许多的决定因素,最终还是要回到网站内容是否能够解决用户问题,只能说AMP让手机版网站读取速度变快 ,而网站速度为SEO影响因素之一,是可以增加手机版网站的竞争力。
但如果今天你要说服老板或客户来为网站安装AMP,一定要谨记以下三点:
- 网站速度一向是Google搜索引擎考虑因素,提高网站速度对于SEO一定有帮助
- 根据研究,网站每慢1秒,网站转换率会减少7%
- AMP虽然是Google推出的项目计划,但是AMP能直接增加SEO分数只是江湖传说
awoo认为AMP能提高手机版网站加载速度,帮助用户更容易获得信息,是非常鼓励所有网站安装,而现在AMP的功能虽然有许多限制,但是相信随着开发技术进步,Google一定会逐步强化AMP在页面上的功能。因此,保持对于AMP技术更新追踪,让自己的网站提供给用户更好的手机端体验吧。
Mobile SEO必学!行动版网站健检Search Console帮你做
网站速度优化,从Google Page Speed Insights开始
RWD 响应式网站设计是什么?对 SEO 的好处有哪些?
评论列表 (0)