部落格

【網站知識】RWD是什麼? Google 怎麼看 RWD 網頁設計?

person holding black iPad

什麼是RWD?

RWD 響應式網頁 全名是 Respective Web Design,響應性網頁設計。

現代人除了人手一機,還可能使用平板、電腦等3C產品來閱覽網頁,簡單來說,RWD響應式網頁,能夠自動跟隨不同裝置的尺寸調整網頁版面和大小,調適成最適合使用者瀏覽的面貌。

為什麼要使用 RWD 設計

Google 在官方網站列出了 RWD 的優勢以及他們對 RWD 為何友善:

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

運用 RWD 網頁設計,對你的好處:

  1. 減少你和你的技術團隊工作負擔,不用同時負擔電腦版、手機版網站(或是各種零碎行動裝置版本的網頁)
  2. 寫一個版本就能跨裝置使用。
  3. 降低使用者載入頁面的錯誤。
  4. 加快使用者載入頁面的速度。
  5. Google可以減省運行時的資源,互相受益,Google更樂意提升你的網站排升順序。 上架階段只需要新增一次動作即可適用各種裝置,減少重工機會,增加工作效益。

如果你採用 WordPress 設計網頁,Google 認為這將對你的 SEO 更有幫助。

Q&A

不使用RWD響應式網頁可以嗎?

如果企業不使用RWD響應式網頁也不是不行,但隨著行動設備不斷的推陳出新,讓企業恐怕已經輸在起跑點,而傳統網頁設計也可能漸漸被淘汰,不管是官方網站或是形象網站,架設網站的目的就是希望讓消費者或顧客能透過網頁認識店家,但如果沒有達到目的,等於是浪費成本。
*WUMETAX設計的網站都會採用RWD技術。