上周推外与大家分析了Moz 2015年的搜索排名影响因素,其中重要的一个内容是谷歌对于网站是否对移动浏览器友好给与了相当高的重视。谷歌曾经在各种官方非官方渠道给seo们暗示,推荐大家使用自适应网站来作为网站移动化的解决方案。在国外SEO圈子中我们也发现对于自适应网站的解决方案可以提高谷歌排名有着十分肯定的反馈。本周,推外将为大家介绍针对国内搜索引擎百度的自适应对策。

自适应网站的SEO
网站移动化的主要方法

为了避免概念上的偏差,我们重新介绍一下什么是自适应网页设计。当前网站移动化的主要方案有三种:

独立的移动站也就是我们常说的m.站。推外也把它叫做后台适配跳转。这种方式是通过一定的适配方式,将对于在移动设备上桌面页面请求跳转到移动站页面。如,用户在手机上请求www.example.com/a.html。服务器将用户跳转到m.example.com/a.html。这种一一对应是通过服务器端判断用户浏览器UA和屏幕分辨率等进行的。

后台代码适配这种方式是无跳转解决方法。也就是服务器判断用户浏览器UA和屏幕分辨率来输出符合用户设备的代码。在此过程中不发生跳转,用户请求的URL与返回的URL一致。如,www.example.com的桌面版本具有一个flash播放器,而手机请求时确换成了HTML5播放器,因为手机浏览器并不支持flash。

自适应设计即Responsive Design,也可以称为响应式设计,译法不同。同样是无跳转,这种方式在服务器端并不检测客户端环境,而是将所需内容与样式全部输出。通过客户端的浏览器和输出的CSS来进行本地渲染展现。推外数字营销的网站就是一个自适应设计的网站。

我们看到这三种方法的优劣很清晰。m.站需要一一对应跳转目标,花时间进行一次跳转,同时需要维护两套代码。后台代码适配无跳转的烦恼,但同样要维护两套代码。自适应设计只需要维护一套代码,符合现代网页内容和展现分离的趋势,但是会造成大量数据冗余让客户端下载大量不必要的数据。

庆幸的是随着互联网基础设施的发展,我们都会变成“不差流量”的网民;手机的CPU和GPU也会越来越强大。另一方面对搜索引擎来说,由于只要收录一个版本的网页,其资源得到了节省。因此谷歌表扬这些为它省电省时省空间的网站也不无道理。

自适应设计的网站收录——百度的建议

百度对网站移动化自2014年以来就相当重视,移动化早已占据了半壁江山的环境下这是顺理成章的。挖掘一下百度站长平台我们可以发现百度官方对自适应设计站点的建议如下: