一頁式與多頁式網站設計,到底該如何選擇網站設計?

一頁式VS多頁式,網頁設計到底該如何選擇?

目錄

想要在一頁式與多頁式網站中進行選擇,毫無疑問是非常困難的,就頁面多寡而言,兩種網站設計都有其優劣勢!一頁式將關鍵字集中,使單頁排名提升;多頁式網站則擁有多組關鍵字組,可以延展網站曝光的廣度。

「選擇」最關鍵的就是要找出哪種方式更適合你,而不是一昧地將別人的優點全盤的套用在自身,例如:新上市產品適合運用一頁式網站來進行推廣,可以讓用戶在第一時間將關注點停留在產品上,而擁有多項產品內容的企業就可以使用多頁式網站,詳盡的將每一項產品內容展現,方便用戶透過網站進行選購。

如果你沒有考慮到企業的屬性,而是按照市場潮流強制將模板套進所有的產品與服務項目,那你獲得的是一個「網站」,而不是能帶來商機的「無形資產」!

為了幫助大家找出最適合的網頁設計,我們將探討兩種方式各自的優劣勢,並說明哪種類型的網站適合哪種方式!由於一頁式網站的優劣勢已在上篇文章討論過,你可以延伸閱讀下列文章了解一頁式網站。

【 延伸閱讀 】你適合一頁式網頁嗎?帶你拆解一頁式網頁的優劣勢!

這裡我們大致上提一下一頁式網站是什麼?

一頁式網站顧名思義只有一個頁面,而這一個頁面需要完整且清楚地揭露品牌企業的一切資訊。一頁式網站通常會運用動態與互動元素,像是:開場動畫、按鈕設計……等,提升使用者的參與度,所以單頁的訂單轉換相對多頁式來說會好很多。

但其實一頁式網站的缺點也不少。譬如:關鍵字的廣度曝光不夠、圖片加載速度緩慢、頁面內容冗長……等等。可是一頁式網站仍然許多人看中它的訂單轉換效果,因此使用一頁式網站作為品牌網站經營的人仍不在少數。

什麼是多頁式網站?

儘管一頁式網站發展趨勢不斷增長,但我們仍然不能忽視這麼一項事實,從網路發展以來,多頁式網站就存在網路世界中,並且一直到今日它仍然是許多企業愛用的網站設計。

設計多頁式網站在RWD手機頁面上。

多頁式網站是由許多不同的頁面與導航系統組成,他們構建了絕大部分的網站,與單頁式網站不同,在多頁式網站中,如果想要查看不同頁面,唯一方法就是透過點擊導航連結跳轉到不同的頁面瀏覽。

對於人們而言,點擊跳轉已變成一種使用習慣。但是如果有看過上篇文章,就會發現因為行動裝置的用戶增加,大部分的瀏覽行為都以滾動為主,許多企業也開始因應用戶做出不同的改變,譬如:嘗試運用著陸頁進行廣告行銷,又或者是利用響應式網頁設計,讓所有的智慧裝置都可以順利瀏覽網站。

【 延伸閱讀 】一頁式網頁夯什麼?如何打造顧客買單的一頁式網頁

多頁式網站優點

擁有無限擴展性的多頁式網站

任何不斷在壯大的企業都需要擁有一個可擴展的網站,可以將其企業產品一一展示在用戶面前。多頁式網站設計可以根據需求建立無數的頁面,並且運用導航系統確保所有站點皆為有效連結。

擁有多頁面、可無限擴展的多頁式網站。

並且多頁面之於網站SEO而言,每一個頁面都能放進3-5個關鍵字,可以用來布局與品牌企業相關的關鍵字組,令其搜尋結果的第一順位皆是品牌網站,這樣所能帶來的自然流量會比一頁式網站還高。

多頁式網站可以隨時提供良好的用戶體驗

與單頁式網站不同,多頁式網站由於存在已久,再加上多頁面的設計,因此十分注重用戶體驗,在網頁上並不會出現太多虛假的點擊連結,所以用戶在瀏覽時,可以非常直覺的找到想要瀏覽的資訊。

RWD響應式設計提供多頁式網站不同的視覺體驗。

再加上,近年的多頁式網站都會搭配響應式網頁設計,整體的網站會隨著視窗大小的不同有所變化,所以不管是桌電、平板,亦或者是行動裝置的使用者,都可以流暢的瀏覽網站。

方便SEO優化的多頁式網站設計

多個頁面意味著網站擁有大量的內容與資訊可以進行SEO優化,SEO優化可以有效提高曝光度,並且網站如果有架設BLOG頁面,就可以透過撰寫文章埋藏關鍵字,藉此提升網站的搜尋排名。

多頁式網站可以拓展搜尋引擎上的能見度。

尤其在2020 Google 更新演算法後,網站更加仰賴內容設計,若只是舉辦一個有期限的活動運用一頁式網站那還好,如果你想將一頁式網站當作品牌官網經營,那可能就要考慮到很多層面,現在多頁式網站多半都會有CMS後台,不需要程式基礎就能加以更新,代表著多頁式網站內容可以不斷的增加頁面與內容,而一頁式只能一直增加長度。因此長期下來,還是多頁式網站略勝一籌。

多頁式網站設計可以建立起品牌的商業價值

一頁式網站很難辦到會員分級、提供完整會員功能、更多折扣模組,而多頁式網站卻沒有這種問題,反而可以自成一個品牌資料庫,透過蒐集而來的顧客資料進行分析、設計、宣傳,慢慢地將網站變成使用者的消費習慣。

擁有顧客資料是一件很重要的事情,沒有COOKIE的時代,連顧客資料都無法掌握,那不管怎麼推廣行銷、下廣告,獲得的流量一定會讓你對電子商務經營產生懷疑,所以網站不管自行架設或找網站設計公司架設,都必須確保顧客資料式掌握在品牌手裡。

【 延伸閱讀 】告別第三方Cookie!精準行銷應該要掌握的4大數據

多頁式網站缺點

多頁面網站需要龐大的網路空間

多頁式網站的資訊量往往多於一頁式網站,因此相較一頁式網站,多頁式的管理就顯得極為重要,有很多企業在上傳照片、影片的時候,都會忘記注意檔案的大小,導致網路空間消耗殆盡,然後就又購買網路空間,又消耗殆盡無止盡的循環。

所以在購買網路空間前,我們通常都會建議企業先妥善整理網路空間,通常在整理完畢就會擁有出更多可用空間,如果是代為管理的話,我們甚至會有效的運用YOUTUBE、Instagram……等不同的管道存取影片與圖片,減少網路空間的佔用。

網站的後續經營與維護好壞成正比

多頁式網站的維護是一大工程,也是一頁式網站盛行、勸退不少品牌的主因,但就近年網站比較,你會發現各大品牌仍然以多頁式網站為大宗。無論是形象網站或線上購物網站皆是,這說明了什麼?

一頁式網站是簡單、成本低廉,但拉長時間來看很容易被淘汰,背離品牌長期經營的需求,當網站排名是一定時間的積累時,一頁式網站若要擴張,很容易便會讓前面的心血付諸東流。

雖然多頁式網站的維護稍嫌麻煩,不過與獲得的成果易成正比,所以若要長期耕耘品牌網站,多頁式網站設計真的會是不錯的選擇!至於維護工作,你可以選擇外包給網頁設計公司,或是建立一個團隊管理網站。

【 延伸閱讀 】網站全面升級!5個網站改版前的問題,原來要這樣處理…

多頁式網站設計使用推薦

多頁式網站的設計幾乎適合所有類型的項目,像是電子商務網站和企業形象網站都可以發現多頁式網站運用的痕跡。如果你想要一頁式的單頁宣傳,也可以設計著陸頁達到相同的效果。

總體而言,多頁式網站設計就有點像是拼圖,只要搞清楚網站需要什麼功能,例如:產品展示區、產品說明頁、表單填寫區、品牌介紹區……等等,基本上你想的到多頁式網站在兼顧使用者體驗的同時,都能替你組成一個網站。下面我們介紹兩個網站類型的大分類,以及其案例網站。

電子商務網站設計

雖然一頁式網站也可以建立商店系統,不過如果想要添加更多的產品項目,多頁式網站會是最好的選擇。此外,一個好的電子商務網站除產品銷售頁面,還應該包括其他頁面,例如願望清單、詳細的產品介紹、完善的購物車設計……等,擁有良好的用戶體驗,可以位品牌帶來更多的商機。

一頁式與多頁式網站,到底該如何選擇網站設計? 電子商務網站 網站設計

Amazon

你可能會覺得其網站外觀,不如IKEA或APPLE等網站吸引人,但Amazon的留客率卻高得離譜,每年高達95%的顧客願意持續在Amazon進行消費。箇中原因在於電子商務龍頭的網站設計主要是以使用者體驗為主,使用者體驗、流程,以及功能性才是Amazon所在乎的。

AMAZON的多頁式網站設計,主要是以使用者體驗為主,使用者體驗、流程,以及功能性才是Amazon所在乎的。

IKEA

IKEA遲來的數位轉型旅程,又往前跨了一步,這一步使其又重新走回時代前端。IKEA同樣以使用者體驗為主,不同的是融入擴增實境,結合門市與線上購物的功能,完成全新創舉!

IKEA的多頁式網站設計同樣以使用者體驗為主,結合門市與線上購物的功能。

長榮航空貨運

為了加速貨運e化的程度,擷取承攬業者的建議改善使用者體驗,目前在首頁已可以更直覺式查詢貨運狀況、時刻表與訂位,提高網站的實用性,令使用者更願意運用網站查詢資訊。

長榮航空貨運目前在首頁已可以更直覺式查詢貨運狀況、時刻表與訂位,提高多頁式網站的實用性。

ELLE

ELLE推出線上選品購物網站,以自身的知名度,再加上精緻的情境圖驅使購買慾望,與原先的官方網站相互呼應一同促進訂單轉換。

企業形象網站設計

多頁式網站 企業形象網站 一頁式網站

根據企業的規模考量,很多人會運用一頁式來解決架設網站的問題,但是這卻並不是最好的方式,專業的企業形象網站應該包括許多資訊,例如產品內容、服務項目、聯繫方式等,如此大量的資訊想要塞進單頁網站中,那用戶大概也無法進入網站瀏覽,因此多頁式網站常常會是企業形象建立的首要考量!

Apple

你可以發現Apple的官網中,最上排的導航列是沒有關於品牌或企業介紹的部分,因為他們很清楚使用者進來網站最關心的是Apple的新產品,而不是品牌本身,所以Apple的導航列便是產品的分類,首頁則是新產品的宣傳頁。

Apple的多頁式網站設計中,最上排的導航列是沒有關於品牌介紹的部分,首頁放置的則是新產品照。

Microsoft

Microsoft除了Window10、Office 365以外,還有販售筆電,為了讓使用者進入網站可以更快速找到所需服務,Microsoft在第一眼所能觸及的範圍內,設置了產品分類,讓使用者可以針對所需點選瀏覽。

Microsoft在多頁式網站設計第一眼所能觸及的範圍內,設置了產品分類,讓使用者可以針對所需點選瀏覽。

茹妮絲SPA美學館

簡化文字內容改用ICON表達也許會有意想不到的成效!茹妮絲使用ICON說明做SPA的好處,同時以圖片將使用者帶入情境之中,由上而下一步步加深使用者的購買慾望,最後以表單作為行動呼籲收尾。

這也是一般網站設計常用的手法,雖然犧牲文字可能會導致網站爬蟲無法收錄,但進化後的演算法已經能用圖片alt來彌補這一點,最重要的是使用者對於圖片的接受度本來變高於文字,適當的圖文搭配會讓整體網站的可讀性更高。

簡化文字內容改用ICON表達,茹妮絲使用ICON說明做SPA的好處,同時以圖片將使用者帶入情境之中,由上而下一步步加深使用者的購買慾望,最後以表單作為行動呼籲收尾。

多頁式與一頁式網站設計的比較

一頁式多頁式
重點式的頁面可以讓使用者快速看完。可以揭露更多資訊讓使用者知道。
直覺的UX設計,可以第一時間找到自己想看的資訊。SEO架構的UX設計,可以有效提升網站排名。
關鍵字跟資料的集中,會提高被搜索的機率。頁面多意味著關鍵字組多,曝光的機會也多。
維護與更改方便,不用繁雜的修改整個網站。可以按照企業本身彈性調整網站內容,網站可發展性強。
多頁式與一頁式網站設計的比較

相較一頁式網站設計,多頁面的刷新速度較快

比起將資訊塞在同一頁的做法,將資訊分成等分的多頁式網站其頁面的刷新速度會優於一頁式網站。頁面的資訊量精確,除了可以讓用戶迅速找到想要的資訊外,對SEO優化也有著極大幫助,畢竟再好的網站沒有瀏覽量及排名,就不能帶來任何利益。

更何況目前多頁式網站設計的基本配備擁有RWD響應式設計、CMS網站管理後台、SSL憑證設置,還有SEO架構規劃,想要辦到一頁式網站所能達成的效果著實不是問題。

相較一頁式網站設計,多頁式更容易贏取消費者信任

多頁式網站擁有品牌的一切資訊,經得起使用者查詢,在具備一定知名度的情況下,除了要想辦法讓消費者盡快找到想要的資訊外,還要導購到相關性高的產品上,就像去屈臣氏本來只是要買個化妝棉補充包,結果一個不小心便帶了口紅、打亮棒、眼影盒、或是原本只要有PS5即可,最終將整個套組包含遊戲片通通帶回家。

相較一頁式網站設計,多頁面的內容改善更加方便

上篇提到一頁式網站無法運用Google Analytics進行頁面分析,多頁式網站則可以用此分析出每個頁面的跳出率及離開率,得知哪些頁面的內容是可以讓用戶的視線停留,哪些頁面的內容需要進行改善,這邊我們針對跳出率與離開率做詳盡的解說,讓大家可以比較搞懂兩者的差異,並且瞭解這兩項指數對網站頁面的影響。

Google Analytics的跳出率與離開率定義

Google Analytics的說明裡面提到了這項案例,探討網站上每天都只有單一工作階段,連續幾天內離開率與跳出率的計算,以及「離開率」和「跳出率」指標的意義。

  • 星期一:網頁 B > 網頁 A > 網頁 C > 離開
  • 星期二:網頁 B > 離開
  • 星期三:網頁 A > 網頁 C > 網頁 B > 離開
  • 星期四:網頁 C > 離開
  • 星期五:網頁 B > 網頁 C > 網頁 A > 離開

「離開百分比」和「跳出率」的計算如下:

離開率

用戶在網站中瀏覽,不論與頁面做出多少互動,或瀏覽內部網頁,只要在任一頁面離開網站,就視為「離開」。因此,離開率是用來觀察網站單一頁面的平均離開值。

離開=用戶最後是從此頁面離開

離開率=(用戶離開頁面X時的工作階段) / (所有瀏覽頁面X的工作階段)

網頁網頁A網頁B網頁C
從此頁面結束122
工作階段344
離開率1 ÷ 3 = 33%2 ÷ 4 = 50%2 ÷ 4 = 50%
離開率 計算

跳出率

用戶經由任何管道進入網站的第一個頁面,也就是著陸頁,並且在其中沒有做出任何被網頁視為互動的行為,也沒有瀏覽其他頁面就離開網站,這就是「跳出」的行為。而跳出率就是所有用戶進入網站著陸頁後的跳出平均值。

跳出=用戶只瀏覽這一頁就跳離網站

跳出率:(訪客進入頁面X直接離開頁面X的工作階段) / (訪客首次進入網站頁面X的工作階段)

  • 網頁 A:0% (有 1 個工作階段由網頁 A 開始,但沒有單頁工作階段,因此沒有「跳出率」)
  • 網頁 B:33% (有 3 個工作階段由網頁 B 開始,並發生 1 次跳出)
  • 網頁 C:100% (有 1 個工作階段由網頁 C 開始,並發生 1 次跳出)

由上面的計算方式,你會發現為什麼會說一頁式網站無法運用GA作分析,進去、出來都是同一個頁面,怎麼做判定?所以多頁式網站吃香的地方就在這裡,透過數據的不同可以微調頁面的內容發布,方便企業及時掌控頁面效益。

高離開率與高跳出率

不過,離開率也不是越高就越不好,如果今天你是經營電子商務網站,發現購物車的離開率偏高,這時候就可以考慮增加優惠,你可能會很困惑都在購物車頁面離開為什麼還要增加促銷,因為應該要高離開率的頁面應該要是結帳完成的頁面,如果停留在購物車,那就表示可能還有其他因素迫使用戶無法下定決心,這時候加強優惠的力度可以影響用戶下單的決心。

反之,要是跳出率太高,就該好好檢視頁面給的資訊是否是用戶想要獲得的,又或者是網站設計是不是不符合用戶的期待,甚至可以透過修改搜索引擎的標題、內文,去找尋可以讓目標顧客順利進入網站的方式。

【 延伸閱讀 】網頁成效如何追蹤?5種常見的成效追蹤工具

單頁式與多頁式網站到底該如何選擇?

在單頁式與多頁式網站設計的爭論中,沒有明確的贏家,主要還是取決於你所經營的類型以及想要傳達的訊息量,比如崇尚少即是多的藝術家,就不一定會使用多頁式做為產品目錄,而是很有可能會運用一頁式的簡潔完整傳達其核心價值。

以現代的趨勢來說,很多品牌都會選擇1+1打造在網路世界的推廣策略,以多頁式網站建立品牌網站,與此同時運用一頁式網站推薦明星產品,打響品牌知名度,再將流量引導回網站。

若你已有品牌網站,也可以使用一頁式網站作為新上市產品的導購工具,讓使用者專心於一項產品或是活動的導購。這樣的手法也很常在電商平台看見,你可以觀察每到雙11、雙12或特定節日,很多電商平台總是會用活動頁面進行廣告宣傳。

多頁式網站上可能會有的元素。

文章的最後,歡迎大家將文章分享給正在準備架設網站,以及有架設網站計畫的人。如果還在糾結不知道要選擇哪種網站設計,可以私訊我們展開案前的諮詢!龐果設計擁有多年的設計經驗與相對應的專業技能,可以一步一步的帶你建構屬於你的網站設計!

您可能感興趣
  • 文章分類