響應式（自(zì)适應）網站(zhàn)的(de)優點，缺點​↓∑π大(dà)PK

近(jìn)年(nián)來(lái)，各種大(dà)屏幕移動設備的(≤'πde)普及，響應式網站(zhàn)也(yě)受到(dào)了≈‌(le)更多(duō)人(rén)的(de)青睐。甚至大(dà)多(duō)數(shù)β✘的(de)人(rén)認為(wèi)，響應式網站€≥​(zhàn)是(shì)實現(xiàn)友(yǒu)好(hǎo)移動目标←≈，更好(hǎo)、更快(kuài)、更省的(de)方案。通(tōng)俗♣φπ€的(de)說(shuō)，就(jiù)是(shì)一(yī)個(gè)網站×πΩ(zhàn)可(kě)以兼容不(bù)同的(de)終端，不(bù)用(yòng)為(wèi€≈π≤)每個(gè)分(fēn)辨率設備做(zuò)一(yī)個(gè)特定的(de)版本的(λ±≥↕de)網站(zhàn)。

那(nà)麽響應式有(yǒu)什(shén)麽優缺點呢(ne)？咱們接下(xià)來(¥✔¶lái)扒一(yī)扒…&he₩≥<εllip;

H5響應式網站(zhàn)有(yǒu)什(sh≥♦★↑én)麽優勢

1)提升用(yòng)戶體(tǐ)驗，降低(dī)網站(zhàn<¥®σ)跳(tiào)出率

頁面的(de)設計(jì)與開(kāi)發應當根據用(yòng)戶行(xíng)為(£π"<wèi)以及設備環境(系統平台、屏幕尺寸'₩♥、屏幕定向等)進行(xíng)相(xiàng)應的(de)響應和(hé)調整。無論£"×用(yòng)戶正在使用(yòng)什(shén)麽設備，網∞α↕∞站(zhàn)頁面都(dōu)能(néng)夠自(zì)✘λ¶‍動切換分(fēn)辨率、圖片尺寸及相(xiàng)關腳本功能(néng)等；換句" "±話(huà)說(shuō)，響應式網頁設計(jì)就(jiù>β)是(shì)一(yī)個(gè)網站(zhàn)能(néng)夠兼容多(duō)個(gè)終端λα✘™，很(hěn)大(dà)程度上(shàn§&g)減少(shǎo)企業(yè)建站(zhàn)成本的(de↕≥∑)投入。

用(yòng)戶體(tǐ)驗的(de)提升±↓，持續不(bù)斷的(de)為(wèi)用(yòng)戶傳播品牌價值以及營銷信息，降低(dī)✔γ用(yòng)戶的(de)跳(tiào)出率，最終為(wèi)達成合作(zuò)創¥γ造機(jī)會(huì)。試想一(yī)個(gè)加載不(bù)全、模糊不(b<<ù)清、甚至扭曲排版的(de)頁面，浏覽者一(yī)定會(huìΩσ☆)在第一(yī)時(shí)間(jiān)點擊“關閉”按鈕，因為(wèi)§↕↕現(xiàn)在用(yòng)戶的(de)選擇機(jī)會(huì)太多(du♠‍ō)了(le)。因此，企業(yè)網站(zh↔♠₩àn)是(shì)不(bù)是(shì)響應式是₹π↕(shì)營銷成功的(de)第一(yī)步。

2）優化(huà)轉化(huà)率，傳播更∏λ‍∞高(gāo)效

響應式網站(zhàn)可(kě)以兼容任何設備，并且很(hěn)好(hǎo)的(de)保留了(le♦')網站(zhàn)原先想要(yào)突出的(de)重點，例如(rú)導航條、中心 >∞‍布局裡(lǐ)的(de)內(nèi)容以及重點消息等。這(zhè)樣會(huì)更利于傳播，更快(→βkuài)的(de)将浏覽轉化(huà)為(wèi)流量、更好(hǎo)的(de)将流 σ"量轉化(huà)為(wèi)利益。

據統計(jì)，現(xiàn)在已經超過50%的(de)互聯網用(yòng)戶±<π¶使用(yòng)手機(jī)端進行(xíng)浏覽，因此盡快(kuài)把營銷視(shì)線轉移<'£₩到(dào)手機(jī)端的(de)網站(zh•→‍àn)建設上(shàng)來(lái)，這(zhè)是(shì)營銷轉換的(de)重要(yào)點☆δ£←。

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

現(xiàn)在許多(duō)搜索引擎巨頭， ≤都(dōu)更“偏愛(ài)”響應 φ₽©式網站(zhàn)，尤其是(shì)谷歌(gē)，它會(huì)更喜歡優化(huà)響應式設‍≤π$計(jì)的(de)網頁。H5響應式網站☆∑®(zhàn)更容易被谷歌(gē)等搜索引擎¶¶​抓取、索引，最終對(duì)網站(zhàn)SEO優化(huà)起到(dào)很(hěn)大(d♣‌à)的(de)幫助，像很(hěn)多(duō)企業(yè→ )運用(yòng)H5自(zì)助建站(zh↑≈δ₹àn)系統建站(zhàn)寶盒搭建的(de)響應式•©網站(zhàn)，其網站(zhàn)的(de)收錄量明(míng)顯比傳統網站(zhβ¥àn)好(hǎo)很(hěn)多(duō)，排¥™₹名效果也(yě)著(zhe)實讓人(rén)滿意。因此為(wèi)了(le)更好(hǎo>←')的(de)搜索引擎優化(huà)，你(nǐ)的(de)營銷&'戰略裡(lǐ)也(yě)應該放(fàng)進建設響應式網站(zhàn)這(zhè)一(yī)πδ點。

4）時(shí)間(jiān)和(hé)成♦↕≤本的(de)雙重效率

現(xiàn)在的(de)H5響應式網站(zhàn)是(shì)時(shφΩ×í)間(jiān)和(hé)成本的(de)雙重效率，因為(wèi∞→&≥)它不(bù)僅可(kě)以節約建設的(de)時(shí)間(jiān)，同時(shí)還(háδλi)降低(dī)了(le)建站(zhàn)的(de)成本。因為(wèi)在過去(qù) ∞想要(yào)實現(xiàn)響應式網站(zhà₹®₩"n)，那(nà)就(jiù)需要(yào)針對(duì)♣↔☆™每一(yī)種不(bù)同的(de)設備進行(xíng)網站(zhàn)建設，這(z₽φ×→hè)是(shì)一(yī)件(jiàn)費(fè↓≈i)時(shí)又(yòu)費(fèi)力的(de)事(shì)情。但"¥§(dàn)是(shì)現(xiàn)在，基于設備的(de)特性以及屏幕分(fē∑ n)辨率，一(yī)個(gè)H5響應式網站(zhàn)就(™£>¶jiù)可(kě)以解決企業(yè)建站(zhàn)的(π¶±de)問(wèn)題，實現(xiàn)全網覆蓋，轉化(huà)機(jī)會(huì)也(yěα✘ε™)會(huì)随之提高(gāo)，最終赢得(de)營銷的(de)勝利。

H5響應式網站(zhàn)有(yǒu)什(shén)麽略勢

對(duì)熱(rè)衷響應式或自(zì)适應的(de)人(✘>rén)，不(bù)難想象：網站(zhàn)适應了(le)移動設備的(de)顯示，界面也(y¶♦"ě)非常美(měi)觀，你(nǐ)可(kě↓♥₹±)能(néng)覺得(de)一(yī)切都(dōu)很(hěn)好(hǎo→÷)，網站(zhàn)也(yě)實現(xiàn)了(le)友(y••₹♦ǒu)好(hǎo)移動的(de)目标。然而數(shù↓↕•)據表明(míng)：這(zhè)種響應式設計(jì)，會(huì)令你(★©nǐ)的(de)用(yòng)戶和(hé)經濟效益流失÷δ30-50%！！！

什(shén)麽？！響應式竟然是(shì)個(gè)坑！

1.響應式設計(jì)僅是(shì)改善移動體(tǐ)驗并沒達到(dào)最優化(huà)。 ₹

不(bù)管是(shì)自(zì)适應設計(jì)，還(hái)是(shì)響應式設計(jì÷≤±)，它們的(de)基本原則是(shì)：盡可(¶↔£kě)能(néng)不(bù)要(yào)因為(wèi♦≤)設備不(bù)同而導緻顯示不(bù)同的>≈$✘(de)內(nèi)容（比如(rú)在低(dī)分(fēn)辯率的(γ✔§£de)終端上(shàng)會(huì)删減某些₹γ≠(xiē)內(nèi)容）。試想，顯示在電(diàn)腦(nǎo)14π≈≈δ40x900分(fēn)辨率屏幕上(shàn∞←g)的(de)內(nèi)容，要(yào)在手機(jī)的(de≥Ω')320x240分(fēn)辨率屏幕上(shα∑↕₹àng)顯示，你(nǐ)會(huì)發現(xiàn)，可(kě)視(shì)區(qū)域變★♥小(xiǎo)，內(nèi)容都(dōu)擠一(yī)起，頁面拉長(cháng)，排£'<版順序錯(cuò)亂，使用(yòng)困難度增加等等。所以自(zì)适應和(hé)響應式設計(jì♠✘γ )，都(dōu)是(shì)選擇性把內(nèi)容∞☆隐藏，以适應小(xiǎo)頁面，減少(shǎo)上(shàng)述的(de)問(wèn)題出現(ε‍xiàn)。但(dàn)這(zhè)樣一( <'yī)來(lái)，頁面的(de)表現(xiàn)效果就✔π(jiù)沒那(nà)麽理(lǐ)想了(l↓↑e)，交互體(tǐ)驗也(yě)達不(bù)到(dào)移動端的(de)最優，把控不(bù)β¶γ好(hǎo)網站(zhàn)就(jiù)會(hu→↑₩ì)給用(yòng)戶不(bù)倫不(bù)類的(de)感覺。

2.響應式設計(jì)并不(bù)利于百度的(✔♠¶↓de)關鍵詞優化(huà)和(hé)排名。

因為(wèi)用(yòng)戶在不(bù)同"Ω終端的(de)搜索習(xí)慣不(bù)同，所以百度對(duì∑‌ε)移動網站(zhàn)和(hé)電(diàn)腦(nǎo)網站(zhàn)的(de)關鍵詞處♥✘理(lǐ)策略也(yě)不(bù)相(xiàng)同。而對(duì)于響應式的(de∏‌)方案，不(bù)同終端訪問(wèn)到(dào)的(de)網頁代碼δ ¶ 是(shì)一(yī)樣的(de)，這(zhè)樣就(jiù)不(bù)能(n•∞★éng)在電(diàn)腦(nǎo)端和(hé)移動 β¶端設置不(bù)同的(de)關鍵詞。這(zhè)無疑是(s∑∑hì)給百度關鍵詞優化(huà)增添了(l•←e)大(dà)大(dà)的(de)阻礙。

另外(wài)，百度的(de)搜索排名也(yě)是(shì)≈↓≤有(yǒu)移動端和(hé)電(diàn)腦(nǎo)端之分(fēn)的(de)。針對(du‌∏ì)這(zhè)方面，更适合使用(yòng)獨立的(de)移動端網★≥站(zhàn)專門(mén)做(zuò)移動端的(de)百度排名，這(zhè)樣不(bù)會(₹± &huì)影(yǐng)響電(diàn)腦(nǎo)端的(de)百度排名，兩個(g¥↔è)版本的(de)網站(zhàn)百度優化(huà)也(yě)可∏β≤&(kě)以獨立進行(xíng)。

所以，如(rú)果你(nǐ)的(de)網站(zhàn)需要(§ελyào)進行(xíng)商業(yè)推廣的(de)話(huà)，那(nà)δ↓還(hái)是(shì)獨立做(zuò)一(yī)個(gè)移動版網站(zhàn☆φδ₹)更好(hǎo)，而不(bù)是(shì)使用(yòn®β ←g)響應式網站(zhàn)。

3.響應式網站(zhàn)無法區(qū)分(fēn¥&♦')移動端，浪費(fèi)帶寬，加載耗時(shí)長(cháng)。

響應式（自(zì)适應）設計(jì)的(de)實現(xiàn)方式，往往是(shì)縮小(xiǎ≥‍o)或者隐藏電(diàn)腦(nǎo)版網站(zhàn)的(↔δde)內(nèi)容，使之适應移動端的(de)窄屏。但(dàn)隐藏的(de)內(n​ èi)容依然會(huì)加載，低(dī)分(fēn)辨率設備會(huì)加載高(€π•gāo)質量的(de)圖片或者視(shì)頻(pín)，不(bù)分(<∑π←fēn)屏幕尺寸都(dōu)提供相(xiàng)同大(dà)小(xiǎo)的(de)網↑÷≠ 頁。這(zhè)樣的(de)話(huà)，響應式網站(zhàn)∏©☆α加載的(de)內(nèi)容相(xiàng)比非響應式網站(zhàn)↑≈↕會(huì)增加20-50%。加載內(nèi)容多(duō)，速度慢(màn)，浪&♦×費(fèi)流量。在國(guó)內(nèi)高(gāo)流量費(fèi)面前，用(yòng)戶是($φ™¶shì)想都(dōu)不(bù)用(yòng)想就(jiù)會(hu"​ì)放(fàng)棄使用(yòng)你(nǐ)的γ÷α(de)網站(zhàn)的(de)。

響應式網站(zhàn)相(xiàng)對(duì)€¥↔非響應式網站(zhàn)的(de)加載耗時(s✔σ÷∞hí)，一(yī)般都(dōu)會(hu$"ì)延長(cháng)1-2秒(miǎo)，在2G、3G網絡情況下(xià)更嚴重。而G€Ωβoogle統計(jì)的(de)數(shù)據是©​‌(shì)加載時(shí)間(jiān)每延長(cháng)0.4秒(↓∏miǎo)就(jiù)會(huì)有(yǒu)0.59%的(de)用(yòng)戶流失，電(di¶π"àn)商類代表亞馬遜則表示每延長(cháng)0.1秒(miǎo)就(↔↑εφjiù)會(huì)有(yǒu)1%的(de)用(<↓→yòng)戶流失，資訊門(mén)戶類的(de)雅虎則是(shì)γ €☆每延長(cháng)0.4秒(miǎo)就(jiù)會(huì)♦÷∞流失5-9%的(de)用(yòng)戶。所以你(nǐ)的(de)響>•應式網站(zhàn)每天流失了(le)多(d‍Ωuō)少(shǎo)用(yòng)戶，你(nǐ)可(kě)以對(duì)号入座算(suàn) ¶λ一(yī)算(suàn)。

4.響應式對(duì)于ie6,7,8浏覽器(∞&≥αqì)簡直是(shì)悲劇(jù)。

響應式或者自(zì)适應方案裡(lǐ)，運用(yòng)了(leφ↓‌)很(hěn)多(duō)html5新特性，而這(zhè)些(xi< ē)新特性隻有(yǒu)高(gāo)級的(de)現(xiàn)代浏覽器(←♥≤←qì)才支持，而在ie6,7,8來(lái)說(shuō)幾乎是(shì)䩶看(kàn)不(bù)了(le)的(de)，甚至  α♠在ie9,10的(de)表現(xiàn)也(y♠Ωě)隻是(shì)差強人(rén)意。從(cóng)cnzz數(shù)據中δ☆<心統計(jì)的(de)國(guó)內(nèi)浏覽器(qì)使≥λ用(yòng)率來(lái)看(kàn)，ie占比高(gāo)達36.29%。φ↔請(qǐng)問(wèn)你(nǐ)能(néng)承受36.29%的(de)用(yòng)∞σ∑戶流失嗎(ma)？

響應式網站(zhàn)在IE上(shàng)體(tǐ)驗或将失​×≥÷去(qù)36.29%的(de)用(yòng)戶