所謂“響應式網頁設計(jì)(Responsive Web Desig®​φn)”也(yě)就(jiù)是(shì)自(zì ≤∑←)适應，就(jiù)是(shì)可(kě)✔∑以自(zì)動識别屏幕寬度、并做(zuò)出相(xi♠↓₹≥àng)應調整的(de)網頁設計(jì)。目前這(zhè)"£∏≈種設計(jì)已經出現(xiàn)在越來(lái)越多(duō)的(de)ε‍國(guó)內(nèi)網站(zhàn)上(shπ↕àng)，目前Google已經明(mín☆₩≤g)确表明(míng)鼓勵響應式網頁設計(jì)。

通(tōng)常在浏覽網頁時(shí)，手機(jī)上(≤§shàng)和(hé)電(diàn)腦(nǎo)上(shàng)無法•¥顯示同一(yī)個(gè)網頁，這(zhè)也(yě≤§λ®)導緻許多(duō)網頁設計(jì)會(huì)自("✘ δzì)動轉到(dào)特定的(de)鏈接上δ‍(shàng)，無論在PC端還(hái)是(shì)移 •動端，網頁的(de)顯示其實都(dōu)是(shì)一(yī✔≥§✔)個(gè)版本，會(huì)随著(zhe•☆)屏幕的(de)大(dà)小(xiǎo)網頁而改變。

響應式網頁設計(jì)與SEO 經驗心得(de)

使用(yòng)自(zì)适應網頁設計(jì)有(↔>δyǒu)5個(gè)好(hǎo)處：
1， 随著(zhe)移動設備越來(lái)越多(¥®≤>duō)，可(kě)以提升用(yòng)戶體(÷​× tǐ)驗。
2， 該設計(jì)沒有(yǒu)網頁版本區(qū)分(fēn)♦π→✔，所以SEO的(de)策略保持一(yī)緻。
3， 可(kě)以避免重複內(nèi)容>>β™，專心維護這(zhè)一(yī)個(gè)網頁。±≤∞α
4， 保持網頁的(de)原有(yǒu)鏈接。
5， Google也(yě)建議(yì)優先采用(y∞φ± òng)響應式設計(jì)，因為(wèi)無論是(shì)什(shén)£₩π麽網頁版本都(dōu)是(shì)相(xiàng)同的(de)HTML、相•<ε€(xiàng)同的(de)內(nèi)容，Google最容易處理(l¶εǐ)。
響應式網頁設計(jì)對(duì)SEO是(shì)‌₩₩友(yǒu)好(hǎo)的(de)，這(zhè)些(xiē)相(xiàn¥♣αg)關技(jì)術(shù)還(hái)在不(bù)斷演化(huà)₩λ ¶中，還(hái)有(yǒu)許多(duō)尚待客服的(>→↑de)地(dì)方。下(xià)面來(lái)說(shuō)•ε說(shuō)它的(de)缺陷：
1， 對(duì)老(lǎo)版本IE支持不(©λ≤∞bù)好(hǎo)，這(zhè)是(shì)一(yī)個(gè)緻命的≥✘(de)問(wèn)題，尤其是(shì)IE6，如(rú)果π&你(nǐ)的(de)網站(zhàn)用(yòng)戶大(dà)多(duō)還ש(hái)采用(yòng)老(lǎo)版本的ε (de)IE的(de)話(huà)(建議(yì)在統計(jì£↑)工(gōng)具裡(lǐ)看(kàn)一(₩πyī)下(xià))，就(jiù)不(bù)适合做(zu→×ò)響應式網頁設計(jì)了(le)。
其實我一(yī)直想采用(yòng)響應式網頁設計(jì)，¶ 從(cóng)新設計(jì)盧松松博客的(de© ¥↑)網頁，但(dàn)看(kàn)到(dào)統計(j>↕→ì)裡(lǐ)的(de)老(lǎo)版本I"≥E用(yòng)戶依然很(hěn)多(duō)₹☆₽✔，隻好(hǎo)放(fàng)棄。
2， 例如(rú)一(yī)些(xiē)小(xiǎo)遊戲站(zγ≠₽±hàn)、視(shì)頻(pín)站(zhàn)，如(₹λ‍rú)果僅僅是(shì)網頁采用(yòng)了(le)響應式設計(jì)，但‌↕& (dàn)裡(lǐ)面的(de)內(nèi)容依然是(shì<')隻能(néng)在PC端打開(kāi)的(de)話(huγ "'à)，這(zhè)時(shí)候就(jiù)要(y§$δ$ào)認真考慮了(le)。
國(guó)外(wài)copyblogger的(d≤✔e)博客提到(dào)了(le)一(yī)個(g ↑$σè)很(hěn)特别的(de)案例，就(jiù)是(shì)迪士尼公司™ 的(de)網頁。他(tā)說(shuō)在迪士尼網頁中有( ₩£Ωyǒu)許多(duō)給小(xiǎo)朋(péng)友™♦(yǒu)玩(wán)的(de)網頁遊戲，有(y¥'αǒu)些(xiē)遊戲可(kě)以在桌上(shà≥← ng)型電(diàn)腦(nǎo)玩(wán)，但(dàn)是(shì)如(≠$$rú)果使用(yòng)移動設備就(jiù)±¶♣♣可(kě)以無法使用(yòng)。因此這σπδ♠(zhè)個(gè)情況下(xià)，就(jiù)必須做(zuò)出抉擇，放×¥ (fàng)棄使用(yòng)Respo↓✔∞nsive Web Design，或是(shì"¥ ↓)修改遊戲