为WordPress加入AMP优化，提高移动设备用户体验

自然 2019年2月21日16:13:15 4 318

谷歌推出的AMP（Accelerated Mobile Pages）是一个开源项目，意在与加速移动用户体验。能够让你创建专用的移动页面加快站点访问速度，提升用户体验，让搜索引擎对你的网站更加友好。由于AMP页面直接将js和css样式写到了html页面中，这就带来了极佳的速度体验，由于不存在过多的外挂资源，运行顺畅且几乎可即时完成加载。AMP 网页其实只是可由您链接到和控制的网页而已。

为Wordpress加入AMP优化，提高移动设备用户体验

对于做SEO营销的站长来说，AMP的优化非常有意义，既提高了网站访问速度和搜索引擎友好度，让你的内容更加友好的展现在搜索引擎上，极大的开发了潜在用户。

我们使用Wordpress建站，只需要一个简单的插件即可为网站开启amp功能。

插件安装

我们可以直接通过wordpress后台的插件在线安装模块来安装这个插件，轻松为网站开启AMP支持。

为Wordpress加入AMP优化，提高移动设备用户体验

打开AMP插件的设置菜单，我们可以看见设置AMP模式分为三种：

1、本地化，让文章直接以AMP的形式展现。这个不利于想自然这种使用了更加漂亮的PC主题的站长，果断放弃。

2、对应展示，让文章页面和AMP页面成对，AMP任然是依赖你的主题生成页面，亲测效果不好，果断放弃。

3、经典模式，这个模式是利用amp自带的功能生成一个主题应用于AMP页面，测试结果很好。

为Wordpress加入AMP优化，提高移动设备用户体验

总结

为Wordpress加入AMP优化，提高移动设备用户体验

效果展示

我们可以利用插件指定哪些部分需要使用到AMP，利于站点美观性和负载的调节。在移动互联网的时代，尽管网站响应式设计可以满足多终端访问（pc、手机、ipad 等）,但我们还是不能忽视移动页面加速的好处。

weinxin
网科文媒
快来关注一下，你想要的这里都有喔！
自然

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论：4   其中：访客  2   博主  2

    • avatar 缙哥哥 4
      回复 2019年2月24日 11:26  沙发

      哈哈，你也终于弄amp了，相互学习下！我还把amp默认的几个英文给改成中文了！

        • avatar 自然 7
          回复 2019年2月24日 12:44  1层

          @缙哥哥 对服务器没有什么负担，利于体验就弄了

            • avatar 缙哥哥 4
              回复 2019年2月24日 13:09  2层

              @自然 有个缺点，就是分页啊什么特效都给去掉了，直接显示了！虽然原理就是清理大部分不要的功能

                • avatar 自然 7
                  回复 2019年2月24日 13:27  3层

                  @缙哥哥 的确，视频也有点异常，不过对于大部分图文来说很直观