RWD (Responsive Web Design),又名自適應網頁設計、響應式網頁設計, 簡單說就是網頁的圖片及文章內容,依各種裝置螢幕大小,自動調整出適合的排版。
這幾年行動裝置的崛起,手機不離手,使用行動裝置上網的機會大幅增加,一班電腦式網頁設計無法滿足多數裝置的呈現,所以產生HTML5及CSS3標準,指定頁面的寬度依照裝置的寬度來呈現,影響了RWD網頁設計成為目前網頁設計的主流。
RWD的優點
- 同時適應不同螢幕大小裝置
使用HTML5與CSS3技術,讓一個版本的網站,在手機、平板、電腦、電視等不同裝置順利瀏覽,僅須負擔一種版本的製作及維護費
- GOOGLE比較喜歡 RWD 網站
Google在網站管理員的行動版網站指南中做了聲明:
https://developers.google.com/webmasters/mobile-sites/get-started/?hl=zh-tw
因行動裝置不離身。這樣的趨勢確保使用者透過行動裝置瀏覽您的網站時有良好的使用體驗,才是google喜歡的網站,排名會增加。
- 有利於搜尋引擎優化排名
RWD網頁設計使流量集中,不同裝置瀏覽同一個位置,固然排名提升; 另RWD避免傳統網頁在手機瀏覽上常發生網頁跳離率與重複內容網址不同的連結,造成搜尋引擎給與負面評價的問題, 因而獲得較傳統更佳的正面評價使得SEO排名往前
當然,RWD網頁設計也有它的缺點,例如:
- 會置入多種解析度與語法內容,載入時間較久
- 開發時間較傳統網頁設計需較多時間
- 不支援IE8 以下的瀏覽器
然而,網路速度與軟硬體規格技術每天都一直在的進步,因此不久將來問題也就變小了。