內容目錄
RWD 是什麼？
RWD 是 Responsive Web Design 的簡稱，中文叫「響應式網站」，聽起來有點繞口，但它是這幾年網路發展的重大趨勢之一。
根據 Google 的說明來解釋 RWD：
“回應式網頁設計是一種設定，可讓伺服器一律向所有裝置發送相同的 HTML 程式碼，並透過 CSS 調整網頁在裝置上的呈現方式。 如果所有 Googlebot 使用者代理程式均獲准檢索網頁及其資產 (CSS、JavaScript 和圖片)，則 Google 的演算法應能自動偵測這項設定。”
簡單來說，RWD 是指能跨裝置將網頁的比例調整到能適應平板和手機的設計，根據各類平板和手機將網站的圖文比例縮放成讀者方便閱覽的形式，讓讀者用平板及手機瀏覽你的網站時能更好的消化，而不用一直拖曳來拖曳去。
以下將介紹使用 RWD 的 9 大優點和 2 個缺點：
RWD 的優點：
1. 手機搜尋方式成主流
早在 10 多年以前智慧型手機出現，造成全球使用網路的形式變了，人們已經不在電腦上瀏覽網站了，手機瀏覽網站的趨勢逐漸與電腦並駕齊驅，而且這股趨勢還沒有要趨緩的意思。
根據 Digital Report 2021 的報告指出，全球有52.2億人口是手機使用者（佔全球總人口 66.6%），高達 60% 以上的人平常都在用手機，試想想平常走在路上的我們是不是都拿著一部手機？
圖片來源：Digital Report 2021
而在台灣，高達 2032 萬的人會使用手機上網，佔總人口（2384 萬人口）的 85.23%。
圖片來源：Digital 2021:Taiwan
可見利用手機上網的方式已成為主流，RWD 在這股流行下推波助瀾，相輔相成成為一個很大的網路生態趨勢。
2. 支援任何裝置
RWD 最大的優點，就是可以支援任何的平板、手機和其他裝置。RWD 能夠支援任何大小的尺寸，不必擔心有任何裝置不兼容的問題。
舉個例子，今天你從電腦上看到一個網頁，看到一半先把它關掉，之後用手機繼續看的時候，手機版網頁的排版並不會讓你覺得突兀，閱讀起來是順暢的，接下來你又把手機關掉，換成平板繼續瀏覽，排版又會順應變成平板適合閱讀的模式。
這就是 RWD 厲害之處，裝置間的切換不會影響使用者瀏覽網站的體驗。
3. 不用再花一筆錢另外做手機版網站
RWD 是在原電腦版網站基礎上做圖片與文字比例上的修改，因此不用特地架設一個屬於手機版的新網站，另外製作一個手機版網站需要一組工程師從0開始架設起來，耗時又耗錢，而用 RWD 來調整網站不僅省時還省錢。
4. RWD 的開發時間/成本比 App 少
相對於開發 App 來說，開發 RWD 的時間成本少很多很多，開發 App 需要重新構想結構、內容等等。
具有規模化的 App 可不是一兩天就能做成的，少則幾個月多則一兩年，而且製作 App 的專業技術需要特定的工程師來執行，不是由網頁工程師來操刀，因此所要花費的金錢、時間、人力成本遠大於製作 RWD。
製作 RWD 不像製作 App 那樣，RWD 只要將原有網站的圖文做比例縮放，調適成平板和手機適合看的大小就行了。
5. 優化 SEO 排名
近幾年 Google 已經明確告知網站管理員，RWD 會作為 SEO 排名的一個標準。，未來沒有手機版網頁的網站會大大降低 SEO 排名，會失去自然流量的競爭力。
另外 Google 也指出手機版網頁除了是最基本的網頁設計以外，還必須擁有良好的使用者體驗（UX），也就是說雖然做了手機版 RWD，還是必須兼顧使用者的使用體驗才行。
因此好的 RWD 會提高 SEO 排名，讓使用者可以自然搜索到你的網站。
（延伸閱讀：2021 SEO 6大優化操作重點｜SEO 最完整攻略）
6. 提升使用者體驗
如上所述，提升使用者體驗是 RWD 環節中很重要的一環，製作 RWD 就是在照顧使用者的感受。
作為使用者，你應該希望你在滑手機瀏覽網站時只需要手指上下滑動就好，而不是還需要左右滑動、拖曳螢幕、放大縮小來兼顧才能看到網站全貌吧？
只有使用者體驗佳，使用者才會有意願繼續瀏覽內容。
（延伸閱讀：網頁設計必學的6點UX設計｜UX UI是什麼關係）
7. RWD 利於網路行銷
RWD 兼容各個裝置的特性，讓不管是使用手機、平板和電腦的人都有機會看到你的網站，有助於網路行銷的擴展，畢竟這樣做等於是不放過任何人的眼球，你的產品、你的網站就會植入使用者的潛意識當中，有助於之後的行銷活動。
8. RWD 使網站形象一致
網站形象一致會讓使用者覺得你的形象有質感，不會有突兀的感覺，間接也提高了使用者的信任感，讓其他使用者看到你的網站時有種舒適愜意的感覺。
9. 友善的設計，提高顧客忠誠度。
承接上一點，友善的 RWD 設計會提高信任感，使用者在用你的電商網站購買產品時才會比較安心，一旦讀者對你產生信任，就會產生黏著度，繼而提高忠誠度，使用者回購的機率就增加了。
說了那麼多的優點，那 RWD 有沒有缺點呢？
在部分情況下，RWD 還是有它無法做到的事
RWD 的缺點：
1. 太複雜的網站內容不適合做 RWD
有些電腦版的網站多了很多層次的特效及內容，這些資訊不一定適合放在手機上觀看，畢竟這些電腦版網站本來就是為了電腦使用者而設計的。
對於一些太酷炫的電腦網站，如果單純只是為了手機版而縮放圖文比例，反而會造成使用者觀感不佳，因此如果要為電腦版網站設置一個適合用手機來瀏覽的網站，建議還是重新設計一個手機版網站會比較好。
2. 無法支持舊式瀏覽器
有一些手機太過老舊，舊式手機的瀏覽器可能無法順利瀏覽 RWD，這樣就會導致使用者體驗不佳，但是錯不在於網站管理員，因為 RWD 本來就是為了現代化手機而設計的，所以 RWD 無法支援舊式瀏覽器是一個一定會被犧牲的點。
但相信未來的舊式手機會逐漸被淘汰，因此這個問題會逐漸變淡，從而不再是一個問題。
結語：
RWD 已經是一個標準網站會架設的東西，RWD 的重要性越來越大，未來一定會成為不可磨滅的趨勢。
他能「提升使用者體驗」、「提升 SEO 排名」、「提高網路行銷效果」⋯⋯，它所能帶出的價值遠比只有電腦版網站來得高。
SkyCar 台中網頁設計公司在幫助客戶設計網站的時候也會把手機版和平板版網頁一併處理，讓大家不管是在哪個裝置上都能順暢瀏覽，現在立即咨詢網頁設計資訊，會有專人來替你解答網頁設計上的任何疑問。
參考資料：
