回應式網頁設計 RWD

高雄網頁設計

RWD網頁設計

客製化網站

響應式網站設計

APP開發

RWD購物網站

響應式購物網站

承攬商管理系統

高雄網頁設計,RWD網頁設計,客製化網站,響應式網站設計,APP開發,RWD購物網站,響應式購物網站,承攬商管理系統

知識觀點Article

 知識觀點 / RWD響應式網頁設計 / 詳細

回應式網頁設計 RWD

14 Aug 2015

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

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

為什麼要使用回應式設計

  • 使用者可以使用單一網址,以更輕鬆的方式分享及連結到您的內容。 可協助 Google的演算法為網頁正確指定索引編列屬性,不需要發送訊息指明既有的相對應電腦版/行動版網頁。
  • 無需維護多個內容相同的網頁,減少工程師的處理時間。
  • 降低行動版網站發生常見錯誤的機率。
  • 使用者無需重新導向即可瀏覽最適合裝置大小的畫面,縮短載入時間。此外,根據使用者代理程式執行重新導向容易出錯,可能導致網站的使用體驗大打折扣 (詳情請參閱「偵測使用者代理程式時遇到的問題」一節)。
  • Googlebot 檢索您的網站時可節省資源。對於採用回應式網頁設計的網頁,任何 Googlebot 使用者代理程式只要檢索這些網頁一次 (不需依據不同的使用者代理程式多次反覆檢索),即可擷取所有版本的內容。提高檢索效率可間接協助 Google 為網站中的更多內容建立索引,並確保擷取的內容是最新版本。

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

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


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


相關文章

高雄網頁設計 RWD網頁設計 客製化網站 響應式網站設計 APP開發 RWD購物網站 響應式購物網站 承攬商管理系統

高雄網頁設計,RWD網頁設計,客製化網站,響應式網站設計,APP開發,RWD購物網站,響應式購物網站,承攬商管理系統