RWD響應式網頁的優缺點

RWD (Responsive Web Design)，中文稱為自適應網頁設計、響應式網頁設計， 簡單的來說，就是網頁的圖文內容，依不同的裝置螢幕大小，自動調整出適合的排列。近年來由於行動裝置的普及，使用行動上網的機會也越來越高，以往AWD網頁設計要做兩套網站，依據瀏覽器檔頭或螢幕大小判斷來導向用戶，傳統網頁設計無法滿足多種裝置的呈現，於是產生HTML5及CSS3標準，指定頁面的寬度依照裝置的寬度來呈現，也因此帶動RWD網頁設計、自適應網站設計成為目前網頁設計的主流。那麼到底你的網站該不該RWD呢? 以下幾點提供您決定網頁是否RWD的參考

1. 同時適應不同螢幕大小裝置

   使用HTML5與CSS3技術，讓一個版本的網站，在手機、平板、電腦、電視等不同裝置順利瀏覽， 不用花錢做手機版網頁，一次投資包含所有裝置

2. 開發時間比APP快速很多

   App應用程式開發需要配合iOS與Android系統， 開發時間與審核上架時間冗長，尚須不定期針對新版本測試更新，用戶也必須更新下載才能看到最新版本，反觀網頁只要開發者更新網站， 用戶連上線都是最新版本。

3. GOOGLE比較喜歡 RWD 網站

   Google在網站管理員的行動版網站指南中做了聲明：

   https://developers.google.com/webmasters/mobile-sites/get-started/?hl=zh-tw

   行動裝置是您工作上不可或缺的利器，勢必也是未來趨勢。因此，確保使用者透過行動裝置瀏覽您的網站時獲得良好的使用體驗，才是真正的成功之道！

4. 有利於搜尋引擎優化排名

   RWD網站使流量集中，不同裝置瀏覽同一個位置，固然排名提升; 另RWD避免傳統網頁在手機瀏覽上常發生網頁跳離率與重複內容網址不同的連結，造成搜尋引擎給與負面評價的問題， 因而獲得較傳統更佳的正面評價使得SEO排名往前

當然，RWD網頁也有它的缺點，例如:

• 會置入多種解析度與語法內容，載入時間較久
• 開發時間較傳統網頁設計需較多時間
• 不支援IE8 以下的瀏覽器

然而，網路速度與軟硬體規格技術每天都一直在的進步，因此不久將來問題也就變小了。

響應式網站範例：

• 景觀、室內設計業I50301000004A
• 一般旅館業(小型網站SEO較弱)J90102000006A
• 一般旅館業(形象帶入文章SEO)J90102000005A
• 一般旅館業(文章SEO下方外部BANNER)J90102000004G
• 觀光旅館業(文章SEO非對稱BANNER配置)J90101100007A
• 烘焙炊蒸食品製造業(文章SEO非對稱BANNER配置)C10402000007A
• 瘦身美容業(文章SEO非對稱BANNER配置)JZ9911000008A
• 自行車及其零件製造業(商品磚型清單)CD0105000009A

電子商務瞬息萬變，如何搶攻多螢幕電商市場，掌握桌上型電腦、平板電腦和智慧型手機的網購商機是目前電商業企劃需要研究的課題。

2014年Google的調查，台灣網路購物的消費者有54%的人使用過智慧型手機購物，其比率高於當時韓國38%、美國26%和日本15%，位居世界前十大，可見行動購物網站對於網購業者來說，有54%的重要性。

為了不在行動商務落後其他競爭對手，許多電商業者採用目前相當流行的Responsive Web Design(RWD)設計，稱為響應式設計(或稱互動式、回應式設計)購物網站。

響應式購物網站即是希望消費者在手持裝置上也能方便購物的設計，未來延伸到網路電視，讓不同尺寸裝置的消費者皆能順利消費。