随着智能手机的普及,们的生活也得到了改善,现在只要拿出手机,就可以随时随地接收到各种信息资讯。世界各地的许多内容都是通过移动互联网来传播,让读者可以更便利地获取新闻资讯。目前发现,使用手机进入传统的网页阅读文章,一方面网站打开速度较慢,二来阅读的用户体验也不是很好,因此,为了改善用户移动浏览问题,Goolge推出AMP。

AMP是什么,网站安装AMP框架有什么好处?

AMP加快手机版网页读取速度

什么是google AMP?

AMP全名为Accelerated 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。

what is 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对于SEO的影响

自从Google推出了移动设备优先指标(mobile-first index)后,许多人都会想说,那是不是装了AMP之后,手机版网站排名就会靠前,移动版的SEO就会如鱼得水。其实不然,Google官方指出,使用AMP不一定会让排名往前,SEO有许多的决定因素,最终还是要回到网站内容是否能够解决用户问题,只能说AMP让手机版网站打开速度变快,而网站速度为SEO影响因素之一,是可以增加手机版网站的竞争力。

最后总结三点:

网站速度一向是Google搜寻引擎考虑因素,提高网站速度对于SEO一定有帮助

根据研究,网站每慢1秒,网站转化率会减少7%

AMP虽然是Google推出的计划,但是AMP能直接增加SEO分数只是江湖传说

我认为AMP能提高手机版网站载入速度,帮助用户更容易获得信息资讯,是非常鼓励所有网站安装,而现在AMP的功能虽然有许多限制,但是相信随着技术进步,Google一定会逐步强化AMP在页面上的功能。