簡單講:RWD 是讓同一個網站在手機、平板、電腦上都能正確顯示,不需要做兩個版本。
以前流行做「m. 開頭的手機版」,等於維護兩個網站,內容容易不同步、SEO 也會打架。現在 Google 已經明確把行動友善度列為排名因素,加上台灣行動上網流量超過 70%,做 RWD 變成基本門檻。
山川久也所有專案都是 RWD 標準製作,會在 320px(小手機)到 1920px(桌機螢幕)之間都實際測試過。這部分不用您特別要求,是預設包含的。
「RWD 響應式網頁設計」是現在做網站的基本標準,但很多人不清楚它到底是什麼、跟「手機版」差在哪。這篇用最白話的方式說明。
RWD 是什麼?
RWD(Responsive Web Design,響應式網頁設計)指的是同一個網站,會自動依照螢幕大小調整版面 —— 用電腦看是電腦的排版,用手機看會自動變成適合手機的排版,圖片、文字、選單都會跟著縮放重排,不用放大縮小、左右拖動就能舒服閱讀。
RWD 跟「獨立手機版」差在哪?
早期有些網站會做「兩套」:電腦版 + 獨立手機版(例如 m.網址)。RWD 則是一套網站通吃所有裝置。差別:
・維護成本:RWD 一套就好;獨立手機版要維護兩套,改一次要改兩邊。
・SEO:Google 建議用 RWD,網址單一、權重集中;兩套容易分散權重、產生重複內容問題。
・體驗一致:RWD 內容一致,不會發生「手機版少了某些功能」的情況。
為什麼現在一定要 RWD?
因為超過一半的訪客是用手機瀏覽,而且 Google 已改用「行動優先索引(Mobile-first Indexing)」—— 它主要看你網站的手機版來決定排名。沒有 RWD 的網站,在手機上難用、在 Google 也吃虧。
好的 RWD 不只是「能縮小」
把網站塞進手機螢幕只是最基本的。真正好的 RWD 會考量:手機的觸控操作、按鈕大小、字級可讀性、圖片依裝置載入最佳尺寸、以及行動網路下的載入速度。山川久也的每個網站都是以 RWD 為前提設計,確保在任何裝置上都好看、好用、夠快。