簡單講:RWD 是讓同一個網站在手機、平板、電腦上都能正確顯示,不需要做兩個版本。
以前流行做「m. 開頭的手機版」,等於維護兩個網站,內容容易不同步、SEO 也會打架。現在 Google 已經明確把行動友善度列為排名因素,加上台灣行動上網流量超過 70%,做 RWD 變成基本門檻。
山川久也所有專案都是 RWD 標準製作,會在 320px(小手機)到 1920px(桌機螢幕)之間都實際測試過。這部分不用您特別要求,是預設包含的。
「RWD 響應式網頁設計」是現在做網站的基本標準,但很多人不清楚它到底是什麼、跟「手機版」差在哪、又為什麼非做不可。這篇用最白話的方式一次說明。
RWD 是什麼?
RWD(Responsive Web Design,響應式網頁設計)指的是同一個網站,會自動依照螢幕大小調整版面—用電腦看是電腦的排版,用手機看會自動變成適合手機的排版,圖片、文字、選單都會跟著縮放重排,不用放大縮小、左右拖動就能舒服閱讀。一套網站,適配所有裝置。
RWD 跟「獨立手機版」差在哪?
早期做法是「電腦版」和「手機版」各做一個網站(例如 m.xxx.com),兩套內容、兩套網址、兩套要維護。RWD 則是一套網站吃所有裝置:內容只需維護一次、網址統一、SEO 權重不分散。獨立手機版容易出現「兩邊內容不同步、手機版功能被閹割」的問題,這也是為什麼現在幾乎都改用 RWD。
為什麼現在一定要 RWD?
超過一半的網站流量來自手機。更關鍵的是,Google 已採用「行動優先索引」(Mobile-First Indexing)—它主要看你網站在手機上的表現來決定排名。手機版體驗不好,不只趕跑訪客,連 Google 排名都會受影響。RWD 已經不是加分項,而是基本門檻。
好的 RWD 不只是「能縮小」
很多網站號稱 RWD,但在手機上只是「把電腦版硬縮小」,字太小、按鈕太擠、圖片跑版。真正好的 RWD 響應式網頁設計,會針對每種螢幕重新思考排版與操作—手機上該放大的放大、該收合的收合、該調整順序的調整,讓每個裝置都有為它設計過的舒適體驗。這正是專業網站設計公司與套版的差別。