任何網站都不能一直百分百完美。訪問者總會不可避免地點選損壞或過期的連結。這種情況發生時,他們將被重定向到 404 頁面。

404 頁面有兩個主要作用:

表明訪問者已成功與 Web 站群伺服器通訊,但是站群伺服器找不到請求的頁面。提示訪問者返回網站正常工作的部分。

這就是為什麼網站的 404 頁面非常重要。

可能在想,為什麼需要 404 頁面而不是簡單地修復所有斷開的連結? 問題在於,隨著網站的發展,無法立即識別出所有斷開的連結。因此,訪問者很有可能先遇到它們。

發生這種情況時,404 頁面將作為備用方案,直到斷開的連結被修復。為了獲得出色的 404 頁面,應該考慮建立自定義 404 頁面。

為什麼要建立自定義 404 頁面?

如果可以建立預設的 404 頁面,為什麼還要建立自定義 404 頁面? 因為預設頁面通常太含糊。

如果訪問者遇到這樣的錯誤,他們會怎麼做? 沒有任何事情告訴他們發生了什麼或為什麼,以及下一步如何做。

從好的方面來說,建立自定義 404 頁面有以下好處:

提供更清晰的說明,減少訪問者點選斷開的連結後的沮喪感和困惑感為訪問者提供不同的選擇,以便他們在網站上停留更長的時間,包括建議的其他連結、搜尋欄等。改善網站的跳出率,結合一些關鍵詞工具,同時改善網站的 SEO 站群。

如何建立自定義 404 頁面

在討論使 404 頁面高效地留住訪問者的技巧之前,首先看一下如何建立自定義 404 頁面。

本節將提供如何在以下位置建立自定義 404 頁面的分步說明:

WordPress 網站構建器自定義網站,即 HTML

在 WordPress 上建立自定義 404 頁面

在 WordPress 上建立 404 頁面的最簡單方法是安裝外掛外掛。然後,簡單地在 WordPress 編輯器中選擇任何頁面並將其設定為預設的 404 頁面。

建議使用以下兩個外掛外掛:

404page:安裝此外掛外掛後,轉到外觀→404 錯誤頁面,然後選擇要設定成預設 404 頁面的任何頁面。 Custom 404 Pro:此外掛外掛出現在 WordPress 主控制面板上,簡單地選擇所需的任何頁面 (甚至新增 URL),此外掛外掛會將其轉變為預設的 404 頁面。

要做的就是在 WordPress 上建立一個新頁面,並使用主題的拖拽編輯器或在 Web 開發人員的幫助下將其設定為 404 頁面。更多相關內容可以參考閱讀怎樣判斷 WordPress 外掛外掛是否是正常工作。

使用 WordPress 網站構建器建立自定義 404 頁面

使用 WordPress 網站構建器建立自定義 404 頁面非常容易。要做的就是建立一個新頁面,將其設計為 404 錯誤頁面,並設定成預設。

大多數 WordPress 網站構建器都有設定預設 404 頁面的說明,因此確保在開始設定之前進行檢查。

在自定義網站 (HTML) 上建立自定義 404 頁面

如果網站不使用 CMS 或 WordPress 網站構建器,仍可以設定預設的自定義 404 頁面。

步驟如下:

步驟 1:下載並安裝 FTP 客戶端。 Windows 端的 FileZilla 很棒。 Mac 端的 Fetch 效果很好。

步驟 2:在 FTP 客戶端中,輸入主機名,即主機賬戶的 IP 地址或域名,以及該賬戶的使用者名稱和密碼。

第 3 步:轉到主機的根目錄,找到名為 “ .htaccess ” 的檔案。如果沒有,就新建一個。開啟它並新增以下行:

ErrorDocument 404 /not-found-page.html

此程式碼告訴主機在出現 404 錯誤的情況下查詢此 HTML 檔案。

第 4 步:只需建立一個名為 “ not-found-page.html ” 的 HTML 檔案,然後在此處貼上自定義 404 檔案的程式碼。

就是這樣。

每當網站遇到 404 錯誤,它都會將訪問者重定向到自定義 404 頁面。

充分利用 404 錯誤頁面

建立 404 頁面並不複雜。但是,為了使訪問者留在網站上,確實需要付出額外的努力對其進行最佳化。

404 頁面應具備以下三種主要品質。

1. 簡單明瞭的解釋

使用者登陸到 404 錯誤頁面時,他們會感到困惑和沮喪。 “站群伺服器” 和 “無響應” 等含糊和技術性解釋並不能使他們更好地理解正在發生的事情。

這就是為什麼 404 頁面要使用簡單的術語,例如:

“點選的連結已損壞。”“要查詢的頁面不存在。”“無法找不到想要的頁面。”

這使訪問者清楚地明白問題出在所點選的連結。

可以更進一步,列出訪問者獲得 404 頁面的一些可能的原因。包括:

“可能輸入了錯誤的 URL 或發生了複製貼上錯誤。”“網站所有者可能已將此頁面刪除或移動到另一個 URL 。” 使用簡單的語言並提供解釋,自定義 404 頁面不太可能把訪問者嚇跑。

2. 有用的替代 CTA

獲得向訪客說明頁面情況的自定義 404 頁面後,可以做進一步的改進。

閱讀文字後,他們可能想知道下一步該怎麼做。 404 頁面也必須提供答案。

CTA 將幫助訪客訪問網站上的其他可用位置。這些 CTA 可以是:

網站首頁的連結。最受歡迎的產品或文章。嘗試再次搜尋所需頁面的搜尋欄。

如果 404 頁面沒有 CTA,訪問者可能會離開網站。 CTA 有助於防止這種情況的發生。

除了 CTA,還可以考慮新增聯絡資訊。這有助於與網站所有者的聯絡並尋求潛在的解決方案,以防他們發現 CTA 沒有太大用處。

3. 一點幽默和個性

404 頁面也需要一點與品牌非常吻合的幽默和個性。這取決於自己,例如:

詼諧的網路副本,有趣的動圖,可愛的插圖。

為什麼會出現 404 頁面

本文介紹了當使用者點選斷開的連結時會顯示 404 錯誤頁面。那麼,什麼導致連結斷開?

三個最常見的原因包括:

頁面從網站上刪除; 更改頁面先前所在的目錄; 更改 URL 。

如何修復 404 錯誤

需要使用站長工具定期檢查網站,以準確掃描網站是否存在 404 錯誤。

一些可用的選擇包括:

如果網站位於 WordPress 上,可以使用 MonsterInsights 外掛外掛。它將自動標記 404 錯誤,從而可以輕鬆地修復它們。

如果不使用 WordPress 或不想為站長工具付費,可以改用 Google Search Console 。

透過這些簡單的步驟,就可以修復網站上的 404 錯誤。如果無法按時修復它們,也無需擔心。因為擁有很棒的全新自定義 404 頁面作為網站訪問者的備份! 相關閱讀:網站 404 頁面的作用是什麼