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

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

谷歌推出的AMPAccelerated 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
公众号:网科文媒
快来关注一下,你想要的这里都有喔!! -运维笔记 -建站知识 -绿色软件 -爱听音乐 -热门电影 -校园语录 -视频教程 -OFFICES -购物联盟 -智慧服务 -运维托管 -建站指导
自然

发表评论

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

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

    • avatar 缙哥哥 3

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

        • avatar 自然 5

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

            • avatar 缙哥哥 3

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

                • avatar 自然 5

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