設計頁首與頁尾

約 13 分鐘

概述

頁首是網站最上方的導覽區，訪客會用它認識品牌、切換頁面或點擊主要行動。頁尾是網站最下方的資訊區，通常放置聯絡方式、社群連結、法律條款與補充導覽。

這兩個模組通常設定為全站共用，即修改一處後，使用相同頁首或頁尾的頁面會一併更新。這能讓標誌（Logo）、導覽和聯絡資訊保持一致。

在哪裡設定？

在編輯器頂端開啟「版面配置」。頁首會在清單最上方，頁尾在最下方；點選「編輯」即可開啟各自的設定表單。您亦可直接在編輯器預覽中點選頁首或頁尾來開啟表單。

如果目前頁面沒有頁首或頁尾，「版面配置」會提供新增入口。新增後，建議先確認是否應設為全站共用，再開始填寫內容。

設計頁首

1. 設定品牌標誌（Logo）

頁首可使用圖片 Logo 或圖示 Logo。Logo 是網站最常被看到的品牌識別，請選擇邊緣清晰、縮小後仍能辨識的版本。

圖片 Logo 請使用乾淨的背景與足夠的對比。若 Logo 文字很細或顏色太淡，請在電腦與手機預覽中確認是否清晰。

2. 建立導覽項目

導覽項目是頁首中的連結。它們不會自動依頁面清單產生；請在頁首表單中逐一新增、命名與排序，這樣您能決定訪客最先看到哪些選項。

每個項目可指向：

網站內的某個頁面，例如「服務」或「聯絡我們」。
同一頁的指定位置，例如「方案」或「常見問題」。
外部網址，例如您的預約系統、商店、社群或合作平台。

外部連結可選擇在新分頁開啟。建議把外部連結開在新分頁，讓訪客不會因此離開正在瀏覽的網站頁面。

3. 加入主要按鈕

頁首可放置一個主要按鈕，例如「立即預約」、「免費諮詢」或「開始購買」。這是 CTA（行動呼籲），也就是您最希望訪客採取的下一步。

先在「設定」→「內容」建立自訂按鈕，再回到頁首選用它。全站使用同一個自訂按鈕時，日後只要更改一次網址或文字，就能減少不一致。

4. 整理導覽順序

將最重要的項目放在前面。一般網站可用「首頁、服務、案例、關於我們、聯絡」這類順序；如果您主要目標是預約，讓按鈕文字清晰且保持固定位置。

設計頁尾

頁尾適合放置不需要佔據首頁前段、但訪客仍可能需要的資訊。它可顯示品牌 Logo、網站名稱、品牌簡介、社群連結、聯絡資訊、自訂導覽與法律條款。

1. 決定顯示哪些品牌資訊

您可選擇是否顯示 Logo、網站名稱與社群連結。社群連結的網址需先在「設定」→「內容」中填妥；頁尾只負責決定是否顯示。

2. 加入簡介與自訂導覽

頁尾簡介適合用一句到兩句再次說明品牌。自訂導覽可連結至重要但不一定要放在頁首的頁面，例如常見問題、退款政策、合作方式或人才招募。

3. 顯示聯絡資訊

頁尾可選擇顯示地址、電話、Email 和營業時間。這些資料來自「設定」→「內容」，請先確認電話包含正確國碼、Email 沒有拼字錯誤，且營業時間能被訪客理解。

4. 加入法律條款連結

頁尾可選擇顯示條款、隱私相關頁面和 Cookie 設定入口。法律條款的內容與是否公開，請在「頁面」→「法律條款頁面」管理。

5. 填寫版權文字

全站共用與不同頁面

頁首與頁尾預設適合全站共用。當您啟用「全站共用」時，修改會影響使用此模組的所有頁面。這適合網站主要導覽、共用聯絡方式與法律連結。

若某一頁需要完全不同的導覽，例如獨立活動頁，可在表單中關閉「全站共用」。系統會要求確認，並將其他頁面使用的內容轉換成各自的副本。此做法適合例外情況；過多的不同頁首會讓訪客迷失方向，也會提高日後維護成本。

隱藏頁首或頁尾

在「版面配置」中使用眼睛圖示可暫時隱藏頁首或頁尾。隱藏前請確認訪客不會因此失去主要導覽、聯絡方式或法律連結。需要恢復時再重新啟用顯示即可。

小貼士

頁首保留 4 到 6 個清晰的導覽項目；過多選項會讓訪客不知道該點選哪裡。
頁首主要按鈕只放置一個行動，例如「預約」或「聯絡」，不要同時放置多個競爭目標。
頁尾聯絡方式要與 Google商家、社群和名片上的資料一致。
發佈前，逐頁檢查導覽連結是否指向正確頁面，以及外部連結是否以新分頁開啟。

常見問題

不會。請在頁首的導覽項目中手動新增和排序。這讓您可以排除不想放在主要導覽的頁面，也能加入外部連結。

可以。在「版面配置」中使用眼睛圖示切換顯示狀態。不過，隱藏後請確認訪客仍能找到重要頁面、聯絡方式與法律資訊。

在頁首表單中的導覽項目清單拖曳排序。頁面管理中的頁面順序與頁首導覽是分開管理的，兩者都要檢查。

可以。先在「設定」→「內容」建立或編輯自訂按鈕，設定文字和網址，再於頁首選擇該按鈕。

頁尾可選擇顯示系統提供的法律條款頁面與 Cookie 設定入口。請先到「頁面」→「法律條款頁面」檢查內容與可見性。