首页 > 建站资源 > 网站运营 > 响应式网页设计的优缺点分析

响应式网页设计的优缺点分析

时间:2013-06-21    来源:卢松松博客

所谓“响应式网页设计(Responsive Web Design)”也就是自适应,就是可以自动识别屏幕宽度、并做出相应调整的网页设计。目前这种设计已经出现在越来越多的国内网站上,目前Google已经明确表明鼓励响应式网页设计。

响应式网页设计与SEO

(图一,响应式网页设计)

通常在浏览网页时,手机上和电脑上无法显示同一个网页,这也导致许多网页设计会自动转到特定的链接上,如上图所示,无论在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,或是修改游戏。

写在最后:

从今年开始,响应式网页设计逐渐流行开来,虽然很热门,但是并没有太多网站采用这类的设计方式。

相关推荐
什么是响应式网页设计?
响应式页面设计的四个要点分享
团队协作中对响应式设计的流程优化经验分享
针对移动设备响应式设计的优缺点分析
9个最新网页设计趋势分享
响应式导航的设计模式有哪几类?
经久不衰!网页响应式设计的现状与趋势
移动站点优化:如何优化响应式站点的移动性能?
网页自适应布局设计案例参考
用户体验之网页板块设计深度解析
超高销售额的成功单页设计三要点分析
网站案例分析之谈首页设计的可用性和PET
网站设计教程:从构建页面到组织架构
QQ空间V6设计分享之设计中的继承与颠覆
B2B行业网站首页设计经验分享
B2B行业网站的页面设计经验分享
网页设计教程:如何打造一个大气的企业网站?
网页设计教程:网页首屏高度定多少合适?
自适应网页设计:不同的设备呈现同样的网页
向用户清晰表达信息是视觉设计的主旨
网页设计中的文字排版、选择等字体设计经验
如何简化网页设计让重点内容更突出?
网站设计技巧:针对不同年龄阶段用户的设计思路
16条PS网页设计经验技巧分享
如何在6个月内自学成才成为一个互联网设计师?
网站设计必须避免15个用户体验最差的缺点
用户需求加页面美观:网站首页该放些什么?
电商网站折扣商品价格的显示优化技巧
从电商网站应用设计中学到的九个成功秘诀

精彩推荐

热门教程