近(jin)年来(lai)，各种(zhong)大(da)屏幕移动设(she)(she)备的(de)(de)普及，响(xiang)应(ying)(ying)式网(wang)(wang)站也受到(dao)了(le)更多人的(de)(de)青睐。甚(shen)至(zhi)大(da)多数(shu)的(de)(de)人认为，响(xiang)应(ying)(ying)式网(wang)(wang)站是实(shi)现友好移动目标，更好、更快、更省的(de)(de)方案。通俗的(de)(de)说，就是一(yi)个(ge)(ge)网(wang)(wang)站可以兼容不同的(de)(de)终端，不用(yong)为每个(ge)(ge)分辨(bian)率设(she)(she)备做一(yi)个(ge)(ge)特定的(de)(de)版本的(de)(de)网(wang)(wang)站。

那么(me)响应式有(you)什(shen)么(me)优缺点呢？咱(zan)们(men)接下(xia)来扒(ba)一(yi)扒(ba)……

H5响应式网站有什么优势

1)提升用户(hu)体验，降低网(wang)站跳出(chu)率(lv)

页(ye)面的(de)设计与开发应当(dang)根据用户(hu)行为以及(ji)设备(bei)环境(系统平台、屏幕(mu)尺寸、屏幕(mu)定向等)进(jin)行相(xiang)应的(de)响应和调整。无(wu)论用户(hu)正在使用什么设备(bei)，网(wang)站(zhan)页(ye)面都能(neng)够自动切换(huan)分辨率、图片(pian)尺寸及(ji)相(xiang)关脚本(ben)(ben)功能(neng)等；换(huan)句话说(shuo)，响应式网(wang)页(ye)设计就是(shi)一个网(wang)站(zhan)能(neng)够兼容多(duo)个终端(duan)，很大程度上减少企业建站(zhan)成本(ben)(ben)的(de)投入。

用(yong)户体验(yan)的(de)提升(sheng)，持续不(bu)断的(de)为(wei)用(yong)户传播品牌价(jia)值(zhi)以及营销(xiao)信(xin)息，降(jiang)低用(yong)户的(de)跳出(chu)率，最终为(wei)达成合作(zuo)创造机会(hui)。试想一个加(jia)载不(bu)全、模糊不(bu)清、甚至扭曲排版的(de)页面，浏览者一定会(hui)在第一时间点(dian)击“关闭(bi)”按钮，因为(wei)现在用(yong)户的(de)选择(ze)机会(hui)太多了。因此，企业网(wang)站是(shi)不(bu)是(shi)响(xiang)应式是(shi)营销(xiao)成功的(de)第一步。

2）优化转化率，传播更高(gao)效(xiao)

响应(ying)式网(wang)(wang)站(zhan)可以(yi)兼容任何设备，并且很好的(de)(de)(de)保留了网(wang)(wang)站(zhan)原先想要突出的(de)(de)(de)重点，例(li)如导航条、中心(xin)布局(ju)里(li)的(de)(de)(de)内(nei)容以(yi)及重点消息等。这样会更(geng)利于传(chuan)播，更(geng)快(kuai)的(de)(de)(de)将浏览转化为(wei)流量、更(geng)好的(de)(de)(de)将流量转化为(wei)利益。

据统计，现(xian)在已经超过50%的互(hu)联网(wang)(wang)用户使用手机(ji)端(duan)进行(xing)浏览，因此尽快(kuai)把营销视线转移(yi)到手机(ji)端(duan)的网(wang)(wang)站(zhan)建(jian)设上来(lai)，这是(shi)营销转换的重要点。

3）搜索(suo)引擎(qing)的偏爱，高排名占据(ju)先机

现在许多搜索(suo)引(yin)擎(qing)(qing)巨头，都更(geng)“偏爱”响应(ying)(ying)式(shi)网(wang)站(zhan)(zhan)，尤其是谷(gu)歌(ge)，它会更(geng)喜欢优(you)化响应(ying)(ying)式(shi)设计的(de)(de)网(wang)页。H5响应(ying)(ying)式(shi)网(wang)站(zhan)(zhan)更(geng)容易被谷(gu)歌(ge)等(deng)搜索(suo)引(yin)擎(qing)(qing)抓取(qu)、索(suo)引(yin)，最终(zhong)对(dui)网(wang)站(zhan)(zhan)SEO优(you)化起到很(hen)大(da)的(de)(de)帮助(zhu)，像很(hen)多企业(ye)运(yun)用H5自(zi)助(zhu)建(jian)站(zhan)(zhan)系统建(jian)站(zhan)(zhan)宝盒搭建(jian)的(de)(de)响应(ying)(ying)式(shi)网(wang)站(zhan)(zhan)，其网(wang)站(zhan)(zhan)的(de)(de)收录量明显(xian)比传(chuan)统网(wang)站(zhan)(zhan)好很(hen)多，排名效(xiao)果也着实让(rang)人(ren)满意。因此(ci)为(wei)了更(geng)好的(de)(de)搜索(suo)引(yin)擎(qing)(qing)优(you)化，你的(de)(de)营(ying)销战略里也应(ying)(ying)该(gai)放进建(jian)设响应(ying)(ying)式(shi)网(wang)站(zhan)(zhan)这一点(dian)。

4）时间和成本的(de)双重效率

现在的(de)(de)H5响(xiang)(xiang)应(ying)式(shi)网(wang)(wang)站(zhan)是(shi)时(shi)(shi)间和成(cheng)本(ben)的(de)(de)双重(zhong)效率，因(yin)为(wei)(wei)它不仅可以(yi)节(jie)约(yue)建设的(de)(de)时(shi)(shi)间，同时(shi)(shi)还降低(di)了(le)建站(zhan)的(de)(de)成(cheng)本(ben)。因(yin)为(wei)(wei)在过去想要(yao)实现响(xiang)(xiang)应(ying)式(shi)网(wang)(wang)站(zhan)，那就需要(yao)针对每一种不同的(de)(de)设备进行(xing)网(wang)(wang)站(zhan)建设，这是(shi)一件费时(shi)(shi)又(you)费力的(de)(de)事情。但是(shi)现在，基(ji)于设备的(de)(de)特性以(yi)及屏幕分(fen)辨(bian)率，一个(ge)H5响(xiang)(xiang)应(ying)式(shi)网(wang)(wang)站(zhan)就可以(yi)解决企(qi)业(ye)建站(zhan)的(de)(de)问题，实现全(quan)网(wang)(wang)覆盖，转化(hua)机会也(ye)会随(sui)之提高，最终赢得营销(xiao)的(de)(de)胜利。

H5响应式网站有什么略势

对热衷响(xiang)应式或自适应的(de)(de)人，不难想象(xiang)：网(wang)站适应了移动(dong)设(she)备的(de)(de)显示，界面也非常美观，你(ni)(ni)可能觉得一切都很好，网(wang)站也实现了友好移动(dong)的(de)(de)目标。然而数据表明：这(zhei)种(zhong)响(xiang)应式设(she)计，会令你(ni)(ni)的(de)(de)用户和经(jing)济效益流(liu)失30-50%！！！

什么？！响(xiang)应式竟然是个坑！

1.响应式设计仅(jin)是改(gai)善移(yi)动体(ti)验(yan)并(bing)没达到(dao)最优化。

不(bu)(bu)(bu)(bu)管(guan)是自适应设(she)计(ji)，还是响应式设(she)计(ji)，它们的(de)(de)基本原则是：尽可能不(bu)(bu)(bu)(bu)要(yao)因(yin)为(wei)设(she)备(bei)不(bu)(bu)(bu)(bu)同而导致显示(shi)不(bu)(bu)(bu)(bu)同的(de)(de)内容（比如(ru)在(zai)低分辩率的(de)(de)终端上(shang)会删(shan)减某些内容）。试想，显示(shi)在(zai)电脑1440x900分辨率屏幕(mu)(mu)上(shang)的(de)(de)内容，要(yao)在(zai)手机的(de)(de)320x240分辨率屏幕(mu)(mu)上(shang)显示(shi)，你会发现(xian)，可视区域变小，内容都挤一(yi)起(qi)，页面(mian)(mian)拉长，排版顺序(xu)错乱，使用困难度增加等(deng)等(deng)。所(suo)以(yi)(yi)自适应和(he)响应式设(she)计(ji)，都是选择(ze)性(xing)把(ba)内容隐藏(zang)，以(yi)(yi)适应小页面(mian)(mian)，减少上(shang)述的(de)(de)问题出现(xian)。但这样(yang)一(yi)来，页面(mian)(mian)的(de)(de)表现(xian)效果就没那(nei)么理想了，交互体验也达(da)不(bu)(bu)(bu)(bu)到移动端的(de)(de)最优，把(ba)控不(bu)(bu)(bu)(bu)好网站就会给用户不(bu)(bu)(bu)(bu)伦不(bu)(bu)(bu)(bu)类的(de)(de)感觉。

2.响应式设计并不利于百度的关(guan)键词优化和排名(ming)。

因为用(yong)户在不(bu)同终端(duan)(duan)的(de)(de)搜(sou)索习(xi)惯(guan)不(bu)同，所(suo)以百度对(dui)移动网(wang)(wang)站和电脑网(wang)(wang)站的(de)(de)关(guan)键(jian)词(ci)处理策略也不(bu)相(xiang)同。而对(dui)于响应式的(de)(de)方案，不(bu)同终端(duan)(duan)访问到的(de)(de)网(wang)(wang)页代(dai)码(ma)是(shi)一样的(de)(de)，这(zhei)样就不(bu)能在电脑端(duan)(duan)和移动端(duan)(duan)设置不(bu)同的(de)(de)关(guan)键(jian)词(ci)。这(zhei)无疑是(shi)给百度关(guan)键(jian)词(ci)优化(hua)增添了大(da)大(da)的(de)(de)阻碍。

另外，百(bai)度(du)(du)的(de)搜索排(pai)名(ming)也是有移动端(duan)(duan)和电(dian)脑端(duan)(duan)之分的(de)。针对这方面，更适合使用独(du)立的(de)移动端(duan)(duan)网站(zhan)专门做移动端(duan)(duan)的(de)百(bai)度(du)(du)排(pai)名(ming)，这样(yang)不会影(ying)响电(dian)脑端(duan)(duan)的(de)百(bai)度(du)(du)排(pai)名(ming)，两个版本的(de)网站(zhan)百(bai)度(du)(du)优(you)化也可以(yi)独(du)立进行。

所(suo)以，如果你的(de)网(wang)站需要进(jin)行(xing)商(shang)业推广的(de)话(hua)，那还是(shi)独立做一(yi)个(ge)移动版网(wang)站更好(hao)，而不是(shi)使用响应式网(wang)站。

3.响应式网(wang)站(zhan)无法区分移动端(duan)，浪费带宽(kuan)，加载(zai)耗时长。

响(xiang)应(ying)式(shi)（自适(shi)应(ying)）设计的(de)实现方式(shi)，往往是缩小(xiao)或(huo)者(zhe)隐藏电(dian)脑版网站(zhan)的(de)内容，使(shi)之(zhi)适(shi)应(ying)移动(dong)端的(de)窄(zhai)屏。但隐藏的(de)内容依然会(hui)加(jia)载，低(di)分(fen)辨率设备会(hui)加(jia)载高质量(liang)(liang)的(de)图片或(huo)者(zhe)视频(pin)，不分(fen)屏幕尺寸都(dou)提供相同大小(xiao)的(de)网页(ye)。这样的(de)话，响(xiang)应(ying)式(shi)网站(zhan)加(jia)载的(de)内容相比非(fei)响(xiang)应(ying)式(shi)网站(zhan)会(hui)增加(jia)20-50%。加(jia)载内容多，速度慢(man)，浪费流量(liang)(liang)。在国内高流量(liang)(liang)费面前，用户是想都(dou)不用想就会(hui)放弃使(shi)用你的(de)网站(zhan)的(de)。

响(xiang)应(ying)式网站相对非响(xiang)应(ying)式网站的(de)(de)加载耗(hao)时(shi)，一(yi)般(ban)都会(hui)延长1-2秒，在(zai)2G、3G网络情况(kuang)下更严重。而Google统计的(de)(de)数据是(shi)加载时(shi)间每延长0.4秒就会(hui)有0.59%的(de)(de)用户(hu)(hu)流失，电商类(lei)代表亚(ya)马(ma)逊则表示(shi)每延长0.1秒就会(hui)有1%的(de)(de)用户(hu)(hu)流失，资讯(xun)门(men)户(hu)(hu)类(lei)的(de)(de)雅虎则是(shi)每延长0.4秒就会(hui)流失5-9%的(de)(de)用户(hu)(hu)。所(suo)以(yi)你的(de)(de)响(xiang)应(ying)式网站每天(tian)流失了(le)多少用户(hu)(hu)，你可以(yi)对号入座(zuo)算(suan)一(yi)算(suan)。

4.响应式(shi)对于ie6,7,8浏览器简直是悲剧(ju)。

响应(ying)式或者自(zi)适(shi)应(ying)方(fang)案里，运用(yong)了很(hen)多html5新特性，而这些新特性只有高级的(de)(de)现代浏览器才支持，而在ie6,7,8来(lai)说几乎是看不了的(de)(de)，甚至在ie9,10的(de)(de)表现也只是差强(qiang)人意。从(cong)cnzz数据中心统计的(de)(de)国(guo)内浏览器使用(yong)率来(lai)看，ie占比高达36.29%。请问你能承受36.29%的(de)(de)用(yong)户(hu)流失吗？

响应式(shi)网站在IE上体(ti)验(yan)或将(jiang)失去36.29%的用(yong)户