WordPress 博客添加Google AMP为移动网页的加载提速

释放双眼,带上耳机,听听看~!
WordPress 博客添加Google AMP为移动网页的加载提速

这个插件添加了对支持加速移动页 Accelerated Mobile Pages (AMP)项目,该项目是一个开源的倡议,旨在提供移动优化的内容,可以立即加载无处不在。


事实上谷歌很早前就发布了这项新的技术,推出了 AMP (Accelerated Mobile Pages),从名字就能看出是针对移动网页推出的新技术,我也曾在 Google Search Console 里面注意到 Google AMP 这个东西,但是因为我并没有编程之类的知识储备,所以简单看了一下官方文档就放弃了。这项技术号称可以把网页的移动版加载速度提升 4 倍!所以最终我还是决定要试试接触一下。

开启方法

一个插件搞定

插件下载地址:点击下载

或者在博客后台插件里搜索 AMP 安装就行了。目前这款插件没有设置界面,所以只要安装后开启就行了。但是怎么确认插件有没有生效呢?很简单:只要在文章页面的网址后面加上 /amp/ 再访问就可以看到新布局的网页(在电脑上同样可以用此方法浏览到效果)。或者查看网页源码中有没有 <link rel="amphtml"标签。

一切搞定后(就装个插件也没啥要搞定的),就等着过些日子 Google 搜索引擎来检索了。当然你也可以去 Google Search Console 后台手动提交,不过我想你应该不会那么无聊……

WordPress 博客添加Google AMP为移动网页的加载提速

需要注意的是,Google 对 AMP 的语法规范要求十分严格,任何的错误都会导致其不予索引。不过这次直接用的官方插件,所以出错的几率不大,若是不放心还是可以手动检测一下的。检测的方法有两种:

  1. 在 AMP 页面地址后面加上 #development=1 ,然后开启浏览器的调试功能,切换到 Console 标签,若能看到 Powered by AMP 就表示正确;
  2. 利用 AMP Project 提供的网站 The AMP Validator 将网址贴过去,点 VALIDATE ,PASS 了就行了。
WordPress 博客添加Google AMP为移动网页的加载提速

利用? The AMP Validator 检测的倒是通过了。

开启 AMP 后的网页效果

下面来看一看文章网页 AMP 版本的呈现效果:

可以看出,开启 AMP 的网页在移动网页上会有一个小闪电和 “AMP” 字样的标识,打开之后(加载很快,几乎瞬间打开),页面十分简洁,仅保留了主要信息(其实相当于某些浏览器的阅读模式),顶部会显示该网页源站,点一下那个小小的链接标识还会弹出该网页的源网址。页脚也仅保留了关键信息。作为对比,下面是该网页的移动版原版样式:

最后要说明的是,据说该功能并不会影响到 SEO 的质量——只是为了让你的网页更好地呈现在移动端,尤其在恶劣网络环境下提升加载速度。目前应该仅在 Google 搜索结果页才会呈现这个,不过因为看到了效果,所以今后我在移动端分享链接也决定要加一个 /amp 的尾巴了。此外,类似的技术还有百度的 MIP ( Mobile Instant Page – 移动网页加速器)、微博的头条文章、 Facebook Instant Articles 等。如果不喜欢用插件,你可以参考谷歌官方开发文档来手动修改。

注意#1:当前不支持页面和存档。 正在处理页面支持。

注意#2:此插件仅创建AMP内容,但不会在用户从移动设备访问时自动显示。 这由AMP消费者处理,例如Google搜索。 有关详细信息,请参阅AMP项目常见问题解答 。

有请跟随或造成这个插件的开发https://github.com/Automattic/amp-wp


声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

版权申明:网站字体及图片来源于互联网,如果侵犯了您的权利,请联系我们,我们将尽快改正我们的错误,谢谢您的理解!

给TA赞赏
共{{data.count}}人
人已赞赏

搜索引擎是如何判断网站权重的?

2020-1-5 12:58:34

特斯拉德国厂选址:要砍上万棵树 先排查二战弹药

2020-1-19 9:36:02

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索