404 頁面怎麼設計：說明狀況並幫讀者繼續走

讀者從舊書籤打開展覽介紹，看到頁面不存在時，真正想知道的是展覽資訊去哪裡、現在還能查什麼。404 頁面的工作是接住這個中斷，讓讀者有清楚的下一步，而不是只把錯誤代碼放大。

以下展覽資訊網站與文案是原創示例，依 2026 年 9 月 14 日查閱的 Google、MDN 與 GOV.UK 文件整理。本篇沒有修改網站路由、提交搜尋工具或量測真實訪客行為；提供的是可執行的設計與驗收方法。

先確認這個網址為什麼沒有內容

404 表示伺服器找不到要求的資源，本身不說明是暫時還是永久。網址拼錯、內容刪除、連結未更新或路由設定錯誤都可能造成這個結果。先檢查原本內容是否應該存在，再決定要修復頁面、轉往新位置，或保留真正的找不到回應。

以展覽網站為例，若只是把同一篇介紹換了網址，可以對應到新頁面；若活動結束但仍有可用的交通、作品或回顧資訊，則可保留原頁並標明已結束。活動已結束不等於頁面必須消失，是否保留取決於內容用途與維護安排。

服務暫停、資料庫故障或登入條件也需要各自處理，不應一律包裝成不存在。對確定永久移除的資源，可依情境使用 410 表達已移除；對 Google 索引而言，404 和 410 都屬不保留該網址內容的回應，不能保證換代碼就會在指定時間消失。

用清楚文字說明，不把責任推給讀者

原創主標可以是「找不到這個展覽頁面」，接著說明「連結可能已更新，或這份資訊已停止提供」。沒有查明原因時不要肯定地說你輸入錯了；也不必用大量技術文字描述伺服器。頁面標題與主要標題都應讓使用者知道目前所在的狀況。

GOV.UK 的找不到頁面指引強調簡潔、不責怪使用者，並提供有幫助的聯絡資訊。應用在一般內容站時，可以提供檢查網址、前往展覽分類或聯絡編輯的方式；這是本篇的設計建議，不表示每個網站都要複製政府網站的整套版面。

插圖和品牌語氣可以保留，但不要讓玩笑、巨大代碼或動畫掩蓋後續操作。若加入圖像，確保重要訊息仍以文字呈現，按鈕在窄螢幕和放大後也能使用。讀者已經遇到一次中斷，接下來的路徑應容易看見。

提供與原任務相近的去處

展覽網站可優先提供「查看目前展覽」、「瀏覽展覽回顧」及站內搜尋；首頁可作備用去處。選項應依網站實際內容存在與否決定，而不是放很多看似熱門的連結。只有真正能協助讀者縮小範圍的選項，才值得留在錯誤頁。

若能從已知的舊網址對照推知分類，可以提供相近分類，但不要把任意網址片段當成已確認標題。站內搜尋需要有清楚標籤，搜尋失敗也要有可理解的結果。不要把網址中的私人參數直接帶進搜尋框、頁面文案或分析紀錄。

返回上一頁有時有用，但讀者可能直接從書籤或搜尋結果進站，上一頁也可能在別的網站。因此保留明確的站內去處，不只提供瀏覽器返回。聯絡入口則說明用途，例如回報失效連結，避免使用者不知道要提供什麼資訊。

畫面與 HTTP 狀態需要同時正確

在畫面寫找不到頁面，並不會自動讓伺服器回傳 404。若回應是 200，內容卻只剩不存在訊息，Google 可能將它判為 soft 404。自訂設計完成後，要用開發工具的 Network 查看原本錯誤網址的文件請求，確認真正的 HTTP 狀態。

不要只打開一個固定的 /404 展示頁就算驗收；應輸入沒有建立過的深層網址，直接載入並重新整理，觀察最後網址、回應和畫面。某些網站只在前端切換時顯示錯誤，直接開啟卻回到首頁或空白頁，這類差異需要單獨測試。

若內容搬家，使用正確的永久重新導向到相對應的新內容，並更新自己網站的連結。Google 明確提醒不要將大量舊網址全部導向無關首頁，因為可能讓使用者困惑，也可能被視為 soft 404。若多篇確實合併成一篇完整新內容，則可依對照處理。

1. 抽查不存在、已搬家及應存在卻出錯的網址，先分類原因。
2. 撰寫狀況說明，加入有效分類、搜尋或聯絡方式。
3. 確認原錯誤網址的 HTTP 回應，測試直接進入與重新整理。
4. 更新失效連結與對照規則，再依流量及影響安排後續修復。

追蹤哪些中斷值得優先修復

可以綜合伺服器紀錄、站內失效連結檢查與 Search Console 的索引報告找出問題。紀錄網址路徑、被連到的位置、發現時間、原因及處理方式。不同工具看到的範圍不同，分析工具未載入的錯誤頁，不一定會留下前端事件。

優先處理導覽列、正在投放的連結、熱門文章或重要流程中的失效入口。隨機掃描機器人要求的不存在路徑，與讀者從站內按鈕進入錯誤頁，影響不同；不要只按 404 次數最多就新增內容或建立大量重新導向。

Google 的說明指出，沒有替代內容的已移除頁面回傳 404 並不一定是問題，Google 也可能一段時間後仍再訪舊網址。目標不是讓報表永遠沒有 404，而是讓應該存在的內容可達、應該移除的內容正確回應，並修復仍在使用的壞連結。

驗收要涵蓋連結、樣式與修復後回查

錯誤頁本身的樣式、圖片和腳本路徑也要檢查。從很深的網址開啟時，相對路徑可能指向不同位置，造成圖像不見或連結再度失效。逐一操作分類、搜尋和聯絡入口，確認不會形成循環，並查看手機上是否仍可閱讀。

完成修復後，重新請求同一個原始網址，確認狀態碼、導向目標及內容一致。若使用快取或內容傳遞服務，留意修復後是否仍取得舊回應；索引報告則可能需要等待後續抓取，不要把報表尚未更新直接判斷成修復失敗。

把修復紀錄留下來，包含判斷原因、對應內容與驗證日期。未來改版或批次刪文時，就能查到哪些舊連結仍有人使用。404 頁面可以幫讀者繼續走，但維護真正的入口與內容對照，才會減少下一次遇到相同中斷。

分清 301 與 302 的重新導向用途

整理網站分類與資訊架構

使用 Search Console 查看索引狀態

• 教學
• 軟體與 App
• 行銷與 SEO
• SEO