近年來(lái)，各種大屏幕移動(dòng)設(shè)備的普及，響應(yīng)式網(wǎng)站也受到了更多人的青睞。甚至大多數(shù)的人認(rèn)為，響應(yīng)式網(wǎng)站是實(shí)現(xiàn)友好移動(dòng)目標(biāo)，更好、更快、更省的方案。通俗的說(shuō)，就是一個(gè)網(wǎng)站可以兼容不同的終端，不用為每個(gè)分辨率設(shè)備做一個(gè)特定的版本的網(wǎng)站。

那么響應(yīng)式有什么優(yōu)缺點(diǎn)呢？咱們接下來(lái)扒一扒……

H5響應(yīng)式網(wǎng)站有什么優(yōu)勢(shì)

1)提升用戶體驗(yàn)，降低網(wǎng)站跳出率

頁(yè)面的設(shè)計(jì)與開(kāi)發(fā)應(yīng)當(dāng)根據(jù)用戶行為以及設(shè)備環(huán)境(系統(tǒng)平臺(tái)、屏幕尺寸、屏幕定向等)進(jìn)行相應(yīng)的響應(yīng)和調(diào)整。無(wú)論用戶正在使用什么設(shè)備，網(wǎng)站頁(yè)面都能夠自動(dòng)切換分辨率、圖片尺寸及相關(guān)腳本功能等；換句話說(shuō)，響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)就是一個(gè)網(wǎng)站能夠兼容多個(gè)終端，很大程度上減少企業(yè)建站成本的投入。

用戶體驗(yàn)的提升，持續(xù)不斷的為用戶傳播品牌價(jià)值以及營(yíng)銷信息，降低用戶的跳出率，最終為達(dá)成合作創(chuàng)造機(jī)會(huì)。試想一個(gè)加載不全、模糊不清、甚至扭曲排版的頁(yè)面，瀏覽者一定會(huì)在第一時(shí)間點(diǎn)擊“關(guān)閉”按鈕，因?yàn)楝F(xiàn)在用戶的選擇機(jī)會(huì)太多了。因此，企業(yè)網(wǎng)站是不是響應(yīng)式是營(yíng)銷成功的第一步。

2）優(yōu)化轉(zhuǎn)化率，傳播更高效

響應(yīng)式網(wǎng)站可以兼容任何設(shè)備，并且很好的保留了網(wǎng)站原先想要突出的重點(diǎn)，例如導(dǎo)航條、中心布局里的內(nèi)容以及重點(diǎn)消息等。這樣會(huì)更利于傳播，更快的將瀏覽轉(zhuǎn)化為流量、更好的將流量轉(zhuǎn)化為利益。

據(jù)統(tǒng)計(jì)，現(xiàn)在已經(jīng)超過(guò)50%的互聯(lián)網(wǎng)用戶使用手機(jī)端進(jìn)行瀏覽，因此盡快把營(yíng)銷視線轉(zhuǎn)移到手機(jī)端的網(wǎng)站建設(shè)上來(lái)，這是營(yíng)銷轉(zhuǎn)換的重要點(diǎn)。

3）搜索引擎的偏愛(ài)，高排名占據(jù)先機(jī)

現(xiàn)在許多搜索引擎巨頭，都更“偏愛(ài)”響應(yīng)式網(wǎng)站，尤其是谷歌，它會(huì)更喜歡優(yōu)化響應(yīng)式設(shè)計(jì)的網(wǎng)頁(yè)。H5響應(yīng)式網(wǎng)站更容易被谷歌等搜索引擎抓取、索引，最終對(duì)網(wǎng)站SEO優(yōu)化起到很大的幫助，像很多企業(yè)運(yùn)用H5自助建站系統(tǒng)建站寶盒搭建的響應(yīng)式網(wǎng)站，其網(wǎng)站的收錄量明顯比傳統(tǒng)網(wǎng)站好很多，排名效果也著實(shí)讓人滿意。因此為了更好的搜索引擎優(yōu)化，你的營(yíng)銷戰(zhàn)略里也應(yīng)該放進(jìn)建設(shè)響應(yīng)式網(wǎng)站這一點(diǎn)。

4）時(shí)間和成本的雙重效率

現(xiàn)在的H5響應(yīng)式網(wǎng)站是時(shí)間和成本的雙重效率，因?yàn)樗粌H可以節(jié)約建設(shè)的時(shí)間，同時(shí)還降低了建站的成本。因?yàn)樵谶^(guò)去想要實(shí)現(xiàn)響應(yīng)式網(wǎng)站，那就需要針對(duì)每一種不同的設(shè)備進(jìn)行網(wǎng)站建設(shè)，這是一件費(fèi)時(shí)又費(fèi)力的事情。但是現(xiàn)在，基于設(shè)備的特性以及屏幕分辨率，一個(gè)H5響應(yīng)式網(wǎng)站就可以解決企業(yè)建站的問(wèn)題，實(shí)現(xiàn)全網(wǎng)覆蓋，轉(zhuǎn)化機(jī)會(huì)也會(huì)隨之提高，最終贏得營(yíng)銷的勝利。

H5響應(yīng)式網(wǎng)站有什么略勢(shì)

對(duì)熱衷響應(yīng)式或自適應(yīng)的人，不難想象：網(wǎng)站適應(yīng)了移動(dòng)設(shè)備的顯示，界面也非常美觀，你可能覺(jué)得一切都很好，網(wǎng)站也實(shí)現(xiàn)了友好移動(dòng)的目標(biāo)。然而數(shù)據(jù)表明：這種響應(yīng)式設(shè)計(jì)，會(huì)令你的用戶和經(jīng)濟(jì)效益流失30-50%?。?！

什么？！響應(yīng)式竟然是個(gè)坑！

1.響應(yīng)式設(shè)計(jì)僅是改善移動(dòng)體驗(yàn)并沒(méi)達(dá)到最優(yōu)化。

不管是自適應(yīng)設(shè)計(jì)，還是響應(yīng)式設(shè)計(jì)，它們的基本原則是：盡可能不要因?yàn)樵O(shè)備不同而導(dǎo)致顯示不同的內(nèi)容（比如在低分辯率的終端上會(huì)刪減某些內(nèi)容）。試想，顯示在電腦1440x900分辨率屏幕上的內(nèi)容，要在手機(jī)的320x240分辨率屏幕上顯示，你會(huì)發(fā)現(xiàn)，可視區(qū)域變小，內(nèi)容都擠一起，頁(yè)面拉長(zhǎng)，排版順序錯(cuò)亂，使用困難度增加等等。所以自適應(yīng)和響應(yīng)式設(shè)計(jì)，都是選擇性把內(nèi)容隱藏，以適應(yīng)小頁(yè)面，減少上述的問(wèn)題出現(xiàn)。但這樣一來(lái)，頁(yè)面的表現(xiàn)效果就沒(méi)那么理想了，交互體驗(yàn)也達(dá)不到移動(dòng)端的最優(yōu)，把控不好網(wǎng)站就會(huì)給用戶不倫不類的感覺(jué)。

2.響應(yīng)式設(shè)計(jì)并不利于百度的關(guān)鍵詞優(yōu)化和排名。

因?yàn)橛脩粼诓煌K端的搜索習(xí)慣不同，所以百度對(duì)移動(dòng)網(wǎng)站和電腦網(wǎng)站的關(guān)鍵詞處理策略也不相同。而對(duì)于響應(yīng)式的方案，不同終端訪問(wèn)到的網(wǎng)頁(yè)代碼是一樣的，這樣就不能在電腦端和移動(dòng)端設(shè)置不同的關(guān)鍵詞。這無(wú)疑是給百度關(guān)鍵詞優(yōu)化增添了大大的阻礙。

另外，百度的搜索排名也是有移動(dòng)端和電腦端之分的。針對(duì)這方面，更適合使用獨(dú)立的移動(dòng)端網(wǎng)站專門(mén)做移動(dòng)端的百度排名，這樣不會(huì)影響電腦端的百度排名，兩個(gè)版本的網(wǎng)站百度優(yōu)化也可以獨(dú)立進(jìn)行。

所以，如果你的網(wǎng)站需要進(jìn)行商業(yè)推廣的話，那還是獨(dú)立做一個(gè)移動(dòng)版網(wǎng)站更好，而不是使用響應(yīng)式網(wǎng)站。

3.響應(yīng)式網(wǎng)站無(wú)法區(qū)分移動(dòng)端，浪費(fèi)帶寬，加載耗時(shí)長(zhǎng)。

響應(yīng)式（自適應(yīng)）設(shè)計(jì)的實(shí)現(xiàn)方式，往往是縮小或者隱藏電腦版網(wǎng)站的內(nèi)容，使之適應(yīng)移動(dòng)端的窄屏。但隱藏的內(nèi)容依然會(huì)加載，低分辨率設(shè)備會(huì)加載高質(zhì)量的圖片或者視頻，不分屏幕尺寸都提供相同大小的網(wǎng)頁(yè)。這樣的話，響應(yīng)式網(wǎng)站加載的內(nèi)容相比非響應(yīng)式網(wǎng)站會(huì)增加20-50%。加載內(nèi)容多，速度慢，浪費(fèi)流量。在國(guó)內(nèi)高流量費(fèi)面前，用戶是想都不用想就會(huì)放棄使用你的網(wǎng)站的。

響應(yīng)式網(wǎng)站相對(duì)非響應(yīng)式網(wǎng)站的加載耗時(shí)，一般都會(huì)延長(zhǎng)1-2秒，在2G、3G網(wǎng)絡(luò)情況下更嚴(yán)重。而Google統(tǒng)計(jì)的數(shù)據(jù)是加載時(shí)間每延長(zhǎng)0.4秒就會(huì)有0.59%的用戶流失，電商類代表亞馬遜則表示每延長(zhǎng)0.1秒就會(huì)有1%的用戶流失，資訊門(mén)戶類的雅虎則是每延長(zhǎng)0.4秒就會(huì)流失5-9%的用戶。所以你的響應(yīng)式網(wǎng)站每天流失了多少用戶，你可以對(duì)號(hào)入座算一算。

4.響應(yīng)式對(duì)于ie6,7,8瀏覽器簡(jiǎn)直是悲劇。

響應(yīng)式或者自適應(yīng)方案里，運(yùn)用了很多html5新特性，而這些新特性只有高級(jí)的現(xiàn)代瀏覽器才支持，而在ie6,7,8來(lái)說(shuō)幾乎是看不了的，甚至在ie9,10的表現(xiàn)也只是差強(qiáng)人意。從cnzz數(shù)據(jù)中心統(tǒng)計(jì)的國(guó)內(nèi)瀏覽器使用率來(lái)看，ie占比高達(dá)36.29%。請(qǐng)問(wèn)你能承受36.29%的用戶流失嗎？

響應(yīng)式網(wǎng)站在IE上體驗(yàn)或?qū)⑹?6.29%的用戶