網路架站

一頁式網站適不適合你?三個前提先確認

多數人選一頁式網站,理由是它看起來省事,不用規劃導覽列,不用切分類,把所有內容塞進同一個網址就能上線。真正決定它撐不撐得住的,其實不是省不省事,是背後那個任務夠不夠單一:只有一個轉換目標、只面對一種受眾、內容量原本就有限。這三件事同時成立,一頁式才立得住腳;只要有一個被打破,前面看似省事的優點就會逐一鬆動。

活動報名頁、單一產品的募資或預購頁、個人或小型工作室的形象頁,都是任務夠單一的例子,讀者從頭捲到尾也不會被岔開去做別的判斷。但同一個網站一旦要面對不只一種受眾、內容量持續往上疊,一頁式先扛不住的不是美感,是結構本身。

只有任務夠單一,一頁式才撐得住

一頁式站不站得住腳,關鍵不是省了多少成本或時間,是背後那個任務夠不夠單一:只有一個轉換目標、只面對一種受眾、內容量原本就有限,這三個條件同時成立,才撐得住。

一頁式適合的幾種典型場景

活動報名頁是最典型的例子。一場為期一天的活動要收報名,重點只有一件事,讓人看完資訊就填表單。時間、地點、講者陣容、報名截止日,全部服務同一個動作,讀者從頭捲到尾也不會被岔開去做別的判斷。

單一產品的募資或預購頁是另一種情境。一項還沒上市的產品要收預購,讀者要做的決定同樣只有一個,買或不買。產品規格、使用情境、出貨時間全部支撐這一個決定,不需要另外開分類頁面去講其他產品或公司介紹,因為那些內容跟這個決定無關。

個人或小型工作室的形象頁,走的是同一種邏輯,只是轉換目標換了一種形式,不是收報名或收訂單,是讓人留下聯絡方式或印象。作品呈現、服務範圍、聯絡方式,同樣服務同一個目的,一頁捲完剛好講完該講的事。

這幾種場景背後共同的前提

把這三種場景拆開看,會發現它們有同一種底層結構:只有一個轉換目標、只面對一種受眾、內容量本身有限。這三個條件同時成立,一頁式的閱讀邏輯才撐得住,讀者不需要選單、不需要分類,因為根本沒有第二條路徑可選。

只要其中一個條件開始鬆動,情況就不一樣了。轉換目標一旦不只一個,同一個網址在搜尋引擎眼中仍然只是單一個檢索單位,卻得同時應付好幾組搜尋意圖;受眾一旦分眾,同一份內容順序沒辦法讓每一種讀者都覺得這頁是為他寫的;內容量一旦持續增加,沒有分類位置的一頁式只能一直往下疊,找不到地方安放新內容。

一頁式撐得住需要三個前提同時成立:只有一個轉換目標、只面對一種受眾、內容量原本就有限;任一鬆動就需要不只一個網址
轉換目標、受眾、內容量三個前提同時成立,一頁式才立得住腳;任一鬆動就該考慮改成多頁式。

一個網址扛不住太多組搜尋意圖

把焦點轉到搜尋引擎的角度,一頁式在 SEO 上的天花板,來自 Google 對一個網址的處理方式。不管頁面內文字寫得多豐富,Google 都把整頁當成一個檢索與排名單位,沒辦法讓不同段落各自針對不同搜尋詞排名。

頁內錨點,Google 當成同一個網址

一頁式常見的做法,是用頁內錨點連結模擬換頁的體感,導覽列點一下服務項目,畫面捲到第三個區塊,看起來就像換了一個頁面。但對 Google 來說,那還是同一個網址、同一組 title 與 meta description。Google 官方《URL 結構最佳做法》寫得很直接,請勿使用網址片段變更網頁內容,因為 Google 搜尋通常不支援網址片段;如果要用 JavaScript 變更內容,應該改用 History API。

換句話說,使用者體感上捲到了第三個區塊,跟這個區塊真的是不同網址,是兩回事。前者只是視覺與互動上的錯覺,後者才是搜尋引擎真正拿去索引與排名的單位。一頁式把好幾組不同的內容塞進同一個網址,等於自己先放棄了讓每一組內容各自被索引的機會。

多頁式才能讓每個關鍵字對應專屬網頁

多頁式的做法剛好相反,每一個頁面各自有自己的 title、meta description,可以各自被連結,在 Google 眼中是獨立的排名單位。Google 官方《SEO 入門指南》談到,理想的中繼說明應簡短扼要且專屬於單一特定網頁,這句話背後的前提,是每個頁面本來就該有自己專屬的一份說明,而不是整個網站共用同一組。

這也是一頁式在結構上做不到的事。Google 官方也提到,多數新網頁是透過連結被找到的,多頁式的每個頁面都能彼此連結、各自累積訊號,讓搜尋引擎逐步認得這個網址對應哪一種搜尋意圖;一頁式沒有其他頁面可以連結,也就沒有這套機制可用,所有內容不管講了多少種主題,最終都只能算在同一個網址底下。

使用者的注意力集中在最前面幾屏

就算把 SEO 放一邊,一頁式在內容承載量上也有實際的使用者行為天花板,限制不是頁面能塞多少字,是使用者願意往下看多少。

捲動超過第三屏,剩下的內容大多沒被看到

Nielsen Norman Group 一份分析 120 名參與者、逾 13 萬次眼球定位數據的研究發現,使用者平均把 57% 的瀏覽時間花在第一屏,74% 的時間落在前兩屏。把整頁依長度切成五等分後,一般網站有超過 42% 的瀏覽時間落在頁面最前面 20% 的區塊,超過 65% 的時間落在前 40% 的區塊。

這份研究也提出一個現象,頁面設計得太簡潔時,使用者會誤以為第一屏看到的就是全部內容,因而不會繼續往下捲,也就是所謂完整的錯覺。一頁式如果把重要資訊放在第四屏之後,等於把它放在多數使用者根本不會走到的地方,就算內容寫得再完整,多數人也看不到。

頁內段落彼此搶奪同一批注意力

多頁式的每一頁可以各自從頭開始,爭取一次完整的注意力週期,使用者點進一個新頁面,注意力重新歸零,第一屏又能重新抓住讀者全部的注意力。一頁式的每個段落卻是在瓜分同一批、會隨捲動遞減的注意力,離網頁頂端越遠的內容,被讀到的機率越低,這是結構性的限制,跟內容寫得好不好無關。

這也代表內容排序在一頁式裡分量特別重。越前面的段落先天占便宜,越後面的段落先天吃虧,能做的是把最重要的結論往前挪,而不是假設讀者會耐心捲到底。

受眾一旦分眾,一頁只能講同一個故事

從內容量的結構限制,轉到轉換設計的取捨,一頁式對單一受眾、單一決策的任務確實有效,但當網站要面對不只一種受眾時,一頁式沒辦法讓不同受眾看到對他各自有意義的內容與行動呼籲。

決策簡單的任務,把選擇拿掉確實有效

當任務本身只有要或不要一種決定,報名或不報名、預購或不預購,把其他選項都拿掉,逼讀者一路往下看到唯一的行動呼籲,這時一頁式的線性結構是優點,不是缺點。單一商品的預購頁就是這種情境,讀者不需要在導覽列裡選擇要看哪個分類,因為根本沒有第二種商品要選,捲到底看到立即預購的按鈕,剛好是他原本就準備做的那個決定。

這種情境下,選項越少反而越有效,因為讀者不需要在半路上停下來判斷這跟自己有沒有關係,一頁式的順序本身就是唯一的答案。

分眾受眾失去各自的資訊線索

但一旦受眾分眾,例如同時服務個人客戶與企業客戶,或同時要做品牌曝光與精準導購,情況就不一樣了。不同受眾點進同一個網址,看到的是同一段開場、同一組內容順序,沒辦法各自先看到跟自己有關的那部分。

Nielsen Norman Group 談資訊線索(information scent)的研究指出,使用者決定要不要點一個連結、要不要繼續往下看,取決於他評估這裡有沒有他要的答案;同一個資訊來源,對不同的資訊需求會產生不同強弱的線索,文中舉的例子是同一個詞放在不同網站脈絡下,代表的意義完全不同。研究也特別指出,許多到達頁開頭文字太少、只有一張大圖,就算頁面下方真的有使用者要的內容,使用者也會因為一開始感受不到足夠的線索而直接離開,不會繼續往下捲。

共用一頁的處境很類似,只能讓其中一種受眾感受到強線索,其他受眾拿到的都是弱線索,容易在還沒捲到答案前就先離開。Google Ads 官方說明品質分數時,把到達網頁體驗(landing page experience)定義為到達網頁對點擊廣告的使用者而言有多相關、多實用,同一個到達網頁面對不同需求的使用者,相關度的評價本來就不會一樣。

內容持續增加,一頁式先扛不住的是架構

網站上線後,內容通常只會越來越多,新服務、新案例、新公告,一頁式沒有新增一頁這個選項,只能往同一份內容裡繼續加。先扛不住的是架構,不是視覺。

新增的內容只能往同一頁裡塞

多頁式新增一個服務項目或一篇案例,就是新增一個網址,可以獨立分類、獨立連結;一頁式新增同樣的內容,只能在原本的頁面裡找地方插入,頁面只會越來越長,沒有歸類這個中間層可以用。

Google 官方《SEO 入門指南》談到,網站含有數千個網址時,用目錄將主題類似的網頁歸為一組,可以讓 Google 了解個別目錄中的網址變更頻率。這套做法的前提,是網站本來就有多個網址可以分類;一頁式從結構上就沒有這個選項,新內容永遠只能疊加在同一份文件裡,沒辦法告訴搜尋引擎哪一批是常更新的公告、哪一批是很少變動的服務說明。

轉成多頁的時機由內容量決定

判斷該不該轉成多頁式,看的是內容量本身,不是頁面好不好看。幾個訊號可以當判準:內容範圍已經涵蓋不只一種受眾、內容種類已經多到沒辦法用同一套順序講完、或某些段落已經需要各自被搜尋到與分享,這些都代表內容量已經超過一頁式承載範圍,跟頁面做得好不好看無關。

這幾個訊號通常不會同時出現,往往是其中一個先亮起。繼續往同一頁裡塞,不會讓網站看起來更完整,只會讓每個受眾都要捲過一堆跟自己無關的內容,才能找到他要的那一段;結構上的限制不會因為忍著不轉而消失,只是被壓縮進同一個網址裡,連帶讓前面提到的搜尋引擎索引限制、注意力遞減、受眾分眾這幾個問題一起發作。

一頁式的前提一旦鬆動,會依序引發四個問題:SEO 索引失準、注意力遞減、受眾分眾無解、內容架構長不動
前提一鬆動,SEO 索引、使用者注意力、受眾分眾、內容架構會接連出問題。

一頁式沒有不好,問題出在很多網站用錯了前提。轉換目標單一、受眾單一、內容量有限,一頁式是最合適的形式,不是將就的做法;等到轉換目標不只一個、受眾開始分眾、內容量持續往上疊,該面對的就不是把這一頁修得更精緻,而是老實承認這個網站已經需要不只一個網址。

常見問答

本區問答由 AI 依文章內容自動整理,僅供快速參考,正式內容仍以全文為準。

一頁式網站適合什麼樣的網站?

適合任務夠單一的網站:只有一個轉換目標、只面對一種受眾、內容量原本就有限,例如活動報名頁、單一產品的預購頁或個人形象頁,這三個條件同時成立時,一頁式才撐得住。

一頁式網站的頁內錨點連結會影響 SEO 嗎?

會。Google 把頁內錨點模擬換頁的做法仍視為同一個網址、同一組 title 與 meta description,官方建議不要用網址片段變更網頁內容,一頁式因此沒辦法讓不同段落各自被索引與排名。

使用者通常把注意力放在網頁的哪個位置?

研究發現使用者平均把 57% 的瀏覽時間花在第一屏,74% 落在前兩屏,超過 65% 的時間集中在頁面前 40% 的區塊;頁面設計太簡潔時,使用者還容易誤以為第一屏就是全部內容而不再往下捲。

一頁式網站能同時服務不同的受眾嗎?

很難。不同受眾點進同一個網址,看到的是同一段開場與同一組內容順序,沒辦法各自先看到跟自己有關的部分,只有其中一種受眾能感受到強線索,其他受眾容易在還沒捲到答案前就先離開。

什麼時候該把一頁式網站轉成多頁式?

當內容範圍已涵蓋不只一種受眾、內容種類多到沒辦法用同一套順序講完,或某些段落需要各自被搜尋與分享時,就代表內容量已超過一頁式承載範圍,這時該考慮轉成多頁式,而非把畫面修得更精緻。

資料來源
  1. URL structure best practices — Google
  2. SEO Starter Guide — Google
  3. Scrolling and Attention — Nielsen Norman Group
  4. Information Scent: How Users Decide Where to Go Next — Nielsen Norman Group
  5. About Quality Score — Google Ads