RWD響應式網頁設計​

RWD響應式網頁設計(Responsive web design),或稱回應式網頁設計,是目前網頁設計的主流技術,可使網站在不同的裝置上瀏覽時,對應不同解析度皆有適合的呈現。

RWD是網頁設計的主流技術

RWD響應式網頁設計(Responsive web design),或稱回應式網頁設計,是目前網頁設計的主流技術,可使網站在不同的裝置上瀏覽時,對應不同解析度皆有適合的呈現。

什麼是RWD響應式網頁設計?

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

白話來說,RWD 是透過檢查螢幕寬度(瀏覽器寬度),讓網頁上的內容,可以改變文字大小、行距、整體排版、區塊位置、圖片縮放等等樣式。無論你是用手機開網頁、電腦開網頁,網頁內容的版面配置,都可順應瀏覽器寬度來改變!

也就是說,您不需要花兩個網站設計成本,製作電腦版網站、手機版網站來切換,只需要做好一個RWD響應式網站就可以達到很好的效果。

為什麼要使用RWD響應式網頁設計?

  1. 使用者可以使用單一網址,以更輕鬆的方式分享及連結到您的內容。
  2. 降低行動版網站常見錯誤的機率。
  3. 響應式網站可協助Google的演算法為其正確指定索引編列屬性,不需邀發送訊息指名相對應電腦版 / 行動版網頁。
  4. Googlebot 檢索您的網站時可節省資源。對於採用回應式網頁設計的網頁,任何 Googlebot 使用者代理程式只要檢索這些網頁一次 (不需依據不同的使用者代理程式多次反覆檢索),即可擷取所有版本的內容。
  5. 無需維護多個內容相同的網頁,透過網站後端管理系統,輕鬆維護單一網站。
  6. 使用者無需重新導向即可瀏覽最適合裝置大小的畫面,縮短載入時間。

RWD 對 SEO 的好處有哪些?

在SEO領域中,「使用者體驗」為Google最為強調的一部分。例如:網頁載入時間是否太慢、瀏覽的頁面是否符合螢幕寬度、手機網頁操作流暢度、文字間距是否足夠、按鈕夠不夠大。

運用RWD技術,響應式網頁對SEO的好處有:

  1. 減少重複的網頁內容,網址不同而內容重複的情況則會影響網頁評價。
  2. RWD對於SEO的優勢除了大大降低網頁跳出率,能讓各種尺寸有最佳的瀏覽體驗還能大大的增加流量。
  3. 響應式設計網站不需要選擇電腦版或是手機版,會自動切換讓使用者可以更方便的字各種設備瀏覽網頁。
  4. 網域單一獨立,不論是電腦版或是手機版皆同一個網域即可使用,可讓訪客數累積在同一個網站上。
  5. 響應式網站為Google近年主打,可以讓網站動線更加順暢。