官網『404 錯誤頁面』(404 Error Page) 設計完整攻略：中小企業如何把訪客點錯連結的死路，變成再看兩眼、再問一次的第二次機會

做過網站的老闆多少都有這個經驗：改版換路徑、後台不小心把商品下架、或是有人 Email 亂複製一段舊網址發到 LINE 群組，客人點進來看到一片『Not Found』就把分頁關掉。你可能覺得 404 只是個技術問題，交給工程師處理就好，但事實上，這是官網每天悄悄流失客戶的第一大破口。

Google Search Console 大概是台灣中小企業最少人打開的後台之一，只要進去看一次『覆蓋範圍 > 找不到 (404)』，通常都會嚇一跳：一個中型網站每個月被爬到的 404 動輒上百次，這還沒算 GA 上真的有訪客點進來的流量。這些人不是無關緊要的路人，他們大多是從 Google、社群連結、舊書籤或是自家 EDM 導進來的，也就是說——他們原本是想找你的。

一、為什麼 404 頁面值得花時間好好設計？

先講一個很反直覺的觀念：預設的『Not Found』頁不是中立的，它是負向的。訪客只要看到白底黑字＋一行英文，第一反應通常是『這網站是不是壞了？』或『這家公司是不是收掉了？』——尤其是消費者對品牌信任本來就薄，一個技術性的錯誤頁很容易被解讀成經營狀態。

反過來說，一個設計得好的 404 頁能同時做三件事：一是安撫情緒，讓訪客知道『不是你的錯、也不是我們倒了』；二是提供出口，把人引導回真的有內容的地方；三是收集資訊，讓你知道到底哪些連結壞掉、要不要補救。這三件事分別對應到品牌形象、轉換率、與 SEO 修補，一頁 CP 值極高。

Photo by Theme Photos on Unsplash

二、一個能救回轉換的 404 頁，至少要有這五塊

1. 一句像人講話的錯誤說明。不要寫『HTTP 404 Not Found』，也不要寫『您所查詢的頁面不存在』這種硬梆梆的文言。試著換成『這頁好像不見了』、『我們找不到這個網址』、或直接『這條路走不通，但你可以走另一邊』。同樣是說一件事，語氣的溫度差很多，而語氣就是品牌感的一部分。

2. 明確的『回家路』。訪客到了 404 的心情是有點迷路的，這時候塞給他 20 個連結只會讓他更煩。放兩到三顆主要按鈕就夠了：一顆『回首頁』、一顆『看熱門商品／服務』、如果你有搜尋功能就加一顆『搜尋你要找的東西』。按鈕要明顯、位置要在螢幕中間偏上，不要藏在最下面。

3. 一組『可能想找的頁面』推薦。這一塊常被忽略但效果很好。列出 4-6 個你最想被看到的頁面，例如熱銷商品、最新文章、服務項目、聯絡我們——邏輯上跟首頁的重點區塊一樣，但排列得更緊湊。當訪客本來就有目的、只是敲錯門，這排推薦很可能就是他下一步的入口。

4. 一個聯絡出口。如果訪客真的很堅持要找那個東西、但你的 404 頁沒幫上忙，他需要一條可以立刻問人的路。放一顆 LINE 按鈕、一個聯絡表單連結、或是 Email 都好。這條路每個月大概不會有幾個人走，但走上來的通常都是很有誠意的客人，絕對不能斷。

5. 品牌識別要在。Logo、主色、字體都要跟其他頁面一致，不要看起來像是『另外一個網站』。有些中小企業的 404 頁是伺服器預設的、或是 WordPress 主題附贈的樣板，配色跟站內完全不同，訪客一看就覺得『我是不是被導到別的地方了？』——這個裂縫就是信任流失的起點。

Photo by Tirza van Dijk on Unsplash

三、幾個容易踩到的雷

雷一：把 404 回成 200。這是 SEO 上非常常見的錯誤。有些工程師為了讓錯誤頁看起來『正常』，把 HTTP 狀態碼設成 200，結果 Google 以為每個死連結都是一個真頁面，開始把大量『空內容』收錄進索引，網站權重被稀釋得一塌糊塗。正確做法是：頁面內容可以漂亮溫暖，但伺服器回傳的狀態碼一定要維持 404（或適用時的 410）。

雷二：自動 3 秒跳回首頁。看起來很貼心，實際上很粗暴。訪客可能還在讀『這頁不見了』的字，畫面就自動跳走，他會不知道剛剛發生什麼事，也失去『那我要不要點推薦頁面』的選擇權。要跳可以，讓他自己按按鈕。

雷三：把 404 當笑話頁。有些設計師很愛在 404 頁放梗圖、放一大段幽默文案，甚至放小遊戲。玩得好的確有品牌加分，但玩不好會變成『客戶想解決問題，你在耍寶』。判斷標準很簡單：訪客有多急？如果你賣的是 B2B 系統、金融、醫療、法律——收斂一點，正經回話。如果你賣的是生活消費品、內容媒體、餐飲品牌——可以稍微皮一下但別過頭。

雷四：忘了做手機版。台灣現在網站流量七成以上來自手機，桌機版 404 頁做得漂漂亮亮、手機版卻是圖片切一半、按鈕跑版、搜尋框被鍵盤遮住——等於全白做。設計 404 頁一定要跟其他頁面一樣做響應式測試。

四、404 頁其實是免費的『網站健康監測站』

這一段是很多中小企業老闆從來沒想過的角度：404 頁如果加上一段簡單的追蹤程式碼，它就會變成一個免費的網站健檢工具。你可以用 GA4 或 Google Tag Manager，把每一次落到 404 的訪客記下來，包含『他原本想去的網址』與『他從哪個連結被導過來的』。

拿到這份資料之後，一個月看一次，你會發現：有些死連結是舊 EDM 亂發、有些是 Google 還沒清掉的舊索引、有些其實是內部連結被自己不小心弄壞的、還有一些——是很有價值的關鍵字被人搜到卻沒對應頁面，這根本就是內容補洞的線索。修 301 轉址、補文章、通知業務把 EDM 素材下架，都會從這份表裡跑出來。

五、實作上的技術重點（給發包給我們的老闆看的）

如果你打算把現有網站的 404 頁重做，可以直接把這幾點丟給網站廠商，或是自己核對一遍：伺服器 HTTP 狀態碼保持 404（可用線上工具 httpstatus.io 檢測）、404 頁本身可被爬蟲讀取但不會被索引（加 noindex）、頁面載入時間控制在 1 秒內、桌機與手機都要有完整的響應式版本、CTA 按鈕要用主色不要用灰色。如果是 WordPress 站，主題內通常有 404.php 可直接改；如果是 Next.js、Nuxt 這類框架，會有專屬的錯誤頁機制，改起來也不困難。

Photo by Lee Campbell on Unsplash

結語：不要小看那個沒人想點到的頁面

官網上有很多頁面每天累積曝光，卻只有 404 這一頁是完全『非計畫性』的——訪客不是規劃好要來，而是不小心走錯路的。他們的耐心是最短的、留下來的機率也最低，但正因為期待值低，你只要多做一點點，感受差距就會很大。

下次改版時記得把 404 排進待辦事項清單，不要等它出事了才想起。順便打開 Google Search Console 看一次現有 404 清單，該補的補、該轉址的轉址——這是免費的健檢，也是把每一個原本會流失的訪客再抓回來一次的機會。