響應式網頁設計與SEO

所謂「響應式網頁設計(responsive web design)」也就是自適應，就是可以自動識別螢幕寬度、並做出相應調整的網頁設計。目前這種設計已經出現在越來越多的國內**上，目前google已經明確表明鼓勵響應式網頁設計。

(圖一，響應式網頁設計)

通常在瀏覽網頁時，手機上和電腦上無法顯示同乙個網頁，這也導致許多網頁設計會自動轉到特定的鏈結上，如上圖所示，無論在pc端還是移動端，網頁的顯示其實都是乙個版本，會隨著螢幕的大小網頁而改變。

下面是一些例子：

(圖二：響應式網頁設計例子)

(圖三：迪士尼公司的網頁)

使用自適應網頁設計有5個好處：

1，隨著移動裝置越來越多，可以提公升使用者體驗。

2，該設計沒有網頁版本區分，所以seo的策略保持一致。

3，可以避免重複內容，專心維護這乙個網頁。

4，保持網頁的原有鏈結。

5， google也建議優先採用響應式設計，因為無論是什麼網頁版本都是相同的html、相同的內容，google最容易處理。

1，對老版本ie支援不好，這是乙個致命的問題，尤其是ie6，如果你的**使用者大多還採用老版本的ie的話(建議在統計工具裡看一下)，就不適合做響應式網頁設計了。

其實我一直想採用響應式網頁設計，從新設計盧鬆鬆部落格的網頁，但看到統計裡的老版本ie使用者依然很多，只好放棄。

國外copyblogger的部落格提到了乙個很特別的案例，就是迪士尼公司的網頁。他說在迪士尼網頁中有許多給小朋友玩的網頁遊戲，有些遊戲可以在台式電腦玩，但是如果使用移動裝置就可以無法使用。因此這個情況下，就必須做出抉擇，放棄使用responsive web design，或是修改遊戲。

寫在最後：

從今年開始，響應式網頁設計逐漸流行開來，雖然很熱門，但是並沒有太多**採用這類的設計方式。

而關於響應式網頁設計技術方面，也越來越簡單，有興趣的朋友可以閱讀下《自適應網頁設計(responsive web design)》一文。