現今處於3C行動時代,面對人手一機不同大大小小的尺寸,想要透用手機螢幕傳達企業的各種資訊,就必須建立適合手機瀏覽的網站,以傳統網站來說就是另外架設「手機專用」的網站,對現今網站來說就是架設電腦及行動裝置都能瀏覽自如的網站。

不過就目前的敘述也無法了解為什麼傳統網站會面臨淘汰,只要根據大禾高雄網站設計替大家整理的差異,便能清楚明白現今網路科技所需要的網站是什麼。

傳統網站設計

為因應各類型的3C行動裝置,而另外替行動裝置製作的網站,當使用者點選至該網站時,伺服器就會辨別使用者是使用電腦進入還是手機進入,若是手機進入就會顯示專門手機顯示的網站元件,並會有手機專門使用的網域,如 http://「m」.....或http://「t」......。

由於手機的螢幕較小,無法將網站的所有樣貌展現出來,雖然操作和閱讀上方便簡單,但額外的開發造成人力浪費、手機板網站與電腦版網站資料不相同,需要花兩倍的功夫去維護、多種網址及相同內容也會造成搜尋排名不利等缺點。

範例:YHAOO

RWD網站設計

RWD網站全名為響應式網頁設計(Responsive Web Design),是為了改良傳統網站而設計的,能針對不同的行動裝置能自動調整版面寬度、操作介面、內容排版等,並使用相同的網址和網站資料。RWD網站更是針對搜尋引擎去做優化,讓企業的網站能立即收錄搜尋引擎中,有利於搜尋引擎的排名。

但RWD網站在手機上的呈現無法跟在電腦呈現做相比,多多少少會有跑板或認為無美感現像。

傳統網站與RWD網站差異

  1. 傳統網站製作成本較低;RWD網站製作成本較高。
  2. 傳統網站需根據不同的行動裝置需製作不同的版型,由伺服器去辨別使用者瀏覽的裝置來顯示網站元件;RWD網站一個版型能配合不同的行動裝置,由CSS程式碼去判讀使用者瀏覽的裝置來顯示。
  3. 傳統網站不同裝置的網站風格較不統一;RWD網站即使是不同裝置風格依舊統一。
  4. 傳統網站會根據行動裝置有不同的網址,最多達到三個網址(手機、平板和電腦);RWD網站能適應各種裝置,因此只有一種網址。
  5. 傳統網站多網址相同內容不利於搜尋引擎排名;RWD網站利於搜尋引擎排名。
  6. 傳統網站行動裝置版另行開發,與電腦版網站的資料不同步需額外維護;RWD網站行動裝置版與電腦版為同版開發,資料同步維護方便。
  7. 傳統網站因另外開版資料較不明確;RWD網站為同個版設計資料較齊全。
  8. 傳統網站針對行動裝置的大小及瀏覽大小去製作,在行動裝置上瀏覽較無跑版問題;RWD網站網站會依據設計師的能力產生跑版問題。

根據大禾整理的「傳統網站與RWD網站的差異」,便可以清楚知道RWD網站的好處在哪、為什麼傳統網站會逐漸被市場淘汰。特別是針對要做網路行銷的企業主來說,還在繼續使用傳統網站的話是無法進入搜尋引擎排名的,投入再多的廣告依然是白費工夫。

網站舊汰換新,才有機會讓使用者找到您的網站,製作網站才會有意義。對RWD網站有興趣的業主歡迎找大禾高雄網站設計,來電撥打:07-285-0163 或LINE:@dahe-idea,我們皆會派專人替您服務。