響應式網頁設計

響應式網頁設計

所謂“響應式網頁設計(Responsive Web Design)”也就是自適應，就是可以自動識別屏幕寬度、并做出相應調整的網頁設計。目前這種設計已經出現在越來越多的國內網站上，目前Google已經明確表明鼓勵響應式網頁設計。

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

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

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

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

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

1、隨著移動設備越來越多，可以提升用戶體驗。

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

3、可以避免重復內容，專心維護這一個網頁。

4、保持網頁的原有鏈接。

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

更多網站建設資料：