RWD網頁設計:讓網站被所有客戶看到吧

行動裝置普及，行動版網頁設計勢在必行

根據資策會FIND結合Mobile First今(29)日最新出爐的報告發現，臺灣12歲(含)以上的民眾，智慧型行動裝置持有人口近半年增加101萬人，普及率達近7成、推估全台行動族群約有1，432萬人，且同時持有智慧型手機及平板電腦的人口約達527萬人；但值得關注的是，在擁有平板電腦的消費族群中，約有高達135萬人在近一個月內沒有使用過平板電腦。

RWD網頁設計的特性

Google幫RWD製作了一個專頁，專門講解RWD網頁設計是什麼意思：「回應式網頁設計 (RWD) 是一種設定，可讓伺服器一律向所有裝置發送相同的 HTML 程式碼，並透過 CSS 調整網頁在裝置上的呈現方式。如果所有 Googlebot 使用者代理程式均獲准檢索網頁及其資產 (CSS、JavaScript 和圖片)，則 Google 的演算法應能自動偵測這項設定。」

採用 RWD 的優點之一，是您只需要維護單一網站版本，而非兩個版本。舉例來說，您不必同時維護電腦版網站 (www.example.com) 和行動版網站 (m.example.com)，即可兼顧電腦版和行動版網站訪客的使用需求。

無論使用者透過何種裝置瀏覽網頁(包括桌上型電腦、平板電腦或手機)，該網頁一律使用相同的網址和程式碼，只不過網頁的顯示效果會依據螢幕尺寸進行調整。因此，Google 建議您使用 RWD，而非其他設計樣式。

使用RWD網頁設計的好處有哪些?

• 網站版面(排版) 不用單一調整，可隨著螢幕大小有所改變。
• RWD網站僅需管理單一網站，不會因為裝置不同而需製作多個對應網站。
• RWD網站讓使用者分享網站時更加方便，不會因為使用者使用裝置不同而導致瀏覽效果欠佳的問題產生。
• RWD網站可以集中網站的流量，降低重複性的內容，增加 SEO的權重，讓搜尋引擎最佳化。早在幾年前Google推出了行動優先索引 (Mobile-first indexing) ，這也表示，若網站沒有做到響應式的網頁設計 (Responsive Web Design, 簡稱RWD) ，SEO排名就有可能不如預期。
• RWD網站的製作讓瀏覽者視覺統一，更能加深對網站的印象。