一頁網站:好處vs壞處

一頁網站截圖

如果你愛在網上蹓躂,應該見過一些只有一頁的網站,長長的,從頭捲動到尾,就是網站的全部內容了,有些網站會在中間穿插一些互動內容,但始終只有那一頁;即使有些在頁頂顯示多個內容選項,但其實都只連結到同一頁的不同位置,整個網站仍然只有一頁。

這種一頁式的網站設計,原來已經出現了好些年,有一段時間越來越多人採用,所以也越來越受人注意。小編且談談它的好處和壞處。

一頁設計的好處

  1. 設計吸引
  2. 多圖像、少文字
  3. 故事式的呈現
  4. 簡潔、清晰
  5. 手機看一流
  6. 提高轉換率
  7. 潮流感

1. 設計吸引

一頁網站設計的所有資源,都集中在一頁裡面,因此,那一頁通常都是精心設計的,無可否認,很多一頁式設計的網站都相當吸引。但設計這回事,真純粹因為一頁或多頁而分出優劣嗎?對於這一點,小編有些保留。
值得留意的,是比例問題。在多頁網站中,舊設計所佔比例較多,而一頁網站則多數是新設計的,用上了最新的技術和設計概念;拿舊設計和新設計來相比,以得出結論說一頁網站的設計較佳,這可能會產生誤導,不得不小心留意。

2. 多圖像、少文字

一頁網站由於只得一頁,不能放太多文字,因此,文字要千錘百鍊、精雕細琢;版面上充斥著圖片、影像、多媒體……這也是網站吸引人的一大原因。

3. 故事式的呈現

一頁過的網站,訪客就跟著網頁的先後次序,從頭開始,一直「碌」(捲動)、一直look……碌到最尾,正正像在說一個故事,線性呈現訊息。如果你要推銷的是一個故事,這種呈現方式可謂是perfect match!

4. 簡潔、清晰

舊式多頁網站的最大致命傷,是有時會令訪客迷失,點擊這、點擊那……不知去了哪裡、找不到想看的、不知你這網站在搞什麼……
一頁網站,沒空間給你浪費,必須帶出一個最清晰的訊息;也沒機會給你走岔路,因為路只得一條,主軸清楚不過。

5. 手機看一流

手機上網,最怕點來點去(需要多下點擊),反而碌來碌去(捲動)容易得多。一頁式的長長設計,也遷就了智能手機的習慣,適合不同裝置的瀏覽,包括手機、板腦、桌面和手提電腦。

6. 提高轉換率

轉換率(conversion rate)是網站訪客採取進一步行動的比例,例如:註冊、訂閱、購買等。曾經有網站做過測試,當網站轉換了一頁式設計後,轉換率提高了37.5%!該測試是在2011年進行的,用了舊設計和新設計作比較,但新的長頁設計既少圖片、也無短片,只是訊息變得非常清晰。(可按此看該報道)
其後,同一網站再進行另一項測試,把原有網站改成以人物圖片作為背景,一個版本是短的,另一個是長的。結果發現,短的版本,轉換率較原有網站提升了102.5%,長的版本反而倒跌22%!(可按此看該報道)
由此可見,網頁的長、短不是決定性因素,設計和訊息才是。

7. 潮流感

目前香港的一頁網站還不是很多,令人有新鮮、獨特感覺,若在設計上多花心思,令人感覺良好。但須注意,潮流的感覺,說變就變。

一頁設計的壞處

  1. 不利SEO
  2. 只能放少量資料
  3. 「碌」到天荒地老
  4. 不便分享
  5. 載入時間長

1. 不利SEO

一頁網站的內容太單薄,不是Google喜歡的網站。按照Google的演算,網站內容豐富,有較大機會讓訪客找到想找的資訊,這是十分重要的,因為這關乎一個搜尋器的基本功能。因此,內容豐富,甚至文章較長的網站,往往可以獲得較高的排名。
一頁網站只得一頁,除非內容剛好正正是使用者搜尋的字句,否則較難爭取較佳的網上曝光率。

搜尋引擎優化(SEO)就是為了爭取在搜尋結果中較頻密的曝光次數,以及較高的排名。SEO涉及的範圍相當廣泛,而一頁網站的不利之處,在於:

內容不足:Google喜歡有深度的內容,也有人曾經做過測試,研究排名較前的網站,發現發表超過2000字的文章的網站似乎較有優勢。一頁網站,對Google搜尋器來說可能不夠吸引力,也許影響排名。

文字少:網站的文字少,即可連繫到相關的關鍵詞數量自然也較少。

關聯度分散:假設一家公司有三種服務,若全都放在一頁內,即至少有三類內容、三類關鍵詞,相對來說,力度就分散了,關聯度及不上每頁專注一項的好。

2. 只能放少量資料

你的網站如果有豐富的資源,那麼一頁網站的胃口顯然太小了。到底網站上的資料,是多好,還是少好?不能一概而論,須視乎具體業務而訂。
一本書的作者網站,跟一間書店的網站,自然不可相提並論。概括而言,小編認為,精簡而豐富──這條路線準沒錯。

3. 「碌」到天荒地老

有些網站用了一頁式設計,卻硬要塞進很多內容,結果網頁長到不得了,令人厭煩,感覺怎麼一直捲動還未到底……真像要「碌到天荒地老」啊!
話分兩頭,這現象又要跟另一種技術分開來看,這技術叫 “infinite scroll”,即當你「碌」到一頁尾時,它會自動幫你轉頁,例如Pinterest就用上了這技術。這種技術適合用於幾乎取之不盡的內容,譬如圖片、新聞等,你可以一直看、一直看……看到你夠為止,但這些內容的類別是訪客自訂的,他們自己決定是否看和是否繼續看,有別於一般的公司或個人網站。

4. 不利分享

一頁網站的內容,全部都在那一頁、那一個URL,如果你只想分享其中一部分內容,似乎有點麻煩啊。

5. 載入時間長

一頁網站的設計元素和影像豐富,再加上網頁上的內容較長、較多,因此載入時間相對較長。網上世界,是以毫秒計的。有研究顯示,載入時間長過3秒,四成人會放棄等候;現時有些網站,會在載入期間,顯示有趣的圖案或訊息,盡量留住訪客,但治標不如治本,載入時間還是越短越好。


不過,若你的一頁網站人氣旺盛,也許可以抵得過以上的不利因素;因為你網站的點閱率,會直接影響你的網站排名。

在一頁網站和傳統網站之間,還是有很大空間的。現時的發展趨勢,已經不是一頁與多頁之爭了。歡迎你訂閱小編網誌。

最後,介紹大家看看一些設計美麗的一頁網站awwwards。Enjoy!

相關文章

Web Design, 挑選網頁

網頁價錢包什麼、不包什麼?

網頁價錢包什麼、不包什麼? 設計和製作一個網頁的報價,到底包含了什麼、不包什麼?每家網頁公司都有不同…

Web Design, 挑選網頁

客製化 vs 模板網站

網站是企業、組織在網上的門面,展現他們的形象,提供相關的重要資訊。當中小企決定做一個網站時,首先要決…

Online Marketing, SEO, Web Design, 挑選網頁

你的網站有沒有效用?

有時候,客戶會忽然氣餒,懷疑他們的網站到底有沒有效用?原因是好像沒有什麼來自網站的聲氣──即是沒有收…

Online Marketing, SEO, Web Design, 挑選網頁

傳統機構網上營銷的例子

講起「網上營銷/數碼營銷」,有些人可能覺得好深奧。 要深奧,可以講到多深奧,令人覺得那是大公司的專利…

Web Design, 挑選網頁

網頁設計貴與平,點揀?

「做一個網站要多少錢?」這是一個常見的問題。更重要的,是多少錢買的是什麼? 正如兩餸飯和五星級酒店,…

Web Design, 挑選網頁

網站的價值

為甚麼要做網站? 有些公司覺得人有我有,就做一個吧;卻未必深究過網站到底有甚麼用處。 網站的價值,可…

Web Design

Wix vs WordPress

「用Wix好,還是用WordPress好?」小編常被問到這問題。 最新發展:近年網站科技發展極快,W…

SEO, Web Design, 挑選網頁

一分鐘,測出網站性能

網站的編碼方式,最少在五方面影響着你是否能達成網站目標。 對一般人來說,要分辨一個網站的編碼的好壞,…