[优化] 快如闪电?用AMP插件实现WordPress全站amp,在移动端Google搜索中秒开

发布于 2019-03-04  459 次阅读


1 关于AMP

1.1 谷歌对AMP的支持

AMP是谷歌的一项开源项目,主要目的是加速移动端的访问速度,优化用户体验。一个在Google有缓存的amp页面可以实现秒开。

本站的AMP页面搜索结果

如图所示,在网址前有个闪电标识的即为AMP网页,点开后可以看到这是经过移动优化的,基本实现了秒开。

1.2 AMP与MIP

MIP是百度推出的移动优化项目,可以说基本是照着AMP来的,但两者并不完全相同。值得一提的是,百度官方也宣称兼容AMP,并且在百度站长工具中还有AMP网页提交接口。

1.3 WordPress与AMP

作为世界范围内使用最广泛的博客程序,WordPress本身与Google的AMP项目就有合作,官方就推出了AMP化插件,可以实现PC/移动/AMP三种版本的网站共存。但是本站推荐的并非是官方的插件。(不过这款插件在官方商店里也可以下载到)


左图为官方插件,右图为本站使用的插件。

2 开启AMP的方法

2.1 安装AMP For WP

在后台插件商城中搜索AMP For WP

AMP For WP

2.2 点击启用,然后进入安装程序

2.2.1 选择“安装向导”(左图)

第一次运行时

2.2.2 设置站点图标、要amp化的页面、设置谷歌Analytics跟踪码

安装页面

2.2.3 设置主题,完成向导

完成安装

注:免费版有4个主题可选,收费版有更多选择。

2.2.4 当然,这一步你也可以直接疯狂点击“跳过”,因为所有的设置都可以在以后更改

2.3 进行必要的翻译

在后台中选择“AMP-Setting-Translation Panel”,把原本是英文的某些元素翻译成中文

开始翻译

2.4 测试AMP页面

在原本的链接后面加上“/amp/”(当然不包含引号)

比如本站的网址:https://imtrq.com

AMP版的网址:https://imtrq.com/amp/

3 提交至搜索引擎

3.1 提交至Google

谷歌在下次抓取你的网站时会自动检测是否有AMP版本,检测到可用的AMP版本之后会自动收录,下次你搜索自己网站的时候(几天后)就可以超快打开啦。

注意:使用site命令,如“site:imtrq.com”不能发现amp网页,但是搜索如“傲娇的小基基”这样的关键词可以看到。

3.2 提交至百度

3.2.1 访问百度站长平台

打开:https://ziyuan.baidu.com/site/index

3.2.2 选择自己的网站(相信你已经添加好了吧?)

3.2.3 转至“数据引入-MIP与AMP-AMP-链接提交”


数据引入-MIP与AMP-AMP-链接提交

注:如果AMP页面的图片显示不正常,请删除网址中的“/amp/”,或者点击底部的“查看原网页”访问非AMP版本。