網站設計也該與時俱進了:你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)頭戴式裝置、甚至一些現在還沒有發明的設備上網。

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

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