許多中小企業老闆把網站的「頁尾（Footer）」當成資料垃圾桶：把版權聲明、公司電話、地址、Facebook 圖示一股腦塞進去，剩下的就交給設計師「處理一下」。但在我們做網站的經驗裡，Footer 其實是整個官網最被低估、卻又最被頻繁滑到的版位。
想想看：訪客只要把網頁滑到底，就一定會看到它。它出現在每一個頁面、每一次瀏覽、每一次想離開又遲疑的瞬間。如果首頁是「歡迎光臨」，那 Footer 就是「臨走前最後一句話」——而那句話要說什麼，決定了訪客是離開、是再多看一眼、還是直接點電話打給你。
這篇文章會帶你從零開始規劃一個會幫你接案的 Footer，包含必放元素、SEO 加分技巧、轉換設計、行動裝置適配，以及最容易被忽略的設計細節。
Photo by Hal Gatewood on Unsplash
一、為什麼 Footer 比你想得更重要？
Footer 出現在每一個頁面，意思是它的曝光次數是「PV 總和」，遠遠大於任何一個內頁。Google Analytics 上看不到它的點擊熱區，所以很容易被忽略，但實際上它默默承擔了三個任務：
1. 信任的最後驗證：訪客在猶豫要不要詢問之前，會習慣性地往下滑，看看「這家公司是不是真的存在」。沒有地址、沒有統編、沒有公司全名的 Footer，會讓人懷疑這是不是一頁式詐騙站。
2. SEO 的內部連結樞紐：搜尋引擎爬蟲跟訪客一樣會「看」Footer。一個結構良好的頁尾連結，能把搜尋權重平均分配到所有重要頁面，特別是那些首頁沒辦法直接連到的服務頁、案例頁。
3. 第二次轉換機會：當訪客看完內容卻沒按 CTA 按鈕，Footer 是把他們重新拉回的最後一個機會。一句「想要免費諮詢嗎？」加上一個輸入欄位，往往比首頁的大型 CTA 更容易被填寫——因為訪客此時已經看完內容，更接近做決定的狀態。
二、必放元素：缺一個都會扣分
不論你的公司是賣什麼的，這幾個元素一定要在 Footer 出現。我們看過太多官網因為缺了其中一兩項，被客戶懷疑「是不是地下公司」：
公司全名與統一編號：根據《公司法》及消費者保護的常規，從事商業活動的網站應該明確標示營業主體。寫上「○○股份有限公司 統編：12345678」會立刻拉高信任感，特別是 B2B 客戶。
實體地址：就算你是工作室、就算你是在家接案，寫一個能收信的地址（甚至租一個虛擬辦公室地址）都比沒寫好。Google My Business 也會用這個資訊判斷本地搜尋排名。
聯絡電話 + Email：電話要用 tel: 連結讓手機可以點擊撥打；Email 用 mailto:。不要只放圖片，也不要只放表單——有些客戶就是想直接打給你。
營業時間：「週一至週五 09:00-18:00」這種一行字，能幫你過濾掉半夜留言抱怨「為什麼沒人接電話」的潛在誤會。
版權聲明：格式建議用「© 2026 公司名稱. All rights reserved.」。年份建議用 JavaScript 自動更新，避免出現「© 2021」這種讓人覺得網站已死的尷尬畫面。
隱私政策與服務條款連結：個資法越來越嚴，沒有隱私政策的網站，連 Google Ads 都不讓你投。這兩個連結放在 Footer 是業界標準位置。
三、SEO 加分元素：把 Footer 變成搜尋武器
Footer 對 SEO 的影響不只是有沒有連結這麼簡單，它的「結構」決定了搜尋引擎怎麼理解你的網站架構。
分層的內部連結地圖：把網站主要分類用「服務項目」「常見問題」「最新文章」「關於我們」幾個區塊分組，每組底下放 4–6 條連結。這樣做有兩個好處：一是把搜尋權重從首頁「下放」到次級頁面；二是讓爬蟲一次抓到網站的完整結構。
避免堆關鍵字：早期 SEO 喜歡在 Footer 塞一大堆關鍵字連結，例如「台北網頁設計、桃園網頁設計、新竹網頁設計、台中網頁設計⋯⋯」。Google 從 2018 年之後就把這種行為標記為「過度優化」，會降低排名。乾淨、自然、有意義的連結才是現在的標準。
結構化資料（Schema.org）：在 Footer 區域加上 Organization 或 LocalBusiness 的 JSON-LD，可以讓 Google 在搜尋結果直接顯示你的公司資訊（名稱、地址、電話、評價星等）。這個動作技術門檻不高，但很多中小企業官網都沒做。
社群連結要用 rel="noopener"：連到 Facebook、Instagram、LINE 官方帳號的連結，記得加上 target="_blank" rel="noopener noreferrer"。前者讓使用者在新分頁開啟、不打斷他在你網站的瀏覽；後者是基本資安防護。
Photo by Domenico Loia on Unsplash
四、轉換元素：讓 Footer 成為第二個 CTA 戰場
內頁的 CTA 按鈕只有 30% 不到的點擊率，但訪客「滑到底」幾乎是必然行為。換句話說，Footer 是你最後一次跟訪客對話的機會，不利用就太可惜。
電子報訂閱欄位：B2B 業務週期長，訪客當下不一定會詢問，但留下 Email 換一份「中小企業官網檢核表」這種資源，是常見的養名單手法。一個輸入欄 + 一個按鈕，欄位數量越少轉換率越高。
快速詢問按鈕：「立即免費諮詢」或「LINE 官方帳號加好友」這種按鈕，放在 Footer 顯眼處（通常是右下角浮動 + Footer 中央各一個）效果最好。LINE 加好友的按鈕記得用官方提供的 SDK，可以直接觸發加入流程。
FAQ 或常見問題連結：很多訪客在 Footer 滑到一半時，腦中正在浮現「他們可以做我這個產業嗎？」「報價要多少？」這類問題。把 FAQ 頁面放在顯眼位置，能即時回答這些疑慮。
合作夥伴或認證標誌：如果你有合作的軟體廠商（例如 Google Partner、Meta 廣告夥伴、Cloudflare Partner），或是 ISO 認證、SSL 安全標章，把它們放在 Footer 上方作為信任背書，是個很有效的轉換助攻。
五、設計細節：那些工程師不會主動提醒你的事
有了內容，還要有好的視覺呈現。Footer 的設計常常是整個網站最後才做、預算最少的部分，但幾個細節做不好，就會把前面累積的專業感全部毀掉。
底色要和主版面有區隔：常見作法是把 Footer 設成深色（例如深灰、深藍、品牌主色加深 30%），讓它和上方內容明顯分隔。視覺上的「結束感」會讓訪客知道：到這裡為止了，下一個動作應該是什麼。
行高與字級要比內文小一些：Footer 的資訊密度高，建議字級用 14px，行高 1.6–1.8。連結之間留 12–16px 的間距，避免手機誤觸。
手機版要折疊：桌機可以攤開的四欄式 Footer，到了手機會變成一條長長的清單。建議用「手風琴」摺疊設計，預設只顯示分類標題，點開才展開連結，讓滑到底的體驗不要太疲憊。
對比度要符合 WCAG 2.1 AA 標準：深色背景配淺灰文字看起來很有設計感，但對比度不足會被 Google Lighthouse 扣無障礙分數，也會讓老花眼客戶看不清楚。建議至少 4.5:1 的對比度。
避免「永遠載入中」的社群圖示：常見錯誤是用 SVG 社群圖示但忘了壓縮、或是引用了過大的 Icon Font 套件。Footer 出現在每個頁面，這些檔案會被重複載入，拖慢整站速度。建議用 inline SVG 或 sprite 一次載入。
Photo by Tran Mau Tri Tam ✪ on Unsplash
六、給中小企業老闆的行動建議
如果你的官網已經上線一段時間，建議今天就花 15 分鐘做這件事：用手機打開自己的官網，滑到底，把 Footer 的所有資訊念給自己聽一遍。問自己三個問題：
第一，這個 Footer 能不能讓一個第一次來的客戶相信「這家公司是真的」？如果不能，那資訊就要補齊：公司全名、統編、地址、電話、Email。
第二，這個 Footer 有沒有給訪客「下一步」的引導？如果只有版權聲明，那就太可惜了。加上一個「免費諮詢」按鈕或電子報訂閱欄位，就能多撈一些原本要流失的潛在客戶。
第三，這個 Footer 在手機上會不會太擠、太長、太難按？打開手機實際測試，比看設計稿準得多。
Footer 不會讓基礎不佳的網站起死回生，但會讓好網站變得更會賺錢。它是整個網站投資中 CP 值最高、卻最被忽略的版位。下次改版時，請務必留 15% 的設計預算給它——這筆錢，會在後續每一次客戶滑到底時，幫你慢慢賺回來。
如果你想知道更多關於官網設計、SEO、轉換優化的實戰技巧，歡迎追蹤奧隆的部落格，或直接和我們聊聊你目前網站遇到的問題。
