盧松松:響應(yīng)式網(wǎng)頁設(shè)計與SEO_建站經(jīng)驗教程
推薦:提升網(wǎng)站收錄量看法筆者認(rèn)為提升網(wǎng)站收錄量要先解決網(wǎng)站內(nèi)容質(zhì)量問題。鏈接可以使網(wǎng)站的收錄速度和數(shù)量有所增加,但是要把握好在網(wǎng)站的各個時期應(yīng)該做什么。如果自己都不清楚,就先不要做,有
所謂“響應(yīng)式網(wǎng)頁設(shè)計(Responsive Web Design)”也就是自適應(yīng),就是可以自動識別屏幕寬度、并做出相應(yīng)調(diào)整的網(wǎng)頁設(shè)計。目前這種設(shè)計已經(jīng)出現(xiàn)在越來越多的國內(nèi)網(wǎng)站上,目前Google已經(jīng)明確表明鼓勵響應(yīng)式網(wǎng)頁設(shè)計。
(圖一,響應(yīng)式網(wǎng)頁設(shè)計)
通常在瀏覽網(wǎng)頁時,手機上和電腦上無法顯示同一個網(wǎng)頁,這也導(dǎo)致許多網(wǎng)頁設(shè)計會自動轉(zhuǎn)到特定的鏈接上,如上圖所示,無論在PC端還是移動端,網(wǎng)頁的顯示其實都是一個版本,會隨著屏幕的大小網(wǎng)頁而改變。
下面是一些例子:
(圖二:響應(yīng)式網(wǎng)頁設(shè)計例子)
(圖三:迪士尼公司的網(wǎng)頁)
使用自適應(yīng)網(wǎng)頁設(shè)計有5個好處:
1, 隨著移動設(shè)備越來越多,可以提升用戶體驗。
2, 該設(shè)計沒有網(wǎng)頁版本區(qū)分,所以SEO的策略保持一致。
3, 可以避免重復(fù)內(nèi)容,專心維護這一個網(wǎng)頁。
4, 保持網(wǎng)頁的原有鏈接。
5, Google也建議優(yōu)先采用響應(yīng)式設(shè)計,因為無論是什么網(wǎng)頁版本都是相同的HTML、相同的內(nèi)容,Google最容易處理。
響應(yīng)式網(wǎng)頁設(shè)計對SEO是友好的,這些相關(guān)技術(shù)還在不斷演化中,還有許多尚待客服的地方。下面來說說它的缺陷:
1, 對老版本IE支持不好,這是一個致命的問題,尤其是IE6,如果你的網(wǎng)站用戶大多還采用老版本的IE的話(建議在統(tǒng)計工具里看一下),就不適合做響應(yīng)式網(wǎng)頁設(shè)計了。
其實我一直想采用響應(yīng)式網(wǎng)頁設(shè)計,從新設(shè)計盧松松博客的網(wǎng)頁,但看到統(tǒng)計里的老版本IE用戶依然很多,只好放棄。
2, 例如一些小游戲站、視頻站,如果僅僅是網(wǎng)頁采用了響應(yīng)式設(shè)計,但里面的內(nèi)容依然是只能在PC端打開的話,這時候就要認(rèn)真考慮了。
國 外copyblogger的博客提到了一個很特別的案例,就是迪士尼公司的網(wǎng)頁。他說在迪士尼網(wǎng)頁中有許多給小朋友玩的網(wǎng)頁游戲,有些游戲可以在 桌上型電腦玩,但是如果使用移動設(shè)備就可以無法使用。因此這個情況下,就必須做出抉擇,放棄使用Responsive Web Design,或是修改游戲。
寫在最后:
從今年開始,響應(yīng)式網(wǎng)頁設(shè)計逐漸流行開來,雖然很熱門,但是并沒有太多網(wǎng)站采用這類的設(shè)計方式。
盧松松原創(chuàng),轉(zhuǎn)載請注明本文地址:http://lusongsong.com/reed/710.html
分享:網(wǎng)站運營:站長經(jīng)營網(wǎng)站必須具備的能力站長除了有時間和精力外,還要有一定的策劃、完善、創(chuàng)作、協(xié)調(diào)、執(zhí)行能力和用戶體驗的經(jīng)營,只有具備這些能力后,對網(wǎng)站的發(fā)展才能有很大的幫助,筆者也認(rèn)為網(wǎng)站的成長也會
- 相關(guān)鏈接:
- 教程說明:
建站經(jīng)驗教程-盧松松:響應(yīng)式網(wǎng)頁設(shè)計與SEO。