盧松松：響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)與SEO_建站經(jīng)驗(yàn)教程

推薦：提升網(wǎng)站收錄量看法
筆者認(rèn)為提升網(wǎng)站收錄量要先解決網(wǎng)站內(nèi)容質(zhì)量問(wèn)題。鏈接可以使網(wǎng)站的收錄速度和數(shù)量有所增加，但是要把握好在網(wǎng)站的各個(gè)時(shí)期應(yīng)該做什么。如果自己都不清楚，就先不要做，有

所謂“響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)(Responsive Web Design)”也就是自適應(yīng)，就是可以自動(dòng)識(shí)別屏幕寬度、并做出相應(yīng)調(diào)整的網(wǎng)頁(yè)設(shè)計(jì)。目前這種設(shè)計(jì)已經(jīng)出現(xiàn)在越來(lái)越多的國(guó)內(nèi)網(wǎng)站上，目前Google已經(jīng)明確表明鼓勵(lì)響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)。

 

(圖一，響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì))

通常在瀏覽網(wǎng)頁(yè)時(shí)，手機(jī)上和電腦上無(wú)法顯示同一個(gè)網(wǎng)頁(yè)，這也導(dǎo)致許多網(wǎng)頁(yè)設(shè)計(jì)會(huì)自動(dòng)轉(zhuǎn)到特定的鏈接上，如上圖所示，無(wú)論在PC端還是移動(dòng)端，網(wǎng)頁(yè)的顯示其實(shí)都是一個(gè)版本，會(huì)隨著屏幕的大小網(wǎng)頁(yè)而改變。

下面是一些例子：

 

(圖二：響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)例子)

 

(圖三：迪士尼公司的網(wǎng)頁(yè))

使用自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)有5個(gè)好處：

1， 隨著移動(dòng)設(shè)備越來(lái)越多，可以提升用戶(hù)體驗(yàn)。

2， 該設(shè)計(jì)沒(méi)有網(wǎng)頁(yè)版本區(qū)分，所以SEO的策略保持一致。

3， 可以避免重復(fù)內(nèi)容，專(zhuān)心維護(hù)這一個(gè)網(wǎng)頁(yè)。

4， 保持網(wǎng)頁(yè)的原有鏈接。

5， Google也建議優(yōu)先采用響應(yīng)式設(shè)計(jì)，因?yàn)闊o(wú)論是什么網(wǎng)頁(yè)版本都是相同的HTML、相同的內(nèi)容，Google最容易處理。

響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)對(duì)SEO是友好的，這些相關(guān)技術(shù)還在不斷演化中，還有許多尚待客服的地方。下面來(lái)說(shuō)說(shuō)它的缺陷：

1， 對(duì)老版本IE支持不好，這是一個(gè)致命的問(wèn)題，尤其是IE6，如果你的網(wǎng)站用戶(hù)大多還采用老版本的IE的話(建議在統(tǒng)計(jì)工具里看一下)，就不適合做響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)了。

其實(shí)我一直想采用響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)，從新設(shè)計(jì)盧松松博客的網(wǎng)頁(yè)，但看到統(tǒng)計(jì)里的老版本IE用戶(hù)依然很多，只好放棄。

2， 例如一些小游戲站、視頻站，如果僅僅是網(wǎng)頁(yè)采用了響應(yīng)式設(shè)計(jì)，但里面的內(nèi)容依然是只能在PC端打開(kāi)的話，這時(shí)候就要認(rèn)真考慮了。

國(guó) 外copyblogger的博客提到了一個(gè)很特別的案例，就是迪士尼公司的網(wǎng)頁(yè)。他說(shuō)在迪士尼網(wǎng)頁(yè)中有許多給小朋友玩的網(wǎng)頁(yè)游戲，有些游戲可以在 桌上型電腦玩，但是如果使用移動(dòng)設(shè)備就可以無(wú)法使用。因此這個(gè)情況下，就必須做出抉擇，放棄使用Responsive Web Design，或是修改游戲。

寫(xiě)在最后：

從今年開(kāi)始，響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)逐漸流行開(kāi)來(lái)，雖然很熱門(mén)，但是并沒(méi)有太多網(wǎng)站采用這類(lèi)的設(shè)計(jì)方式。

盧松松原創(chuàng)，轉(zhuǎn)載請(qǐng)注明本文地址：http://lusongsong.com/reed/710.html

分享：網(wǎng)站運(yùn)營(yíng)：站長(zhǎng)經(jīng)營(yíng)網(wǎng)站必須具備的能力
站長(zhǎng)除了有時(shí)間和精力外，還要有一定的策劃、完善、創(chuàng)作、協(xié)調(diào)、執(zhí)行能力和用戶(hù)體驗(yàn)的經(jīng)營(yíng)，只有具備這些能力后，對(duì)網(wǎng)站的發(fā)展才能有很大的幫助，筆者也認(rèn)為網(wǎng)站的成長(zhǎng)也會(huì)