網站設計也該與時俱進了：你RWD了嗎？／解聰文

這年頭的網站可以清楚分成兩類：一種是針對現今行動趨勢來做的設計、另一種則是仍在沿用15年前的樣子。今天，網站對於SEO（搜尋引擎最佳化）和跨載具的需求，早已和當年天差地遠；那些仍然沈睡在過去的網站，都早已該改頭換面了。

一些企業對於投資網站改版的腳步之緩慢，往往令人瞠目結舌。如果你已經不再使用15年前的商品目錄版型，為什麼還會繼續沿用舊的網站架構呢？這些企業換商標logo的速度，恐怕都比更新網站還快吧？

最近我們在亞洲做了一個調查，發現：

有多達27%的企業網站是在2005年之前設計的。

以網路時代的比例來看，2005年到現在大概相當於真實世界裡的1,000年吧。

有許多企業都不知道，改用較具現代感、並且針對載具不同而自動改變版型的回應式設計（responsive web design，簡稱RWD），能對顧客的印象和體驗帶來多大的影響。

如果您的企業還不太清楚RWD是什麼，以下就是一些重點提要：

以PC作為主要上網工具的時代已經過去

現在，網路上有超過85%的流量來自行動裝置；所以，現在光是「有個網站」是不夠的。網站必須能隨著顯示技術和市場需求持續進步。換言之，應該是：

由上網裝置的演進，決定網站應該是什麼樣子。

目前，RWD設計已經成為網站不可或缺的必要條件；不具備這種「適合行動裝置」設計的網站，甚至會被搜尋引擎降低評等。也就是說，你的網站會被放在（相對於競爭對手）比較後面的位置、也比較難搜尋到產品。

你不妨回頭看看自己的上網習慣：往往是在搭交通工具、候診、或是閒坐時用手機或平板電腦瀏覽；現在典型的使用者行為，大概也都是這樣。

要在標準版網站之外另外做個獨立的行動版，是費錢費工的事情；不僅有更多網頁要維護，而且流量也會被分掉。所以，如果在設計時就考慮到RWD的作法，就可以省掉這些麻煩：用單一、簡潔、功能同樣完整的版面專供行動裝置使用。

從另一個角度來說，所謂「行動」的情境，就是「使用者沒有鍵盤、也不想輸入太多資訊」；所以要讓網站適合行動瀏覽，不僅是在版面和程式方面需要修改，也必須整體重新考慮使用者與網站的互動方式。

更理想的SEO

前面提到過，在Google搜尋引擎對網站進行索引時，RWD設計將有助於SEO評等；因為，相對於分開的「標準版」和「行動版」網站，單一的RWD網站讓Google更容易紀錄資料、也比較不容易發生SEO相關的錯誤。

此外，由於RWD網站的使用體驗多半比較簡潔，所以同樣的網頁內容可以承載更高的點閱量、並且讓訪客感受到更好的整體閱讀品質。

關於（不該再用的）SEO技巧，請參閱這篇：

https://tuna.press/?p=358

隨著螢幕尺寸改變

以目前網路瀏覽設備的多樣程度來看，RWD真的是不可或缺的設計。我們用來上網的設備可能是手機、平板電腦、遊戲機、桌上型電腦、智慧手錶、電視，未來還可能有更多目前還沒有的裝置。

根據估計，目前全世界光是手機螢幕就有大約390種尺寸。

也就是說，根本就沒有「標準螢幕尺寸」這回事。因為RWD設計是依螢幕大小（而非設備種類）來改變網頁規格，所以無論螢幕大小如何變化，都可以顯示理想的版面。雖然這會增加今天投資的費用，但未來絕對是值得的。

到目前為止，亞洲各地的政府網站只有15%採用RWD設計；即使是歐洲，也只有不到30%，所以改進的空間都還很大。

簡單就是美

RWD設計行動版網頁的重點，就是「簡單」兩個字。雖然簡單的重點在於讓使用者易於閱讀，但對網頁開發者來說也有好處。

讓RWD網頁擁有獨立網址（而非主站的行動版網址），有助於在行銷活動中聚焦宣傳，也可以讓來自所有行動設備的流量導向單一網頁；此外，對於社群網站或搜尋引擎上的權重評等、以及其他任何與網址相關的積分都有幫助。

總之，越簡單越好。

永不嫌太晚

RWD設計是非常值得考慮的下一步投資、而且隨時開始都不嫌晚；它讓現有的網站內容得以延伸到未來的應用。不久之後，我們可能會用眼鏡、手環、虛擬／擴增實境（AR/VR）頭戴式裝置、甚至一些現在還沒有發明的設備上網。

即使從行銷角度來看，培養讓內容閱讀方式隨著設備與時俱進的能力，無論對於行銷或技術團隊來說，都是很重要的。

事實上，技術每天都在進步，我們也不能置身於這股浪潮之外；如果老是死守著十年前的網站設計而不思改變，被浪潮淘汰也可能只是遲早的事情。