- 網(wǎng)站建設(shè)之網(wǎng)站優(yōu)化SEO的優(yōu)缺點(diǎn)
- 網(wǎng)站建設(shè)之分析為什么要做手機(jī)網(wǎng)站
- 網(wǎng)站建設(shè)明細(xì)報(bào)價(jià)表
- 企業(yè)網(wǎng)站產(chǎn)品介紹如何寫?
- 2018年網(wǎng)站設(shè)計(jì)流行趨勢(shì)來了
- 做網(wǎng)站之個(gè)人用戶網(wǎng)站備案的方法
- 2017年網(wǎng)頁(yè)設(shè)計(jì)的十大趨勢(shì)
- 網(wǎng)站建設(shè)基本流程
- 轉(zhuǎn)商乃易先生博客論馬云 馬化騰 李彥紅張朝陽(yáng) 史玉柱 郭凡生成功之奧秘
- 網(wǎng)站建設(shè)論獨(dú)立設(shè)計(jì)網(wǎng)站與自助模板網(wǎng)站的區(qū)別(一)
所謂“響應(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)在越來越多的國(guó)內(nèi)網(wǎng)站上,目前Google已經(jīng)明確表明鼓勵(lì)響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)。
通常在瀏覽網(wǎng)頁(yè)時(shí),手機(jī)上和電腦上無法顯示同一個(gè)網(wǎng)頁(yè),這也導(dǎo)致許多網(wǎng)頁(yè)設(shè)計(jì)會(huì)自動(dòng)轉(zhuǎn)到特定的鏈接上,如上圖所示,無論在PC端還是移動(dòng)端,網(wǎng)頁(yè)的顯示其實(shí)都是一個(gè)版本,會(huì)隨著屏幕的大小網(wǎng)頁(yè)而改變。
使用自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)有5個(gè)好處:
1, 隨著移動(dòng)設(shè)備越來越多,可以提升用戶體驗(yàn)。
2, 該設(shè)計(jì)沒有網(wǎng)頁(yè)版本區(qū)分,所以SEO的策略保持一致。
3, 可以避免重復(fù)內(nèi)容,專心維護(hù)這一個(gè)網(wǎng)頁(yè)。
4, 保持網(wǎng)頁(yè)的原有鏈接。
5, Google也建議優(yōu)先采用響應(yīng)式設(shè)計(jì),因?yàn)闊o論是什么網(wǎng)頁(yè)版本都是相同的HTML、相同的內(nèi)容,Google最容易處理。
響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)對(duì)SEO是友好的,這些相關(guān)技術(shù)還在不斷演化中,還有許多尚待客服的地方。
下面來說說它的缺陷:
1, 對(duì)老版本IE支持不好,這是一個(gè)致命的問題,尤其是IE6,如果你的網(wǎng)站用戶大多還采用老版本的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用戶依然很多,只好放棄。
2, 例如一些小游戲站、視頻站,如果僅僅是網(wǎng)頁(yè)采用了響應(yīng)式設(shè)計(jì),但里面的內(nèi)容依然是只能在PC端打開的話,這時(shí)候就要認(rèn)真考慮了。
寫在最后:
響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)逐漸流行開來,雖然很熱門,但是并沒有太多網(wǎng)站采用這類的設(shè)計(jì)方式。