日誌

響應式網站(RWD)與移動版網站的差異比較


26-1.jpg


什麼是響應式網頁設計?跟移動版網站的差異在哪裡?很多人都不太了解這兩者之間的差異到底在哪裡?那麼下面一起來看看兩者的差異:


1

域名的使用


對於響應式網頁設計(自適性網頁設計/RWD),不論在任何設備上觀看網站,網址域名都是相同的;而對於移動版網站(手機版網站),則需要使用不同域名與網址,例如www.clickrweb.com的移動版網址為m.clickrweb.com 或 mobile.clickrweb.com。


2

製作


針對響應式網頁設計(自適性網頁設計/RWD)的製作需將舊網站進行改版,如果是全新的網站則無影響;針對移動版網站(手機版網站)的製作,其可與舊網站共存,即將移動版網站視為獨立的網站,這就相當於有兩個網站。


3

呈現的效果


響應式網頁設計(自適性網頁設計/RWD)能夠針對手機、平板、智能電視等呈現出最佳的效果;而移動版網站(手機版網站)僅能針對特定的設備來呈現最佳的效果,如手機的解析度設計。


4

分享


由於響應式網頁設計(自適性網頁設計/RWD)使用的是相同的網址,分享出去的頁面不管是手機、平板或者電腦,用戶看到的都是最好的顯示效果;而移動版網站(手機版網站)由於使用的是不用的網址,導致內容網址不同,當手機使用者將連接分享給電腦使用者時,看到的內容會呈現不正確的畫面,視覺的效果就不是太好。


5

搜索結果


由於響應式網頁設計(自適性網頁設計/RWD)使用的是相同的網址,所以搜索顯示的結果是同一個網站,使用者流量較為集中,自然搜索引擎的排名也比較不錯。而移動版網站(手機版網站)因為域名不同,會被搜索引擎視為兩個網站,這就會分散用戶流量從而影響排名。


6

日常維護


響應式網頁設計(自適性網頁設計/RWD)由於使用的是相同的網站、程式與資料庫,日常的維護是較為簡單的。而移動版網站(手機版網站)的網頁設計、程式、域名和資料庫與電腦版網站不同,日常維護較為麻煩。


7

未來性


響應式網頁設計(自適性網頁設計/RWD)可通過增添新的內容來顯示不同的效果或者變化,不需要大幅的改版;而移動版網站(手機版網站)隨著移動設備的更新變化,網站就需要隨著設備升級進行改版。


總結

移動版網站(手機版網站)設計的優點是可以獨立製作,保持原有網站的功能與架構,但是維護上比較困難;響應式網頁設計(自適性網頁設計/RWD)則是全新的技術,網站需要重新設計,製作完成後就能滿足移動使用者的需求,日後若有新的上網工具(如智能手錶)只要添加對應的解析度即可正常顯示。但是費用高!!


所以到底選擇響應式網頁設計還是移動版的獨立設計,還是要根據客戶的理解好需求來做決斷的。


回最頂