RWD（響應式網頁設計）

為什麼要知道這個

這個詞 2010 年由 Ethan Marcotte 在 A List Apart 提出，現在已是預設做法。台灣的行動上網率在 TWNIC 2025 年《台灣網路報告》中為 87.12%，高於固網的 69.77%；而實際的網站流量是行動與桌機大致各半（StatCounter 2026 年 7 月：行動 49.43%、桌機 47.26%），手機版做不好，等於直接放掉將近一半的人。

Google 於 2023 年 10 月 31 日宣布行動優先索引全面完成，之後以手機版 Googlebot 檢索網站。桌機版有寫、手機版為了版面乾淨拿掉的內容，對搜尋引擎來說就是不存在。

它決定你要維護幾個網站。RWD 是一份內容兩種排版；另一種老做法是另外做一個 m. 開頭的手機站，等於兩套內容、兩套網址，長期維護與SEO 成本都高很多。

最常被誤用的地方

RWD 不等於快。同一份 HTML 常常讓手機也去下載桌機用的大圖，排版是縮小了，流量沒省到，LCP 反而更差。

手機版最常被犧牲的是價格、電話、詢價按鈕：塞進三層漢堡選單裡，人找不到，轉換就掉。

測試不要只縮瀏覽器視窗。縮視窗看不到觸控目標太小、手指按不準、固定頁尾遮住按鈕這些問題，要拿真的手機走一次。