首頁 部落格 響應式網站與行動版網站比較表
Ryan
Nov 26, 2015
讓公司平均年齡上漲的宅男,經營過動漫社團、當過電玩雜誌特約作者。 興趣是電競與科技,關注新趨勢購物,尤其是冷門商品、或尚未上市的群眾募資商品。 網路行銷一做就是十幾年,認為這個業界需要更開放交流,才能成長與突破。

響應式網站與行動版網站比較表



什麼是響應式網頁設計?跟行動版網站的差異在哪裡?這是很多網站計畫負責人最常提出的問題,馬路科技iWare發現近年響應式網站的客戶大增,同時負責過許多行動版網站專案,兩者雖然都是為了滿足行動族群所設計的網頁,但兩者其實有很大的不同。

 

以下是響應式網頁設計與手機版網站的差異:

 

項目
響應式網頁設計
(自適性網站、RWD)
 

行動版網站
(手機版網站、Mobile Web)
 
域名 不論任何裝置觀看網站網址域名都相同
 
需使用不同域名與網址,例如www.website.com的行動網址為m.website.com或mobile.website.com
 
製作 需將舊網站改版,如為全新網站則無影響。
 
可與舊有網站共存,將行動版網站視為獨立的網站。
 
呈現 能夠針對手機、平板、智慧電視呈現出最佳效果。
 
僅能針對特定裝置如手機的解析度設計。
 
分享 使用相同網址,分享出去的頁面,不論手機、平板、電腦用戶看到的都是最好的顯示效果。
 
由於內容網址不同,當手機使用者將連結分享給電腦使用者,看到的內容會呈現不正確的畫面。
 
搜尋 搜尋顯示的結果為同一個網站,使用者流量集中,自然搜尋引擎表現較佳。
 
因為域名不同,會被搜尋引擎視為兩個網站,可能會分散用戶流量影響排名。
 
維護 由於使用的是相同網站、程式與資料庫,日後維護較簡單。
 
網頁設計、程式、域名、資料庫與電腦版網站不同,維護較為麻煩。
 
未來性 響應式網頁設計可透過程式增添新的裝置顯示,不需大幅改版。 隨著行動裝置的變化,網站就需要隨著裝置升級進行改版。

 

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



馬路科技具有20年網頁設計經驗,認為兩者技術各有其優勢,就長遠來看響應式網頁設計是比較具有投資報酬率,但如果網站當下沒有改版的準備,但又亟欲滿足行動用戶,行動版網站會也是一個不錯的選擇。

馬路科技觀察2019網頁設計趨勢
馬路科技觀察2019網頁設計趨勢
iWare發言人
iWare發言人
Oct 31, 2018
一圖比較客製網頁設計、套版網頁設計
一圖比較客製網頁設計、套版網頁設計
Ryan
Ryan
May 08, 2018
常見背景屬性(一)
常見背景屬性(一)
Karen
Karen
Nov 07, 2017