AMP能提高网站SEO?完整AMP信息告诉你

作者:码迷 阅读:389 点赞:74

AMP能提高网站SEO?完整AMP信息告诉你/

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

什么是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。

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有以下的优点:

  1. AMP是一个开源计划,任何人都可以使用
  2. 文章页面加载速度变快
  3. 增加访客黏着度,降低跳离率
  4. 提高单篇文章的点击率
  5. 网站速度变快,有机会提高网站SEO
  6. 如果使用wordpress架站 ,安装过程较为便利
  7. 使用AMP架构完全免费,不需要额外收费

但是也会有以下的缺点:

  1. 仅限于Google搜索引擎优化
  2. 广告投放只能用于Google ads
  3. 网站设计较不灵活,只能限于图片和文本设计
  4. AMP无法扩充使用其他应用程序
  5. 卸载过程耗时,也会导致网站SEO分数下降
  6. 减少了访客停留在网站的时间

如何为自己的网站安装AMP呢?

在先前awoo的文章 创建属于您的第一个AMP网页 ,我们具体地介绍了如何透过埋设代码的方式安装AMP网页,原则上就是:

  1. 创建html文档,包含标记<html amp>标签
  2. 加载图片文档,清楚说明图片文档尺寸大小
  3. 使用<style amp-custom>标签,客制化网页样式
  4. 让搜索引擎知道同时存在AMP与non-AMP页面,使用<link>标签来告知
  5. 预览与验证页面是否安装成功

如果你的网站是用wordpress架设的,则是会非常地方便,可以透过AMP的插件工具来安装,安装步骤如下:

1.进入wordpress后台,进入安装插件搜索AMP,找到AMP插件,点击立即安装并激活:

wordpress amp plugin

2.安装完成后,回到网站前台,进入到文章页面,会看到原始的文章页面:

amp original page

3.此时,只要在网址最后面输入『/amp』:

add amp to url

4.该篇文章页面,就会被导向到amp的网页,就算安装完成哦:

amp page

AMP对于SEO的影响

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

但如果今天你要说服老板或客户来为网站安装AMP,一定要谨记以下三点:

  1. 网站速度一向是Google搜索引擎考虑因素,提高网站速度对于SEO一定有帮助
  2. 根据研究,网站每慢1秒,网站转换率会减少7%
  3. AMP虽然是Google推出的项目计划,但是AMP能直接增加SEO分数只是江湖传说

awoo认为AMP能提高手机版网站加载速度,帮助用户更容易获得信息,是非常鼓励所有网站安装,而现在AMP的功能虽然有许多限制,但是相信随着开发技术进步,Google一定会逐步强化AMP在页面上的功能。因此,保持对于AMP技术更新追踪,让自己的网站提供给用户更好的手机端体验吧。

Mobile SEO必学!行动版网站健检Search Console帮你做

网站速度优化,从Google Page Speed Insights开始

RWD 响应式网站设计是什么?对 SEO 的好处有哪些?

本文网址: https://www.mamioo.com/seo-advanced/19ov74em83wn

本站内容均为「码迷SEO」原创整理,未经授权严禁采集转载,违者必究。