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

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

目錄

  想要在一頁式與多頁式網站中進行選擇,毫無疑問是非常困難的,就頁面多寡而言,兩種網站設計都有其優劣勢!如果不考慮企業的屬性,強制將模板套進所有的產品與服務項目,那你獲得的將是一個「網站」,而不是能帶來商機的「無形資產」!

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

  為了幫助大家找出最適合的網頁設計,我們將探討兩種方式各自的優劣勢,並說明哪種類型的網站適合哪種方式!由於一頁式網站的優劣勢已在上篇文章討論過,你可以再回到你適合一頁式網頁嗎?帶你拆解一頁式網頁的優劣勢!複習一下一頁式網站的優劣勢,這篇文章我們就接著來談多頁式網站。

什麼是多頁式網站?

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

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

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

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

多頁式網站優點

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

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

 無限的可擴展性 網頁設計 多頁式網站設計

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

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

 網頁設計 網站設計 多頁式網頁設計 高雄網頁設計  多頁式網站 一頁式網站

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

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

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

seo優化 網頁設計 網站設計

多頁式網站缺點

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

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

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

多頁式網站設計使用推薦

  多頁式網站的設計幾乎適合所有類型的項目,像是電子商務網站企業形象網站都可以發現多頁式網站運用的痕跡。

電子商務網站設計

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

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

企業形象網站設計

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

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

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

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

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

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

  上篇提到一頁式網站無法運用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作分析,進去、出來都是同一個頁面,怎麼做判定?所以多頁式網站吃香的地方就在這裡,透過數據的不同可以微調頁面的內容發布,方便企業及時掌控頁面效益。

高離開率與高跳出率

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

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

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

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

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

  如果還在糾結不知道要選擇哪種網站設計,可以私訊我們展開案前的諮詢!龐果設計擁有多年的設計經驗與相對應的專業技能,可以一步一步的帶你建構屬於你的網站設計!