如何提高wordpress网站移动友好度

2016年4月2日 网络营销 浏览 3,730 抢沙发 A+

wordpress是目前是在国内比较流行的轻量级的内容管理系统,拥有世界上最强大的插件和模板,在站长圈中十分流行,那么如何提高wordpress网站移动友好度呢?以下是国内wordpress著名社区我爱水煮鱼博主的分享:

如何提高wordpress网站移动友好度

现在使用手机上网的用户越来越多,即使类似我爱水煮鱼这类一般应用场景为 PC 的技术博客,都有30%的移动用户访问了,所以移动网站越来越重要了,今天登陆百度站长,发现百度站长也推出了“移动友好度”工具,并且还推出了《百度搜索MobileFriendly(移动友好度)标准V1.0》,帮助站长建立适合移动设备应用的网站,为网站移动化建设提供明确的方向。

百度移动友好度工具简单使用体验

登录百度站长之后,点击 移动专区 > 移动友好度,输入你的博客,就可以测试你的博客或者网站的移动友好度了,比如下面就是曾劲松博客的测试报告:

百度移动友好度工具简单使用体验

我的博客检测结果:太棒了,该网页适合移动设备。当然如果检测结果不是很完美,百度也会给出优化建议,你照着改改就可以了。

根据百度友好度建议优化WordPress站点

《百度搜索MobileFriendly(移动友好度)标准V1.0》里面已经有非常详细的说明如何提高站点的移动友好度,我这里节选几个重点说说:

1. 页面加载速度:用户期望且能够接受的页面加载时间在3秒以内,若页面的加载时间超过5秒,78%的用户会失去耐心而选择离开。

2. 页面结构:一个结构优质的页面,要让用户没有多余的干扰,第一眼看到页面的主要内容。比如用户不需要左右滚动,也不需要进行缩放操作。广告不会遮住主体内容,当然也不要有弹窗等恶意广告了。

3. 页面浏览体验:1、页面主体中的文本内容和背景色应有明显的区分度;2、页面主体中的文本内容应段落分明,排版精良;在使用《移动友好度》检测的时候,百度站长会给出详细的分析结果,让你去调整字体和行间距等。

4. 资源和功能易用性:这个主要是不要使用 Flash,提供面包屑导航等等,让用户使用的时候更加方便,更容易找到自己需要的资源。

对于WordPress 博客来说,第一点需要去优化站点的速度,接下来的2,3,4这三点其实只要有一款设计优秀的 WordPress 主题即可。

百度是如何判断移动适配的

百度站长在移动方面已经进行非常多的工作,首先我们在提交站点到百度站长的时候,我们就可以选择站点类型:

百度是如何判断移动适配的

对于WordPress站点来说,一般选择“自适应”或者“代码匹配”这两种类型。

自适应:对于绝大多数的WordPress博客来说,由于安装的都是 WordPress自适应主题,所以一般都是选择个选项。

代码匹配:这个选项适合通过MobilePress这类手机浏览插件,通过服务器判断用户当前浏览器(pc/移动)来给移动站点选择一个适合当前屏幕浏览的网页。

曾劲松博客采用的就是自适应的方式。

当然还有一些站点,为了能够使得缓存方便(移动站点的url不同),并且能够使得移动站点的页面更加简洁,他会建立对应PC站的移动站,比如我以前建的一个站点:

PC 站:http://eaivo.com/

移动站:http://m.eaivo.com/

当使用这种方式的时候,需要在百度站长 > 移动专区 > 移动适配里面添加适配关系。

完成了移动适配之后,百度站长平台经过一段时间的抓取,就可以查看移动适配效果了。

发表评论

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