所謂“響應式網頁設計(Responsive Web Design)”也稱為自適應網頁設計、回應式網頁設計,就是可以自動識別螢幕寬度、並做出相應調整的網頁設計方式。目前這種設計已經出現在越來越多的國內外網站上,Google 已經明確表明鼓勵響應式網頁設計,並有助於智慧型手機在Google搜尋結果上的顯示排名(參閱:Google 網站管理員的行動指南)。 Technorati 的標籤:響應式網頁設計,回應式網頁設計,SEO (圖一,響應式網頁設計) 通常在瀏覽傳統網頁時,智慧型手機上和電腦螢幕瀏覽網頁時會呈現不同的結果,這也導致許多網頁設計會自動轉到特定的連結上,如上圖所示,無論在PC端還是移動設備端,網頁的顯示其實都是一個版本,會隨著螢幕的大小網頁而改變。 下面是一些範例: (圖二:響應式網頁設計範例) 使用響應式網頁設計的好處: 使用者可以使用單一網址,以更輕鬆的方式分享及連結到您的網站。 沒有網頁版本區分,可以保持SEO策略的一致性。 可以避免維護內容相同的多個網頁,設計師只需專心一種網頁設計。 保持網頁的原有連結,使用者無需重新導向即可瀏覽最適合裝置大小的畫面,縮短載入時間。。 Google也建議優先採用響應式網頁設計,因為無論是什麼網頁版本都是相同的HTML、相同的內容,Google最容易處理。 響應式網頁設計對SEO是友好的,這些相關技術還在不斷演化中,或許還有許多尚待克服的地方,但您依然可以在虛擬主機上架設網頁時,優先請網頁設計師考量您的網站使用響應式網頁或回應式網頁設計的設計方式。...