RWD響應式網站的優缺點
RWD (Responsive Web Design),中文稱為自適應網站設計、響應式網站設計, 簡單的來說,就是網站的圖文內容,依不同的裝置螢幕大小,自動調整出適合的排列。近年來由於行動裝置的普及,使用行動上網的機會也越來越高,傳統網站設計無法滿足多種裝置的呈現,於是產生HTML5及CSS3標準,指定頁面的寬度依照裝置的寬度來呈現,也因此帶動RWD網站設計成為目前網站設計的主流。那麼到底你的網頁該不該RWD呢? 以下幾點提供您決定網站是否RWD的參考
- 同時適應不同螢幕大小裝置
使用HTML5與CSS3技術,讓一個版本的網頁,在手機、平板、電腦、電視等不同裝置順利瀏覽, 不用花錢做手機版網站,一次投資包含所有裝置
- 開發時間比APP快速很多
App應用程式開發需要配合iOS與Android系統, 開發時間與審核上架時間冗長,尚須不定期針對新版本測試更新,用戶也必須更新下載才能看到最新版本,反觀網站只要開發者更新網頁, 用戶連上線都是最新版本。
- GOOGLE比較喜歡 RWD 網頁
Google在網頁管理員的行動版網頁指南中做了聲明:
https://developers.google.com/webmasters/mobile-sites/get-started/?hl=zh-tw
行動裝置是您工作上不可或缺的利器,勢必也是未來趨勢。因此,確保使用者透過行動裝置瀏覽您的網頁時獲得良好的使用體驗,才是真正的成功之道!
- 有利於搜尋引擎優化排名
RWD網頁使流量集中,不同裝置瀏覽同一個位置,固然排名提升; 另RWD避免傳統網站在手機瀏覽上常發生網站跳離率與重複內容網址不同的連結,造成搜尋引擎給與負面評價的問題, 因而獲得較傳統更佳的正面評價使得SEO排名往前
當然,RWD網站也有它的缺點,例如:
- 會置入多種解析度與語法內容,載入時間較久
- 開發時間較傳統網站設計需較多時間
- 不支援IE8 以下的瀏覽器
然而,網路速度與軟硬體規格技術每天都一直在的進步,因此不久將來問題也就變小了。
響應式網頁範例:
電子商務瞬息萬變,如何搶攻多螢幕電商市場,掌握桌上型電腦、平板電腦和智慧型手機的網購商機是目前電商業企劃需要研究的課題。
2014年Google的調查,台灣網路購物的消費者有54%的人使用過智慧型手機購物,其比率高於當時韓國38%、美國26%和日本15%,位居世界前十大,可見行動購物網頁對於網購業者來說,有54%的重要性。
為了不在行動商務落後其他競爭對手,許多電商業者採用目前相當流行的Responsive Web Design(RWD)設計,稱為響應式設計(或稱互動式、回應式設計)購物網頁。
RWD,意思是響應式網頁設計,全名為Responsive Web Design,又稱自適應頁面設計網站、適應式網頁設計、回應式網頁設計。這是一項開始於2011年由Ethan Marcotte 發表的術語,是目前公認網頁設計開發技術的趨勢。
響應式購物網頁即是希望消費者在手持裝置上也能方便購物的設計,未來延伸到網路電視,讓不同尺寸裝置的消費者皆能順利消費。
移動裝置普及與支持
隨著行動上網的普及,越來越多的人使用手機上網。行動裝置的使用率以及黏著度已經超越桌上設備,成為我們日常生活中最常接觸的3C用品。於是網頁設計產業面對了一個難題,如何才能在不同大小的行動設備上,完美的呈現網頁的內容呢?於是創造了一種網頁設計的技術做法,可使網站在多種瀏覽裝置(從桌面電腦顯示器到行動電話或其他行動產品裝置)上閱讀和導航,同時減少縮放、平移和捲動。