什(shén)麽是自适應網頁設計?其實自适應更專業的(de)說法是自适應網頁設計。在2010年5月(yuè)，提出的(de)自适應網頁設計的(de)概念，通(tōng)俗的(de)說，就是一個(gè)網站可(kě)以兼容不同的(de)終端，不用(yòng)爲每個(gè)分(fēn)辨率設備做(zuò)一個(gè)特定的(de)版本的(de)網站。近年來(lái)，各種大(dà)屏幕移動設備的(de)普及，自适應網頁設計也(yě)受到了(le)更多(duō)人(rén)的(de)青睐。甚至大(dà)多(duō)數的(de)人(rén)認爲，自适應網頁設計是實現友好移動目标，更好、更快(kuài)、更省的(de)方案。

　　自适應網頁設計四點内容：
　　1.自适應網頁設計可(kě)以改善移動體驗
　　2.自适應網頁設計并不利于百度的(de)關鍵詞優化(huà)和(hé)排名
　　3.自适應網頁設計無法區(qū)分(fēn)移動端
　　4.自适應網頁設計對(duì)于ie不支持
　　對(duì)熱(rè)衷自适應網頁設計或自适應的(de)人(rén)，不難想象：網站适應了(le)移動設備的(de)顯示，界面也(yě)非常美(měi)觀，你可(kě)能覺得(de)一切都很好，網站也(yě)實現了(le)友好移動的(de)目标。那麽搜索營銷服務小編現在就詳細給大(dà)家介紹這(zhè)四點内容，讓大(dà)家清楚的(de)指導自适應網頁設計究竟有沒有這(zhè)麽好。
　　一、自适應網頁設計可(kě)以改善移動體驗
　　不管是響應式設計，還(hái)是自适應網頁設計，它們的(de)基本原則是：盡可(kě)能不要因爲設備不同而導緻顯示不同的(de)内容(比如在低分(fēn)辯率的(de)終端上會删減某些内容)。試想，顯示在電腦(nǎo)1440x900分(fēn)辨率屏幕上的(de)内容，要在手機的(de)320x240分(fēn)辨率屏幕上顯示，你會發現，可(kě)視區(qū)域變小，内容都擠一起，頁面拉長(cháng)，排版順序錯亂，使用(yòng)困難度增加等等。所以自适應和(hé)自适應網頁設計，都是選擇性把内容隐藏，以适應小頁面，減少上述的(de)問題出現。但這(zhè)樣一來(lái)，頁面的(de)表現效果就沒那麽理(lǐ)想了(le)，交互體驗也(yě)達不到移動端的(de)最優，把控不好網站就會給用(yòng)戶不倫不類的(de)感覺。
　　例如上面的(de)自适應網頁設計，右邊移動端明(míng)顯将在左邊電腦(nǎo)端有展示的(de)産品都隐藏了(le)，這(zhè)對(duì)從電腦(nǎo)端切換到移動端的(de)用(yòng)戶是很不友好的(de)。而且移動端的(de)交互設計也(yě)不是我們熟悉的(de)。還(hái)有很明(míng)顯的(de)一點是，同一個(gè)網站風格差異卻如此大(dà)，感覺就是兩個(gè)網站。如果是單獨設計的(de)移動網站，它就能避免像上面自适應網頁設計那種顯示上的(de)突兀.
　　個(gè)性化(huà)的(de)宮格布局，流行的(de)移動端界面，合理(lǐ)地顯示網站信息。顯然這(zhè)些才是我們所熟悉的(de)移動端表現，交互上更貼近APP的(de)UI風格，更好的(de)用(yòng)戶體驗。爲什(shén)麽他(tā)們能把網站在移動端的(de)表現處理(lǐ)得(de)如此好?因爲他(tā)們都是專門做(zuò)了(le)一個(gè)移動版的(de)網站，并沒有采用(yòng)自适應設計，因此，網站的(de)設計沒有受到自适應方案的(de)限制。
　　二、自适應網頁設計并不利于百度的(de)關鍵詞優化(huà)和(hé)排名
　　因爲用(yòng)戶在不同終端的(de)搜索習(xí)慣不同，所以百度對(duì)移動網站和(hé)電腦(nǎo)網站的(de)關鍵詞處理(lǐ)策略也(yě)不相同。而對(duì)于自适應網頁設計的(de)方案，不同終端訪問到的(de)網頁代碼是一樣的(de)，這(zhè)樣就不能在電腦(nǎo)端和(hé)移動端設置不同的(de)關鍵詞。這(zhè)無疑是給百度關鍵詞優化(huà)增添了(le)大(dà)大(dà)的(de)阻礙。
　　另外，百度的(de)搜索排名也(yě)是有移動端和(hé)電腦(nǎo)端之分(fēn)的(de)。針對(duì)這(zhè)方面，更适合使用(yòng)獨立的(de)移動端網站專門做(zuò)移動端的(de)百度排名，這(zhè)樣不會影(yǐng)響電腦(nǎo)端的(de)百度排名，兩個(gè)版本的(de)網站百度優化(huà)也(yě)可(kě)以獨立進行。
　　所以，如果你的(de)網站需要進行商業推廣的(de)話(huà)，那還(hái)是獨立做(zuò)一個(gè)移動版網站更好，而不是使用(yòng)自适應網頁設計。
　　三、自适應網頁設計無法區(qū)分(fēn)移動端
　　自适應網頁設計(自适應)設計的(de)實現方式，往往是縮小或者隐藏電腦(nǎo)版網站的(de)内容，使之适應移動端的(de)窄屏。但隐藏的(de)内容依然會加載，低分(fēn)辨率設備會加載高(gāo)質量的(de)圖片或者視頻(pín)，不分(fēn)屏幕尺寸都提供相同大(dà)小的(de)網頁。這(zhè)樣的(de)話(huà)，自适應網頁設計加載的(de)内容相比非自适應網頁設計會增加20-50%。加載内容多(duō)，速度慢(màn)，浪費流量。在國内高(gāo)流量費面前，用(yòng)戶是想都不用(yòng)想就會放棄使用(yòng)你的(de)網站的(de)。
　　自适應網頁設計相對(duì)非自适應網頁設計的(de)加載耗時(shí)，一般都會延長(cháng)1-2秒，在2G、3G網絡情況下(xià)更嚴重。而Google統計的(de)數據是加載時(shí)間每延長(cháng)0.4秒就會有0.59%的(de)用(yòng)戶流失，電商類代表亞馬遜則表示每延長(cháng)0.1秒就會有1%的(de)用(yòng)戶流失，資訊門戶類的(de)雅虎則是每延長(cháng)0.4秒就會流失5-9%的(de)用(yòng)戶。所以你的(de)自适應網頁設計每天流失了(le)多(duō)少用(yòng)戶，你可(kě)以對(duì)号入座算(suàn)一算(suàn)。
　　四、自适應網頁設計對(duì)于ie不支持
　　自适應網頁設計或者自适應方案裏，運用(yòng)了(le)很多(duō)html5新特性，而這(zhè)些新特性隻有高(gāo)級的(de)現代浏覽器才支持，而在ie6,7,8來(lái)說幾乎是看不了(le)的(de)，甚至在ie9,10的(de)表現也(yě)隻是差強人(rén)意。從cnzz數據中心統計的(de)國内浏覽器使用(yòng)率來(lái)看，ie占比高(gāo)達36.29%。請問你能承受36.29%的(de)用(yòng)戶流失嗎?
　　自适應網頁設計在IE上體驗或将失去36.29%的(de)用(yòng)戶
　　現在你是否已經察覺，不管是淘寶、天貓、京東、唯品會，還(hái)是騰訊、百度、新浪、360爲什(shén)麽都不用(yòng)自适應網頁設計了(le)吧?我們絲毫不會懷疑：自适應網頁設計或自适應僅僅是一個(gè)坑。而正确的(de)做(zuò)法是分(fēn)開建設電腦(nǎo)端和(hé)移動端網站。專門建設一個(gè)移動版的(de)網站才是可(kě)行的(de)法則，這(zhè)樣才能更靈活，提供更專業、更優的(de)移動體驗和(hé)個(gè)性化(huà)、多(duō)樣化(huà)的(de)設計。
　　我們可(kě)能會疑問爲什(shén)麽市場(chǎng)上自适應網頁設計會那麽火?真相是，自适應網頁設計或自适應設計，僅是是設計師的(de)主觀決定，他(tā)們認爲電腦(nǎo)網站界面不再适用(yòng)移動網站界面，然後非作出相應的(de)改變不可(kě)。甚至存在更可(kě)笑(xiào)的(de)情況，程序員(yuán)爲了(le)賣弄技術而使用(yòng)自适應網頁設計，建站公司爲了(le)顯得(de)更高(gāo)大(dà)上多(duō)騙點錢而抛出自适應網頁設計等等。自适應網頁設計的(de)運用(yòng)在很多(duō)情況下(xià)都是沒必要的(de)，也(yě)沒什(shén)麽值得(de)大(dà)家去追棒。
　　所以我們的(de)建議(yì)就是：最好爲你的(de)電腦(nǎo)網站推出移動版本，将關注重點要放在網站信息展示、網站性能、用(yòng)戶體驗、經濟效益、用(yòng)戶留存等關鍵點上。
　　以上四點内容就是今天搜索營銷服務小編整理(lǐ)的(de)什(shén)麽是自适應網頁設計全部内容了(le)，希望大(dà)家看完今天這(zhè)篇文章(zhāng)後對(duì)可(kě)以對(duì)今後的(de)自适應網頁設計有所幫助。