回應式網頁設計 RWD

高雄網頁設計

RWD

高雄網頁設計,RWD

  Knowledge / 知識觀點

08/14

回應式網頁設計 RWD


回應式網頁設計 (RWD) 是一種設定,可讓伺服器一律向所有裝置發送相同的 HTML 程式碼,並透過 CSS 調整網頁在裝置上的呈現方式。
如果所有 Googlebot 使用者代理程式均獲准檢索網頁及其資產 (CSS、javascript 和圖片),則 Google 的演算法應能自動偵測這項設定。


回應式設計能為所有裝置提供相同的程式碼,可根據螢幕尺寸調整呈現方式。


左邊為舊型傳統網頁網頁:行動瀏覽器因此按預設採用電腦版網頁的寬度,並將網頁縮放至符合螢幕的大小,導致內容難以閱讀。右邊新版RWD網頁:行動瀏覽器不會縮放網頁,內容也容易閱讀。
 

為什麼要使用回應式設計

Google建議您使用回應式網頁設計的原因如下:

  • 使用者可以使用單一網址,以更輕鬆的方式分享及連結到您的內容。

  • 可協助 Google 的演算法為網頁正確指定索引編列屬性,不需要發送訊息指明既有的相對應電腦版/行動版網頁。

  • 無需維護多個內容相同的網頁,減少工程師的處理時間。

  • 降低行動版網站發生常見錯誤的機率。

  • 使用者無需重新導向即可瀏覽最適合裝置大小的畫面,縮短載入時間。此外,根據使用者代理程式執行重新導向容易出錯,可能導致網站的使用體驗大打折扣 (詳情請參閱「偵測使用者代理程式時遇到的問題」一節)。

  • Googlebot 檢索您的網站時可節省資源。對於採用回應式網頁設計的網頁,任何 Googlebot 使用者代理程式只要檢索這些網頁一次 (不需依據不同的使用者代理程式多次反覆檢索),即可擷取所有版本的內容。提高檢索效率可間接協助 Google 為網站中的更多內容建立索引,並確保擷取的內容是最新版本。


如果您有興趣進一步瞭解回應式網頁設計,可先參考Google網站管理員中心張貼的網誌文章,以及造訪 Web 基礎知識網站。
 

文章引用:https://developers.google.com/webmasters/mobile-sites/mobile-seo/configurations/responsive-design?hl=zh-tw




高雄網頁設計 RWD

高雄網頁設計,RWD