多頁式網站是把公司介紹、各項服務或產品、案例、文章與聯絡方式分別放在不同網址的網站，訪客透過導覽選單在頁面之間移動；一頁式網站則把所有區塊排在同一個網址的長頁面上，用捲動或錨點跳到各段。兩者差在三方面：功能上，多頁式每頁可以有自己的內容深度與行動目標，一頁式動線單一、適合聚焦一件事；SEO上，多頁式每頁都能有自己的標題與描述，一頁式的區塊共用一個網址；維護上，多頁式可以逐頁增修，但頁面越多，更新與檢查的工作也越多。服務或產品不只一項、打算經營搜尋流量的企業，較適合多頁式；只推一項產品或短期活動、內容量不大時，可以先考慮一頁式。
網址與導覽：兩種網站的基本差異
判斷網站是多頁式還是一頁式，看網址就知道。多頁式網站的每個主題有自己的網址，服務內頁、案例頁與文章頁各自獨立，訪客從搜尋結果或分享連結進來時，直接落在該主題的頁面。一頁式網站的選單點下去，通常是跳到同一頁的某個區塊，網址只在後面多出井字號與區塊名稱；這段稱為網址片段，指向的是同一份文件裡的位置，而且不會隨著請求送到伺服器。
這也影響動線設計。一頁式的訪客由上往下讀，要排好區塊順序讓說服一次走完；多頁式的訪客會從不同頁面進站，每一頁都要能獨立說清楚自己的主題，並提供往下一步的入口，例如服務內頁接到案例與聯絡頁。一頁式是在排一條路線，多頁式是在規劃一張地圖。
功能比較：表單、內容量與數據追蹤
| 比較面向 | 一頁式網站 | 多頁式網站 |
|---|---|---|
| 網址 | 一個網址，區塊以片段定位 | 每個主題一個網址 |
| 內容容量 | 受頁面長度限制，適合單一主題 | 可依服務、產品、案例分頁擴充 |
| 表單與行動目標 | 多半集中一組表單或購買按鈕 | 可依頁面設定詢價、報名、應徵等不同表單 |
| 數據追蹤 | 要知道訪客看到哪一段，需另設捲動或點擊事件 | 以頁面為單位就能看出哪些主題被瀏覽 |
| 擴充 | 新增服務時，頁面越拉越長 | 新增頁面並放進選單 |
功能面要先問的是：網站要讓訪客做幾種不同的事。只要求留下聯絡資料或下單一種行動，一頁式的單一動線反而清楚；同時要接詢價、報名課程、下載型錄與招募人才，就需要多頁式讓每種行動有自己的入口與表單。
SEO差異：對照Google搜尋中心的說明
對照Google搜尋中心的官方說明，兩種結構在搜尋上的差別如下：
- 標題：官方建議網站上的每個網頁都用 title 元素指定標題，文字簡明、避免濫填關鍵字。多頁式的每個服務頁都能寫貼近主題的標題，一頁式只有一個。
- 摘要：搜尋結果的摘要主要由網頁內容自動決定；官方建議首頁使用網站層級說明，並替每個網頁撰寫不同的說明。
- 連結：Google只能找到 a 元素中含有 href 屬性的連結，導覽與內文連結要用標準連結寫法。
- 片段：官方建議不要用片段載入不同的網頁內容，單頁應用程式改用 History API 切換畫面。因此一頁式的錨點區塊，不宜期待被當成獨立網頁。
- 目錄：SEO入門指南提到，網址多的網站把相近主題放在同一目錄，可能有助Google了解各目錄網址的變動頻率。
分成多頁只是讓不同主題有機會各自被索引，不代表排名會提高；頁面內容單薄或彼此重複，頁數多也沒有幫助。官方入門指南也提醒，有些變更幾小時就會反映，有些可能要幾個月。
維護工作與費用結構的差異
上線後的維護量也會影響選擇。一頁式內容集中，改一段文字只動一個頁面，但新增服務就要重排區塊，頁面越長，改版牽動的設計越多。多頁式可以逐頁增修，新增一項服務就是新增一頁，但頁數多了之後，下面這些工作會跟著出現：
- 內容負責人：每一頁由誰更新、多久檢查一次，要事先分配。
- 後台：文章、案例、產品這類常更新的頁面，適合放在內容管理系統讓內部人員自行修改。
- 連結檢查：頁面改名或刪除時，選單與內部連結要同步更新。
費用結構也因此不同。一頁式的工時集中在單頁的版面與動態設計；多頁式則取決於頁面數量、需要幾種版型、內容由誰撰寫與提供素材、表單與後台功能，以及上線後的維護範圍。比較報價時，請廠商把這幾項分開列出。
哪些情況選一頁式、哪些選多頁式
可以先用一頁式的情況
- 只推一項產品、一個活動或一次招生，資訊量一頁講得完。
- 流量主要來自廣告或社群貼文，進站後只要完成一個動作。
- 需要短時間上線，之後再決定是否擴充。
適合規劃成多頁式的情況
- 服務或產品線不只一條，每條都有人會單獨搜尋。
- 要長期發布文章、案例或公告。
- 需要多種表單，或讓客戶、經銷商登入查詢資料。
- 產業需要較多信任資訊，例如團隊背景、認證與作品。
兩者也可以並用：公司官網採多頁式，檔期活動另做一頁式到達頁，放在官網網域下的獨立網址，活動結束後再決定保留或轉址。一頁式的區塊安排與製作流程，可參考一頁式網站的製作流程與重點。
多頁式網站的基本頁面架構
多頁式網站的頁面可以分成四層來想，每一層負責的事不同：
- 入口層：首頁，說明公司做什麼、服務誰，並把訪客分流到主要服務與聯絡入口。
- 分類層：服務或產品分類頁、案例列表、文章列表，負責讓訪客挑到自己要的主題。
- 內容層：服務或產品內頁、單一案例、單篇文章，一個主題一頁，把內容、適用對象與流程寫完整。
- 支援層：關於我們、常見問題、聯絡我們與隱私權政策，處理信任與聯繫。
網址可以跟著層級走，例如服務內頁都放在同一個服務目錄下；Google的SEO入門指南也建議在網址中使用對使用者有幫助的字詞。主選單放分類層與關於、聯絡，內容層從分類頁進入，支援層的次要頁面放在頁尾。上線初期內容不多時，可以先做首頁、主要服務內頁與聯絡頁，其他頁面預留位置再補。
從一頁式改成多頁式的步驟
- 盤點現有內容：列出一頁式的每個區塊，標記哪些獨立成頁、哪些留在首頁。
- 訂出頁面與網址：依上一節的架構列出頁面清單，確認每個主題只對應一個頁面。
- 保留首頁網址：一頁式通常就是首頁，改版後首頁網址不變，原本的錨點選單改成連到新頁面。
- 處理舊網址：原本的一頁式放在別的網址，或有活動頁要整併時，依Google的網址變更說明，在技術可行時使用伺服器端永久重新導向，導到內容對應的新頁。網址片段不會送到伺服器，無法靠伺服器端轉址分別導向。
- 提交與檢查：在Search Console提交新的Sitemap，讓Google知道新網址，再用網址檢查工具抽查新頁面。
- 更新對外連結：把廣告到達網址、社群簡介與Google商家檔案的網站連結改成對應的新頁面。
常見問題
多頁式網站要做幾頁才夠？
沒有固定頁數。從訪客要完成的任務回推，每項主要服務或產品線一頁，加上關於、案例與聯絡等支援頁；內容還撐不起一整頁的主題，可以先放在分類頁，等資料充足再獨立。
每一頁都要放聯絡表單嗎？
不一定要每頁放完整表單，但每頁都要有明確的下一步，例如頁尾或側欄的聯絡按鈕。服務內頁可以把服務名稱帶進表單，業務收到時就知道客戶看的是哪一項。
多頁式網站一定要有後台嗎？
看更新頻率。文章、案例、產品常更新，建議用內容管理系統讓內部人員自行修改；內容很少變動的網站，也可以做成靜態網頁，由廠商在需要時更新。
導覽選單要放哪些項目？
主選單放訪客常找的主要分類，例如服務、案例、關於與聯絡；徵才、隱私權政策這類次要頁面放頁尾。項目多時用下拉選單分組，名稱用訪客熟悉的詞，不用內部部門名稱。
形象官網和多頁式網站是同一件事嗎？
不是同一種分類。形象官網是依用途區分，重點在介紹公司與建立信任；多頁式是依結構區分。形象官網可以做成一頁式，也可以做成多頁式，要看內容量與經營方式。
本文由京采數位科技整理。我們自 2005 年起提供官網設計、系統開發與 Google SEO 服務，實際案例可見成果與案例。
想直接討論你自己的網站狀況，或需要一份初步的搜尋機會評估？
相關主題
下一步
決定一頁式或多頁式之前，建議先列出網站要讓訪客完成哪些事、每項服務是否有人單獨搜尋，以及內部誰負責更新內容。京采的網頁設計服務可以協助規劃頁面清單與網址結構、設計各頁版型、開發表單與後台，並在從一頁式改版時處理轉址與上線前檢查；想先討論現有網站適合哪種架構，歡迎與我們聯繫。
