AMP – 为 WordPress 移动站点操作全球访问优化

WordPress 教程 3个月前 (07-06) 1

等等,如果您还不了解什么是 AMP,建议先去看看 JerryQu 大神的介绍:

Accelerated Mobile Pages 是来自 Google 的移动页面优化方案,直译成中文有「加速移动页面」的意思。根据官方说明,AMP 在 Speed Index(首屏展现时间平均值)测试中,性能有 15% ~ 85% 的提升。AMP 主要由 AMP HTML、AMP Runtime 以及 AMP Components 三部分组成。

AMP 技术的本质实际上就是将页面「精简」——禁止掉原先许多的 JavaScript 脚本,而只使用少量特定版本的 AMP 优化后文件。并且经优化后的 AMP 网页将全部通过 Google 全球 CDN 网络缓存(可喜的是,国内用户访问不受限制,同样飞速)。

实现 AMP 优化 的方式有多种,但目的都是将页面「格式化」为符合 AMP 标准的结构。因此,能够实现 AMP 加速的 WordPress 插件不在少数。本篇文章仅介绍其中一种,希望能对您优化面向全球客户的网站访问速度有所帮助。

 

Automattic 官方提供的插件就叫 AMP,它能将所有有效的文章页面均自动转换为 AMP 所要求的格式。当然,默认情况下仅有访问谷歌的手机版搜索结果时才能看到 AMP 页面。以本文为例,倘若需要访问 AMP 处理后的页面,仅需在网页地址后添加/amp/ 即可:

对于未启用伪静态(Rewrite)的站点,访问地址可能是这样的:

先举个例子,如下是一个非常普通的文章页面:

如果您使用的恰好是 Google Chrome,现在您可以安装上适用于 Chrome 的 AMP Validator 拓展程序以检测该页面是否符合 AMP 加速条件。若符合,则右上角的 AMP Validator 图标将会多出现一个小小的蓝色加号,如图:

点击该按钮,页面将被处理成 AMP 优化后的效果:

 

如果您挺喜欢在 WordPress 上用 Yoast 插件来优化 SEO(见《极度流行的SEO插件 – WordPress SEO by Yoast》),为了保证插件与 AMP 兼容,您还需要再多下载一个 Yoast 的拓展程序:Glue for Yoast SEO & AMP。它的功能即为让 Yoast SEO 所输出的meta  标签能在 AMP 处理后的页面正常显示:

安装好 Glue for Yoast SEO & AMP 后,在「SEO」导航栏上就能多看到一个 AMP 的选项啦!