首页 > 优化 > 关键词 > 网页设计最新资讯 > 正文

响应式网页设计与SEO

2013-06-20 14:47 · 稿源:卢松松博客

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

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

通常在浏览网页时,手机上和电脑上无法显示同一个网页,这也导致许多网页设计会自动转到特定的链接上,如上图所示,无论在PC端还是移动端,网页的显示其实都是一个版本,会随着屏幕的大小网页而改变。

下面是一些例子:

(图二:响应式网页设计例子)

(图三:迪士尼公司的网页)

使用自适应网页设计有5个好处:

1, 随着移动设备越来越多,可以提升用户体验。

2, 该设计没有网页版本区分,所以SEO的策略保持一致。

3, 可以避免重复内容,专心维护这一个网页。

4, 保持网页的原有链接。

5, Google也建议优先采用响应式设计,因为无论是什么网页版本都是相同的HTML、相同的内容,Google最容易处理。

响应式网页设计对SEO是友好的,这些相关技术还在不断演化中,还有许多尚待客服的地方。下面来说说它的缺陷:

1, 对老版本IE支持不好,这是一个致命的问题,尤其是IE6,如果你的网站用户大多还采用老版本的IE的话(建议在统计工具里看一下),就不适合做响应式网页设计了。

其实我一直想采用响应式网页设计,从新设计卢松松博客的网页,但看到统计里的老版本IE用户依然很多,只好放弃。

2, 例如一些小游戏站、视频站,如果仅仅是网页采用了响应式设计,但里面的内容依然是只能在PC端打开的话,这时候就要认真考虑了。

国外copyblogger的博客提到了一个很特别的案例,就是迪士尼公司的网页。他说在迪士尼网页中有许多给小朋友玩的网页游戏,有些游戏可以在桌上型电脑玩,但是如果使用移动设备就可以无法使用。因此这个情况下,就必须做出抉择,放弃使用Responsive Web Design,或是修改游戏。

写在最后:

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

  • 相关推荐
  • 大家在看
  • 值得推荐入手的主动降噪耳机 入耳式无线降噪耳机推荐

    根据我自己的体验经历来给你推荐吧!不算大神,但是对耳机也颇有些了解,毕竟用过的耳机也不少了~~有线耳机我推荐魅族和爱国者。原因:价格便宜。性能…有线耳机在我来说就是个消耗品,我平均 1 月一换。魅族、爱国者的耳机一定要配上它们的手机一起用,否则效果会大打折扣。再者需要注意的是:这几个品牌都不是专业做耳机的!不是所有设备用着都好!还是会经常有电流声、久戴不适、佩戴不方便。后面无线的我推荐南卡跟铁三角南卡?

  • 入耳式主动降噪耳机推荐,1000元左右降噪耳机推荐

    笔者就为大家带来几款 1000 左右的降噪耳机的推荐吧,有同样需求的朋友快来看看吧。第一款、Nank南卡A1 降噪蓝牙耳机售价:599推荐理由:Nank南卡A1 蓝牙耳机除了黑科技“主动降噪”外,还搭配蓝牙5. 0 芯片,双反馈麦克风,13mm超大动圈,TWS+主从切换,霍尔开关,type-c快充,触摸操作等十大创新科技。用超高性价比将众多高端国际大牌主动降噪TWS耳机纷纷拉下神坛,众多专业数码媒体给出了非常高的评价:Nank南卡A1 降噪耳机首次

  • 最强蜗牛服务器无响应详细解决办法 三种办法解决服务器无响应

    最强蜗牛经常的会碰到服务器无响应的情况,那么遇到这样的情况怎么办呢?下面就来为大家分享一下最强蜗牛服务器无响应详细解决办法。

  • 实惠好用的入耳式降噪耳机有哪些?音质超好的蓝牙耳机推荐

    价格实惠还好用的蓝牙耳机挺多,特别是价格实惠还好用的,那是更多了,我来给总结几款熟知的蓝牙耳机吧,不仅价格到位,性价比更是稳的一匹哟!第一款FreeBuds3 真无线蓝牙耳机外观:半入耳式,喜欢入耳式的这种小巧型的可以考虑!华为FreeBuds3 这款耳机外形非常的独特,扁平化的设计,搭配上圆圆的收纳盒,非常的简约可爱。同时,这款耳机搭载了麒麟A1 芯片,采用半开放式主动降噪,骨声纹通话降噪,通话声音更加清晰,佩戴舒适?

  • “艺术专栏名家秀”百家号音乐领域排行,新作者选择哪个领域好?

    备注:本文数据来自站长之家移动传媒平台,文章涉及的数据依托平台大数据计算所得,非百度官方数据,仅供参考。艺术专栏名家秀是当前百家号中的普通号,目前账号百家号权重为2,综合排名位列701877名,音乐分类排名位列3008名,领先了37.2%的百家号。 艺术专栏名家秀百家号概况 艺术专栏名家秀的简介为高端人才采访 名家汇,是一家主旨明确、领域专注的自媒体作者,截止目前为止他们已经在百家号上发布了超过252篇的游戏内容,最近

  • 好用的主动降噪蓝牙耳机 1000元内入耳式降噪耳机推荐

    根据自身对耳机的经验下来,以下是降噪效果比较佳的,应题主的要求千元内的降噪耳机第一款、Nank南卡A1降噪蓝牙耳机南卡 NANK/A1真无线蓝牙耳机 ANC主动降噪入耳式跑步运动防水防汗商务带麦通话游戏安卓苹果通用 极光白京东商城¥599去购买售价:599推荐理由:Nank南卡A1蓝牙耳机除了黑科技“主动降噪”外,还搭配蓝牙5.0芯片,双反馈麦克风,13mm超大动圈,TWS+主从切换,霍尔开关,type-c快充,触摸操作等十大创新科技。用超高性

  • 特斯拉拍下停车收费员扎胎引热议:多名车主响应

    6月4日,有微博网友曝出一则特斯拉哨兵模式录像视频,视频纪录一位停车场收费员故意扎胎的行为,引起微博网友热议。据悉此事发生在重庆,该车主表示自己在停车办事的过程中,车胎被停车收费

  • 响应印度新规:苹果、谷歌应用商店对59款中国应用下架

    上个月底,印度电子信息技术部宣布,禁止包括TikTok、微信、茄子快传、UC浏览器、微信、QQ、快手和美图等在内的59款中国应用。对于这样的举措,印度在声明中提到这些应用存在安全问题。&ldquo

  • 设计实战 赞扬设计服务带你探究LOGO设计

    我们都知道,每个公司都有着它自己的独特性,这种独特性是由它的发展历程和特有的服务细节所塑造的,也正是因为这种独特性的存在,设计师们才能基于它们来为这些公司企业进行LOGO设计。LOGO绝对是最能够直观的体现一个公司属性和风格的东西之一。专门设计一个独立的、与众不同的LOGO是一件很艰难的事,因为就目前市场上存在的公司企业和五花八门品牌LOGO实在是太多太多了。LOGO设计的独一无二,对公众而言,能够看一眼就能快速的想起某一?

  • Hydroblok®海卓布洛克响应时代号召,强力升级环保新主张

    6 月 22 日,第 26 届中国(济南)建筑装饰博览会在山东国际会展中心盛大开幕。本届展会展览面积逾 50000 平方米,汇聚了 800 余家参展企业,现场 3000 多种新品集中展示,吸引了数万名采购商买家团,火爆程度令人叹为观止。这其中,家居建材版块人气颇高。众所周知,环保一直是家居建材行业常年关注的重点,近年来健康、绿色、环保、无醛消费更是成为了主流的家居建材家装消费趋势。作为行业内正在崛起的“黑马”企业,Hydroblok?海

  • 58部落上线“地摊经济”话题 响应稳就业号召点燃线上人间烟火

    今年两会期间,“地摊经济”成为各界关注的焦点。“地摊经济”不仅是城市里的人间烟火,也对稳就业发挥了积极作用。响应政府关于地摊稳就业的号召, 58 部落上线了“地摊经济”话题,为用户提供经验交流的平台,以优质专业的内容向平凡劳动者致敬。 人间烟火气,最抚烦人心。 5 月 27 日,中央文明办提出,今年全国文明城市测评指标明确要求不将占道经营、马路市场、流动商贩列为文明城市测评考核内容,推动文明城市创建在恢复经?

  • 北京下调防控响应等级 携程旅游搜索量爆增300%

    北京召开疫情防控第 110 场例行新闻发布会,决定自 6 月 6 日 0 时起,将北京重大突发公共卫生事件二级应急响应下调为三级,并相应调整相关防控策略。适时开放境内团队旅游业务,中高风险地区除外,按50%限流开放公园、旅游景区和体育健身场所、图书馆、博物馆、美术馆等室内场所,并视情况动态调整限流比例。

  • 突发重大洪水灾害,轻松集团·轻松公益快速响应发起救灾募捐驰援灾区

    今年5月底以来,我国西南部出现持续强降雨天气,广西省桂林、柳州、河池、百色,贵州省遵义等多地发生洪涝灾害,作为民政部指定的互联网募捐信息平台,轻松集团·轻松公益立即响应,联合基金会和当地组织,启动线上募捐项目,第一时间驰援灾区,送去温暖。持续降雨,让两省各地出现了洪涝、滑坡、塌方、城市内涝等灾情,受灾面波及十几万人口,大量农作物受损、房屋倒塌,导致直接经济损失5. 52 亿元。灾情过后,满目疮痍,随处可?

  • 丐帮设计打造人人共享在线设计平台

    受疫情影响,互联网经济整体增速放缓,新的营销困境也随之而来。流量是企业的核心困境,而营销渠道是流量的新动能。丐帮设计率先打破了数字化营销的技术壁垒,通过强大的人工智能技术,研发出能随时满足用户需求的设计共享平台。人人都是设计师提到设计,我们会想到什么?是长城、金字塔那样的伟大建筑?是每年巴黎时装周的高定新款?还是埃舍尔的矛盾空间?是,却不止如此。工薪族如何做出精美被老板夸赞的PPT?自媒体人怎样作图?

  • 设计师的福音,超高颜值的ConceptD 3设计本

    对于众多设计师而言,一款专业的笔记本必不可少,但在笔记本市场上符合设计师需求,轻薄、性能、色彩与颜值都满足设计师群体的笔记本少之又少,如何选择选择一款适合创作的笔记本成了众多设计师们的难题。2019年,宏碁针对设计师群体推出了ConceptD系列设计本,在保持轻薄的同时拥有高性能,并为设计师们带来精准的屏幕色彩,提高创作效率,成为众多设计师的不二之选。并在今年618京东购物节之际,宏碁开启限时优惠,618期间购买Co

  • 响应新基建建设,网银互联启动通航数据中心二期,助力区域航天产业发展

    伴随着互联网行业的继续快速发展,以及5G时代的到来,在“十三五”末,市场对云计算、数据中心的需求将继续呈现出指数型的涨幅。近日,MDC通航云计算数据中心二期即将落成,预计在2022年全部落成。 2019年年末,中共中央、国务院印发了《长江三角洲区域一体化发展规划纲要》,针对“加快构建新一代信息基础设施,推动信息基础设施达到世界先进水平,建设高速泛在信息网络,共同打造数字长三角”进行战略部署,这给IDC产业及其相关?

  • 外媒称微软响应机制太慢:8个月前反馈问题Win10 5月更新依然未修复

    8个月前反馈的问题,微软居然在Windows 10更新中没有解决,这确实有点说不过去。现在,有用户反馈称Windows 10 May 2020(20H1/Version 2004)功能更新导致“Fresh Start”功能无法

  • 「字体超市」强势上线:一站式解决字体使用问题!

    字体超市(Font.cn)提供的正版字体授权,可用于社交媒体、/H5、VI、排版阅读、印刷品/包装、海报企宣、视频影视、游戏、广告和电商等领域。一站式解决字体使用问题,帮你甄别可商用授权字体,无版权担忧。

  • 设计好看就是可以为所欲为

    在汽车历史上有一款很神奇的车,它性能平平,做工粗糙,售价还很贵;它声名狼藉,恶评如潮,卖的也不好;它早早停产,却名留青史,成为一个象征未来的艺术符号。

  • 网页排序哪5个特征,百度颇为喜欢?

    常常用于表达一个人对于另外一个人的情有独钟,而在搜索引擎的领域里,很多SEO人员,常常试图去找寻一个“唯一的真理”那就是搜索排序中,到底哪个排序特征对于网页来讲,是最为重要的一个因素,而“我只喜欢你”,对于SEO而言,能不能真的把SEO做好。

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议