什麼是RWD響應式網頁設計?
Responsive Web Design
由於訪客透過行動裝置瀏覽網路的比例越來越高,
響應式網頁設計的最終目標是:Mobile Friendly,
因此Google建議您設計適合透過行動裝置瀏覽的網站,
確保您的網頁在任何裝置上都能提供良好的使用者體驗。
首先,下面是對響應式設計及其工作原理所做的快速說明。
所謂響應式網頁設計(Responsive web design,通常縮寫為RWD),
或稱自適應網頁設計、回應式網頁設計、對應式網頁設計。
它是一種網頁設計的技術做法,
該設計可使網站在不同的裝置(從桌面電腦顯示器到智慧型手機或平板電腦等行動產品裝置)上瀏覽時,
自動縮放其內容和元素以適應所瀏覽的裝置的螢幕大小,對應不同解析度皆有適合的呈現。
響應式網頁的圖像不會超過螢幕寬度,並防止行動裝置的訪客需要透過額外的操作才能閱讀您完整的網頁內容。
Responsive Web Design
響應式網頁設計可以幫助您為您的網站解決很多問題。
它將使您的網站適應智慧型手機等行動裝置設備,
改善網頁在不同的設備、螢幕尺寸上的顯示方式,
並增加訪客在您的網站上花費的時間。
它還可以幫助您提高搜尋引擎的排名。
請您耐心閱讀以便了解為什麼響應式網頁設計對您公司的網站如此重要,
並且在思考網站改版之前,事先了解響應式網頁設計的優點和缺點。
Googlea推薦響應式網頁設計
Google早在2015表示,從4月21日開始將“網站是否對智慧型手機用戶友善”作為搜尋排序的指標。 換句話說,不支援智慧型手機瀏覽的網站,在Google 搜尋排序將大大降低!
Webmaster Central office-hours hangout也再次提起此事:
Finding more mobile-friendly search results
至於網站如何支援智慧型手機瀏覽?
Google在行動版網站搜尋引擎最佳化總覽建議採用:
我們生活在一個多螢幕(智慧型手機、平板、電腦、電視)世界。 因此,重要的是您的網站可以提供用戶在各種行動裝置上進行瀏覽, 因為您永遠不知道有人會使用哪種設備來查看您的網站。
財團法人台灣網路資訊中心(TWNIC)2017年7月21日公布「2017台灣寬頻網路使用調查」報告, 網民主要上網方式為使用行動電信網路,占39.1%, 是自2003年進行該調查以來首度超越ADSL(含ADSL+WLAN)/VDSL(光纖到府/光纖到宅), 顯示行動上網已成國人最常使用的連網方式。 這個報告的統計數據表明,同時吸引桌上型和手機版用戶是明智之舉
此外,在2015年初,Google宣布對手機用戶友善(mobile-friendliness)將成為其搜尋引擎算法的排名因素。
這意味著您的網站電腦版與手機版(mobile-frinedly)分別使用不同語法建構,
可能會在搜索引擎結果中失去一些優勢,
因為它們不會為行動裝置搜尋者和用戶帶來好的體驗。
總之,為您的網站選擇響應式網頁設計的優點包括:
- 成本效益
- 靈活性
- 改進的用戶體驗
- 加強搜索引擎優化
- 易於管理
進一步深入解說這5個好處,以便您可以更加了解為什麼您應該投資於RWD響應式網站。

成本效益
若電腦版與手機版分別製作,網站製作成本高,且要同時兼顧兩個不同平台,分別管理兩個後台,需要耗費雙倍的時間管理網站。
若採用RWD響應式網頁設計”一式應萬變“(一套語法適用電腦、平板,智慧型手機等各種上網裝置),一個費用一種語法就可搞定電腦版與手機版的維護與更新。

靈活性
若您的網站是響應式設計,您可以快速輕鬆地進行更改網頁。
您無需分別在電腦版與手機版進行更改。
這種靈活性是一個巨大的優勢,當您只是想快速設計調整或修改您網站上的某個錯字時 – 您只需要做一次。

搜索引擎優化收益
SEO搜尋引擎優化是許多公司用來幫助提升在Google搜尋網頁排名的策略。
離頂部越近,潛在客戶找到你的機會就會越多。
響應式設計可以幫助搜尋引擎優化,因為Google,如前所述,優先考慮對行動用戶友善的網站。
與其他搜索引擎優化因素相結合,響應式網頁設計能夠幫助您在搜尋引擎結果中大幅提升。

改善的用戶體驗
用戶體驗對網站所有者至關重要。你希望人們喜歡你的網站,並且你希望它很容易用來說服他們回來。
如果有人在移動設備上訪問您的網站,並且需要永久加載或您的圖片沒有正確的解析度,可能會使您的公司顯得不專業。
沒有人願意與一個不專業的地方做生意。
但提供更好用戶體驗的響應式設計有助於說服人們為公司提供機會。
由於縮放和滾動將被消除,因此可以更快地查看內容,並且遊客擁有的整體印象會更積極。
智慧型手機用戶可以輕易滑開網頁,並可輕鬆地將網頁分享給朋友。
若同一網站有2個以上的網址,該選擇哪個網址分享給朋友,就會成為一種困擾(當電腦版與手機版網頁內容不同時)。
縮短打開頁面的時間 電腦版與手機版的網址不同時,智慧型手機用戶的終端機必需做URL重新定向,若網站是RWD響應式網頁設計,就可快速連線。
此外,若手機版與手機版的網頁HTML語法不同時,就必須花更多的時間處理。
網頁開啟速度也是Google在搜尋排序上的重要指標,這也是Google推薦RWD響應式網頁設計的原因之一。

易於管理
大多數企業,特別是小企業,沒有足夠的時間更新或修飾其網站的外觀。
但是,響應式設計不需要特別聘請專業設計人員來處理網站的各個方面,而是可以快速輕鬆地自行完成網站更新作業。
此外,只要管好一個響應式設計的網站,群媒體等其他行銷元素也變得更容易管理。
你永遠都不會想知道你是否應該電腦版網頁或行動版網頁是否都設定好社群媒 體的連結,
或者詢問你的所有重定向鏈接是否能夠讓訪客讓正地訪問您的網站。
響應式網頁設計為企業網站減輕了龐大的網站管理與維護的壓力。