RWD 響應式網頁設計是什麼？手機版為什麼這麼重要
你有沒有在手機上打開過一個網站，結果字小到看不清楚、要左右滑動、按鈕還點不到？這通常就是沒有做好響應式網頁設計（RWD）。這篇文章用最白話的方式，說明響應式網頁設計是什麼、為什麼重要，以及你可以怎麼檢查自己的網站。
什麼是響應式網頁設計（RWD）？
響應式網頁設計（Responsive Web Design，簡稱 RWD），是讓同一個網站能根據裝置的螢幕寬度，自動調整版面。在電腦上可能是三欄並排，到了手機就變成一欄由上往下排，文字大小與按鈕也跟著調整，不需要另外維護一個手機版網站。
為什麼響應式網頁設計很重要？
1. 大多數人用手機上網
客戶看到你的廣告、社群貼文或搜尋結果，第一個動作往往是用手機點進去。手機版如果不好用，訪客很容易直接離開。
2. 搜尋引擎重視手機版
Google 目前以手機版內容作為主要的收錄與排名依據。手機版體驗不佳，會影響網站在搜尋結果中的表現，這也是做 SEO 的基本功。
3. 只維護一個網站，更省事
RWD 只有一套網址、一份內容。更新文字或圖片時，電腦版與手機版會同步更新，不會出現兩邊內容不一致的情況。
RWD 和另做手機版網站有什麼不同？
- RWD：一個網站、一組網址，版面自動適應。維護成本較低，也比較有利於 SEO。
- 另做手機版：電腦版與手機版是兩套網站，網址常不同，兩邊都要更新，容易出現內容落差。
目前新建的網站，大多會直接採用 RWD。
如何檢查你的網站有沒有做好 RWD？
- 用自己的手機打開網站，看文字是否清楚、是否需要左右滑動。
- 把按鈕、選單點點看，確認手指好操作。
- 在電腦瀏覽器縮小視窗寬度，觀察版面是不是跟著重新排列。
- 檢查圖片是否載入太慢，手機網路下尤其明顯。
響應式網頁設計不是加分項，而是現在網站的基本條件。
