什麼是響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)?跟移動(dòng)版網(wǎng)站的差異在哪裡?這是很多網(wǎng)站計(jì)畫負(fù)責(zé)人最常提出的問題,傳誠(chéng)信發(fā)現(xiàn)近年響應(yīng)式網(wǎng)站的客戶大增,同時(shí)負(fù)責(zé)過許多行動(dòng)版網(wǎng)站專案,兩者雖然都是為了滿足行動(dòng)族群所設(shè)計(jì)的網(wǎng)頁(yè),但兩者其實(shí)有很大的不同。
以下是響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)與手機(jī)版網(wǎng)站的差異:
?
項(xiàng)目 | 響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì) (自適性網(wǎng)站、RWD) | 行動(dòng)版網(wǎng)站 (手機(jī)版網(wǎng)站、Mobile Web) |
域名 | 不論任何裝置觀看網(wǎng)站網(wǎng)址域名都相同? | 需使用不同域名與網(wǎng)址,例如m.saddlebargains.com的行動(dòng)網(wǎng)址為m.ccxcn.com或mobile.ccxcn.com? |
製作 | 需將舊網(wǎng)站改版,如為全新網(wǎng)站則無影響 | 可與舊有網(wǎng)站共存,將行動(dòng)版網(wǎng)站視為獨(dú)立的網(wǎng)站。? |
呈現(xiàn) | 能夠針對(duì)手機(jī)、平板、智慧電視呈現(xiàn)出最佳效果。。 | 僅能針對(duì)特定裝置如手機(jī)的解析度設(shè)計(jì)。? |
分享 | 使用相同網(wǎng)址,分享出去的頁(yè)面,不論手機(jī)、平板、電腦用戶看到的都是最好的顯示效果 | 由于內(nèi)容網(wǎng)址不同,當(dāng)手機(jī)使用者將連結(jié)分享給電腦使用者,看到的內(nèi)容會(huì)呈現(xiàn)不正確的畫面。 |
搜尋 | 搜尋顯示的結(jié)果為同一個(gè)網(wǎng)站,使用者流量集中,自然搜尋引擎表現(xiàn)較佳。 | 因?yàn)橛蛎煌?,?huì)被搜尋引擎視為兩個(gè)網(wǎng)站,可能會(huì)分散用戶流量影響排名。? |
維護(hù) | 由于使用的是相同網(wǎng)站、程式與資料庫(kù),日后維護(hù)較簡(jiǎn)單。 | 網(wǎng)頁(yè)設(shè)計(jì)、程式、域名、資料庫(kù)與電腦版網(wǎng)站不同,維護(hù)較為麻煩。? |
未來性 | 響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)可透過程式增添新的裝置顯示,不需大幅改版。 | 隨著行動(dòng)裝置的變化,網(wǎng)站就需要隨著裝置升級(jí)進(jìn)行改版。 |
? ?移動(dòng)版網(wǎng)站設(shè)計(jì)的優(yōu)點(diǎn)是可以獨(dú)立製作,保持原有網(wǎng)站的功能與架構(gòu),但是維護(hù)上比較困難;
響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)則是全新的技術(shù),網(wǎng)站需要重新設(shè)計(jì),製作完成后就能滿足行動(dòng)使用者的需求,日后若有新的上網(wǎng)工具(例如智慧手表)只要添加對(duì)應(yīng)的解析度即可正常顯示。但是費(fèi)用高!
所以到底選擇響應(yīng)式網(wǎng)站設(shè)計(jì)還是移動(dòng)版的獨(dú)立設(shè)計(jì),還是要根據(jù)客戶的理解和需求來做下一步?jīng)Q斷了!