回到設計筆記

網站 404 頁面怎麼設計?把找不到頁面變成可繼續前進的入口

網址輸入錯誤、舊連結被分享或頁面下架,都可能讓訪客來到 404 頁面。本文說明如何設計實用的找不到頁面、處理重要舊網址,並減少訪客直接離開網站。

網站 404 頁面怎麼設計?把找不到頁面變成可繼續前進的入口

404 頁面代表伺服器找不到訪客要求的網址。它不一定表示網站出了大問題:有人可能輸入錯字、點到外部網站的舊連結,也可能是企業改版後調整了頁面位置。真正可惜的是,訪客已經主動來到網站,卻只看到冷冰冰的錯誤訊息而離開。

中小企業不需要把 404 頁做得花俏,但應讓訪客知道發生什麼事,以及接下來能去哪裡。這也是維護使用體驗與搜尋流量的基本工作。

404 頁面要先說人聽得懂的話

避免只顯示「404 Not Found」或技術代碼。可用簡短文字說明:「您要找的頁面可能已移動、改名或網址輸入有誤。」語氣應符合品牌,但不要把問題怪在訪客身上。

接著提供明確出口,例如回首頁按鈕、網站搜尋欄,以及主要服務、熱門文章或聯絡頁連結。連結數量不宜過多,否則訪客仍得重新猜測。若網站類型明確,也可提供符合任務的入口:服務型企業可放服務總覽與預約諮詢;有產品目錄的網站可放商品分類。

分清楚該轉址與該保留 404 的情況

不是每個不存在的網址都要自動帶到首頁。若舊頁面有對應的新頁面,例如舊服務介紹搬到新網址,應安排永久轉址,讓訪客與搜尋引擎都能到正確內容。

但若內容已取消且沒有合理替代頁面,保留 404 或改為明確告知內容已下架,通常比一律送到首頁更誠實。把不相關網址全部導向首頁,訪客可能以為網站壞了,也難以找到原本想要的資料。

建立轉址前,先確認新舊內容是否真的相近。像是某項停產產品不應隨意導到完全不同的服務頁;可改連到相關分類頁,並在頁面內提供替代選項。

從紀錄找出真正影響訪客的錯誤

網站管理工具、分析工具或主機紀錄,通常能協助找出被要求但不存在的網址。優先處理有較多造訪、來自重要外部連結,或出現在廣告與社群貼文中的網址。

檢查時也要回頭找原因:是否改版後漏設轉址?選單或文章內是否仍連到舊頁?印刷品、電子報與商家資訊上的網址是否寫錯?修正來源比只處理單一 404 更有效。

改版前先建立網址對照表

網站改版最容易產生大量失效連結。正式上線前,將舊網站的重要網址逐一列出,對照到新網址、替代內容或確認下架。這份表也應包含熱門文章、服務頁、活動頁與常被外部引用的資源。

上線後再以實際點擊測試頁首、頁尾、表單完成頁與內文連結。404 頁面是最後一道接住訪客的網,但良好的內部連結與轉址規劃,才能從源頭減少掉落。

  • 確認 404 頁有回首頁、主要服務與聯絡入口。
  • 選出三個重要舊網址,確認是否已導向最相關的新頁面。
  • 檢查近期電子報、社群貼文與廣告連結是否可正常開啟。
  • 建立改版網址對照表,並指定一位負責人保存與更新。
Q
Written by麵包屑工作室

整理品牌與網站之間,那些值得慢慢想清楚的小事。

Ready when you are

心裡那個網站,
我們一起把它做出來。

告訴我們你的品牌、目標與期待,
我們會在 2 個工作天內回覆。

開始聊聊