谓 “响应式网页设计 (Responsive Web Design)” 也就是自适应,就是可以自动识别萤幕宽度、并做出相应调整的网页设计。目前这种设计已经出现在越来越多的国内网站上,目前 Google 已经明确表明鼓励响应式网页设计。
通常在浏览网页时,手机上和电脑上无法显示同一个网页,这也导致许多网页设计会自动转到特定的连结上,如上图所示,无论在 PC 端还是移动端,网页的显示其实都是一个版本,会随着萤幕的大小网页而改变。
下面是一些例子:
响应式网页设计与 SEO 站群 经验心得
响应式网页设计与 SEO 站群 经验心得
使用自适应网页设计有 5 个好处:
1, 随着移动装置越来越多,可以提升多用户体验。
2, 该设计没有网页版本区分,所以 SEO 站群的策略保持一致。
3, 可以避免重复内容,专心维护这一个网页。
4, 保持网页的原有连结。
5, Google 也建议优先采用响应式设计,因为无论是什么网页版本都是相同的 HTML 、相同的内容,Google 容易处理。
响应式网页设计对 SEO 站群是友好的,这些相关技术还在不断演化中,还有许多尚待客服的地方。下面来说说它的缺陷:
1, 对老版本 IE 支持不好,这是一个致命的问题,尤其是 IE6,如果您的网站多用户大多还采用老版本的 IE 的话 (建议在统计工具里看一下),就不适合做响应式网页设计了。
其实我一直想采用响应式网页设计,从新设计卢松松博客的网页,但看到统计里的老版本 IE 多用户依然很多,只好放弃。
2, 例如一些小游戏站、视讯站,如果仅仅是网页采用了响应式设计,但里面的内容依然是只能在 PC 端开启的话,这时候就要认真考虑了。
国外 copyblogger 的博客提到了一个很特别的案例,就是迪士尼公司的网页。他说在迪士尼网页中有许多给小朋友玩的网页游戏,有些游戏可以在桌上型电脑玩,但是如果使用移动装置就可以无法使用。因此这个情况下,就必须做出抉择,放弃使用 Responsive Web Design,或是修改游戏。
总结:移动站排名对开启速度要求很严格,只要开启页面时间超过 3 秒几乎就被移动搜索库给 pass 了。所以不管用什么适配方式建移动站,开启速度是要的,特别是针对代码适配和跳转适配,一定要对页面减肥,不要把 pc 上带的很多功能也加到移动页面上去,减少页面载入元素和请求次数。