為何要製作響應式 (RWD) 網站？－淳馨鵝家庄的部落格

2016 年全球行動上網裝置將超過 100 億台，比全球人口還要多！

您的客戶大部分都來自智慧型手機或平板電腦，而且比例還在不斷上升中，如果您的網站沒有考慮到行動裝置的處理，當客戶用手機打開您的網站時，只能看到很小的圖片和一大堆擠在一起的文字，幾乎無法閱讀，還必須要用手指將畫面放大才能看到部分內容。如果您的網站剛好是使用 FLASH 動畫來製作，那整個畫面就是一片空白，什麼都沒有，情況真是慘不忍睹！請問，客戶還會繼續停留在您的網站上嗎？
網頁設計。

RWD 網頁設計又稱為 "自適應網頁設計" 或 "響應式網頁設計" ，與一般手機版網站或APP最大的不同，在於它不需要另外獨立製作及分開管理網站內容，而是讓網站自動去適應瀏覽裝置，在各種智慧型手機、平板電腦上調整外觀、尺寸、位置、樣式，不論用戶從哪種行動裝置來開啟網頁，都可以得到最佳的瀏覽效果。

▸ RWD 網站的優點

▸ 支援任何裝置
這是 RWD 最大的優點，也網頁設計是它的最重要目的。智慧型手機螢幕尺寸愈來愈大，規格愈來愈多，透過 RWD 可以從此不用擔心不同螢幕尺寸所帶來的各種問題，讓您的網站內容可以自動符合裝置螢幕的尺寸來進行延展、伸縮、變形、移動，原本在桌上型電腦的寬螢幕上，產品圖片是橫向水平排列，遇到較小的手機螢幕時，產品圖片會自動變成縱向垂直排列，由上到下，讓使用者可以輕鬆便利的瀏覽您的產品資訊。

不只是圖片，包含網站 LOGO、主選單、文字內容、網頁標尾等，全部都會自動重新排列，找到最合適的呈現方式。不僅如此，如果遇到電話號碼或 E-mail 信箱，手指輕輕一按，就能立即撥打電話或寄發信件。

▸ 方便網頁閱讀
不論您的網站是透過寬螢幕桌上型電腦來觀看，或者是用智慧型手機、平板電腦來瀏覽，RWD 已經把所有的網站內容自動重新編排過，所以使用者不會再看到密密麻麻的字，更不需要用手指來把畫面放大，就能輕鬆順網頁設計暢的瀏覽您的網站內容。

透過 RWD 的智慧型編排技術，還可隱藏不需要在手機上呈現的內容，只把最重要的資訊呈現給使用者。

▸ 降低開發成本
以往為了製作電腦版、手機版網頁，網頁設計公司還必須幫您另外開發一個手機專用的網站版本，加上判讀程式，如果使用者是來自手機，就把使用者引導到手機版網站，等於製作了兩次網頁，花費了兩次成本。

▸ 提升搜尋排名
GOOGLE特別在2015年4月21日宣布修改搜尋引擎演算法，主要修改內容針對智慧型手機、平板等行動裝置的『友善度』做排序，並且增加手機相容性檢測網站，供業者測試網站是否適合使用行動裝置瀏覽，並且在短時間內Bing( Yahoo!奇摩採用的搜尋引擎技術)也跟進此作法，所以RWD網站對於SEO是非常具有影響性的。