智動最新消息

最新消息

16.12.29 為何要製作 RWD響應式網站

RWD 網站的優點

隨著行動裝置的普及化,網頁設計也逐漸發展出一種全新的排版技術:RWD (Responsive Web Design),與一般傳統的網頁設計來比較,它具有以下優點:

  1. 支援任何裝置
    這是 RWD 最大的優點,也是它的最重要目的。智慧型手機螢幕尺寸愈來愈大,規格愈來愈多,透過 RWD 可以從此不用擔心不同螢幕尺寸所帶來的各種問題,因為 RWD 網站使用液態排版技術 (Liquid Layout),讓您的網站內容可以自動符合裝置螢幕的尺寸來進行延展、伸縮、變形、移動,原本在桌上型電腦的寬螢幕上,產品圖片是橫向水平排列,遇到較小的手機螢幕時,產品圖片會自動變成縱向垂直排列,由上到下,讓使用者可以輕鬆便利的瀏覽您的產品資訊。不只是圖片,包含網站 LOGO、主選單、文字內容、網頁標尾等,全部都會自動重新排列,找到最合適的呈現方式。
    不僅如此,如果遇到電話號碼或 E-mail 信箱,手指輕輕一按,就能立即撥打電話或寄發信件。
     
  2. 方便網頁閱讀
    不論您的網站是透過寬螢幕桌上型電腦來觀看,或者是用智慧型手機、平板電腦來瀏覽,RWD 已經把所有的網站內容自動重新編排過,所以使用者不會再看到密密麻麻的字,更不需要用手指來把畫面放大,就能輕鬆順暢的瀏覽您的網站內容。
    透過 RWD 的智慧型編排技術,還可隱藏不需要在手機上呈現的內容,只把最重要的資訊呈現給使用者。
     
  3. 降低開發成本
    以往為了製作手機版網頁,網頁設計公司還必須幫您另外開發一個手機專用的網站版本,加上判讀程式,如果使用者是來自手機,就把使用者引導到手機版網站。例如您的網址是 http://www.xxxxx.com/ ,如果用手機上網,系統會把您引導到 http://m.xxxxx.com ,一個網站有兩個版本,自然就會增加開發費用與維護成本。
     
  4. 提升搜尋排名
    如果您的行動版網站是獨立版本,具有不同的網址,那麼就很有可能會分散網站在搜尋排名上的力道,因為同樣的內容卻存在著兩個網址,那麼搜尋排名計分也就被分攤掉了。而且 Google 已經在官方文章 "Recommendations for building smartphone-optimized websites" 中發表,Google 比較建議使用 RWD 網站來處理行動版網站。