如何在 WordPress 中製作可產生潛在客戶的 404 頁面

您想學習如何為您的 WordPress 網站製作 404 頁面嗎？

作為網站所有者，您希望訪問者在您的網站上獲得最佳體驗。 然而，用戶經常會遇到 404 錯誤頁面，顯示無法找到他們要查找的頁面。

但是，如果我們告訴您自定義 WordPress 404 頁面可以幫助為您的業務帶來潛在客戶呢？

在本文中，我們將向您展示如何創建自定義 404 頁面，為您的 WordPress 網站生成潛在客戶。

但是還有其他原因導致訪問者可能會收到 404 頁面未找到錯誤。

如果出現以下情況，您的網站也可能會顯示此錯誤：

• 用戶連接斷開
• 用戶查找的域名不存在
• 用戶輸入了錯誤的 URL

您可能還想更改網頁的永久鏈接 (slug)。 但是這樣做之後，您可能會忘記正確重定向它。 在這種情況下，由於鏈接斷開，用戶可能會看到 404 未找到錯誤。

為什麼要在 WordPress 中製作自定義 404 頁面？

你有沒有登陸過 404 頁面？ 如果你有，你就會知道看到一個是多麼令人沮喪。

當訪問者訪問您的網站尋找特定信息但最終出現在 404 頁面時，也會發生同樣的情況。 它可能會惹惱他們並說服他們快速退出您的網站並且可能永遠不會回來。

此外，它還會對您的業務產生以下影響：

• 提高跳出率：報告顯示跳出率較低的網站在搜索引擎中排名較高。 因此，如果人們因為頻繁的 404 錯誤而離開您的網站，由此產生的高跳出率會影響您的 SEO。
• 增長放緩：您可能會失去登陸您網站進行購買的潛在客戶。 潛在客戶的流失意味著轉化率降低，進而意味著增長緩慢。
• 糟糕的品牌形象：通過向訪問者提供糟糕的用戶體驗，您正在影響您的品牌形象。 發生這種情況時，人們將不再信任您的品牌並避免向您購買。 如果發生這種情況，恢復聲譽可能會很困難。

通常，如果人們對您的網站有良好的體驗，他們會想要返回。 但是 404 錯誤頁面並不總能提供最佳的用戶體驗。

幸運的是，您可以通過設計一個 404 錯誤頁面來幫助訪問者找到他們需要的信息，從而避免失去潛在客戶和潛在客戶。 這是留住訪客、降低跳出率和維護品牌聲譽的絕佳方式。

但是，你是怎麼做的？ 我們將在下一節中向您展示如何操作。

如何在 WordPress 中製作 404 頁面

自定義您的 WordPress 404 頁面比您想像的要容易。 有幾種不同的方法可以創建自定義 404 頁面設計，包括編輯站點的 404.php 文件或使用 WordPress 404 頁面插件。

對於大多數網站所有者而言，WordPress 插件是自定義其 404 頁面的最簡單、最有效的方法，因為它不需要編輯您的 WordPress 主題文件。

我們將在本指南中使用的插件是 SeedProd，這是最好的 WordPress 網站和登錄頁面構建器。

使用此插件，您可以設計帶有消息、圖像和 CTA 的自定義 404 頁面，以鼓勵訪問者留在您的網站上。

SeedProd 還包括高級功能，例如：

• 拖放頁面構建器
• 用戶友好的主題生成器
• 產生潛在客戶的設計元素
• 預製登陸頁面模板
• 帶有側邊欄、頁眉、頁腳和流行頁面模板的網站工具包。
• WooCommerce 主題編輯器和小部件

考慮到這一點，您可以按照以下步驟使用 SeedProd 製作自定義 404 頁面，而無需代碼或 CSS。

步驟 1. 安裝並激活 SeedProd

首先，您需要前往 SeedProd 網站並下載插件。 儘管有免費版本的 SeedProd，但我們將使用高級插件，因為它可以讓您替換主題的內置 404 模板。

如果您需要這方面的幫助，您可以查看我們關於安裝和激活 SeedProd 的文檔。 它包括您需要的一切，包括安裝插件和激活您的許可證密鑰。

步驟 2. 選擇 404 頁面模板

激活插件後，從您的 WordPress 儀表板導航到SeedProd » 登陸頁面。 然後，在“404 頁面”部分，單擊“設置 404 頁面”按鈕。

在下一個屏幕上，您可以選擇預製的 404 頁面模板。 SeedProd 將自動過濾模板以顯示所有可用的 404 頁面設計。

您可以單擊放大鏡預覽設計或單擊複選標記圖標選擇特定模板。

我們使用的是“Fist Bump”404 頁面模板，但您可以選擇任何設計或從頭開始創建模板。

第 3 步。自定義您的 WordPress 404 頁面

選擇模板後，您會看到拖放頁面構建器，您可以在其中自定義 404 頁面。

在左側，您會看到可以添加到設計中的塊和部分。 右側是頁面的實時預覽。

大多數 SeedProd 的 404 模板已經有幾個 WordPress 塊，構成了設計的核心。 要自定義它們，請單擊以突出顯示佈局中的塊並使用左側面板中的設置進行更改。

要將新塊添加到您的設計中，請在左側菜單中找到該塊並將其拖到您的頁面上。 從那裡，您可以使用我們上面解釋的過程自定義塊。

當訪問者登陸您的 404 頁面時，他們可能需要幫助了解他們是如何到達那裡的以及下一步該做什麼。 考慮到這一點，最好添加一些文本來解釋無法找到他們正在尋找的內容，並建議接下來要採取的幾項措施。

由於我們的模板已經有一個標題和文本塊，我們可以單擊它們以使用我們的自定義消息更新內容。

例如，在下圖中，我們添加了一條消息，建議訪問博客或使用搜索框查找更具體的內容。

現在，讓我們看看如何將這 2 個功能添加到您的 404 頁面，從訪問博客的按鈕開始。

首先，在左側面板中找到Column塊並將其拖到您的佈局上。

從那裡，選擇 2 列佈局選項。 這是您將在頁面上並排放置新元素的地方，在我們的例子中，這是一個按鈕和搜索欄。

現在您可以將按鈕塊拖到第一列。 在塊設置中，您可以更改按鈕文本並添加博客頁面的 URL。

完成後，單擊“高級”選項卡以更改更多設置，包括按鈕顏色、樣式、間距等。

要在第二列中添加搜索框，請查找“搜索表單”塊並按照與之前相同的過程進行操作。

您甚至可以更改行背景顏色，使您的行動項目脫穎而出。

以下是改進 404 頁面內容的其他一些方法：

• 使用 MonsterInsights 和 SeedProd 的簡碼塊自動在您的 404 頁面上顯示熱門帖子。
• 展示流行的 WooCommerce 產品以促進電子商務銷售
• 使用聯繫表單塊收集 404 頁面訪問者的反饋

如果您對新頁面的外觀感到滿意，請單擊右上角的保存按鈕，然後在下拉列表中選擇另存為模板選項。

您現在可以為您的自定義 404 頁面模板命名，單擊“保存模板”按鈕，然後返回到編輯器。

第 4 步。啟用您的 WordPress 404 頁面。

自定義 404 頁面設計到位後，您可以單擊編輯器中的“X”圖標返回到您的 WordPress 管理儀表板。 執行此操作時，您會看到一個彈出窗口，詢問您是否要立即激活該頁面。

繼續並單擊是，激活按鈕。

單擊此按鈕後，您將返回到著陸頁儀表板並看到您的 404 頁面模式處於活動狀態。

如果您想停用自定義 404 頁面，只需將開關切換到非活動位置即可。

這是我們自定義 WordPress 404 頁面設計的最後一瞥：

如何針對潛在客戶優化 404 錯誤頁面？

大多數企業使用他們的 404 錯誤頁面來告訴訪問者找不到他們正在尋找的頁面。 正如我們已經討論過的那樣，僅執行此操作的 404 頁面可能會很無聊且效率低下。

相反，最好優化頁面以產生潛在客戶。

這樣，您就可以鼓勵他們採取行動並轉化，而不是失去潛在客戶。 然而，為此，您需要一個視覺上吸引人的頁面。

首先使用正確的顏色和元素使頁面脫穎而出。 您還需要對其進行優化以產生潛在客戶並提高轉化率。

有幾種方法可以做到這一點，所以讓我們看看最有效的方法：

1.展示你的產品

讓您的 404 錯誤頁面產生更多線索的最有效方法之一是展示您的產品。 與其告訴訪問者他們正在尋找的頁面不存在，不如使用它來為他們提供有關您的產品的更多信息。

添加一些高質量和專業外觀的產品圖片並鏈接到它們。

Steve Madden 使用這種技術將他們的 404 錯誤頁面轉換為可以積極提高轉化率的設計。

使用此技術，您可以鼓勵訪問者更多地瀏覽您的網站，即使他們無法準確找到所需的內容。

2.使用關鍵詞

通過 404 頁面生成潛在客戶的另一種有效方法是使用有針對性的關鍵字。 任何企業的最佳潛在客戶都來自有機搜索，只有提高搜索排名才能獲得良好的有機流量。

將相關關鍵字添加到您的 404 錯誤頁面可以幫助提高您的 SEO 排名。

讓我們看一個示例，以幫助您更有效地執行此操作。

比如說，你有一個內容營銷業務。 在這種情況下，在您的 404 錯誤頁面上，您可以這樣寫：

'想為您的企業創建產生潛在客戶的內容嗎？ 以下是我們如何幫助您做到這一點。

現在添加指向您的主頁或功能強大的登錄頁面的鏈接，以幫助訪問者獲得您的承諾。

訪問者現在可以探索您的網站以了解您的服務，而不是退出您的網站。 如果他們喜歡，他們可能會皈依。

3. 添加有關您的業務的信息

轉換 404 頁面的另一種絕妙方法是添加您的業務信息。

您的訪問者可能會遇到 404 錯誤，但您不想因為令人失望的消息而失去他們。 添加您的業務信息是重新點燃他們的興趣並再次吸引他們的絕佳方式。

時尚品牌 Myntra 巧妙地運用了這一技巧：

除了顯示錯誤消息外，它還可以幫助用戶瀏覽不同的站點部分。 作為訪問者，您可以在菜單欄中定義的類別下查看其收藏、訪問您的個人資料、查看您的願望清單、轉到您的購物車，甚至搜索產品。

更好的是，它會在屏幕右側顯示一個折扣欄。 因此，訪問者可以查看收藏並以大幅折扣購買產品，而不是走入死胡同。

4. 添加相關的 CTA 按鈕

將相關的號召性用語 (CTA) 按鈕添加到您的 404 頁面是要求客戶聯繫並解決他們的問題的明智方式。

這可以是客戶支持按鈕、聯繫表、查詢按鈕、呼叫按鈕或任何您認為有用的按鈕。 您的訪客可以輕鬆地使用這些按鈕提出投訴、快速撥打電話、提出問題、在社交媒體上關注您，或者做任何事情來讓情況變得不那麼令人沮喪。

5. 添加退出意圖彈出窗口

退出意圖彈出窗口是另一種防止訪問者在您的網站上獲得不良體驗的有效方法。 設計一個退出彈出窗口，在他們離開之前出現在訪問者的屏幕上。

用它來顯示折扣代碼、報價、宣布新品上架等等。 這是讓訪問者相信將來再次訪問您的網站是個好主意的有效方式。

人們喜歡折扣和優惠。 因此，在退出彈出窗口中顯示它們可以重新吸引訪問者，產生可靠的潛在客戶並促進銷售。

6.讓它變得有趣

登陸 404 錯誤頁面本身就非常令人沮喪。 如果頁面乏味，那就更煩人了。

相反，將體驗轉化為更有趣和令人興奮的事情。 例如，您可以嘗試使用幽默來讓信息更令人難忘，並讓您的訪客微笑。

另一種使 404 頁面有趣的方法是添加屏幕遊戲。 這是吸引註意力並讓用戶在您的網站上停留更長時間的明智方式。

交給你

自定義 404 頁面是任何網站的基本元素。

它不僅可以提供更好的用戶體驗，還可以幫助為您的業務帶來潛在客戶。 通過遵循本文中的提示和教程，您可以了解如何製作 404 頁面，以鼓勵訪問者留在您的網站上並採取行動。

那麼，當您可以創建適合您的自定義頁面時，為什麼還要接受一般的 404 錯誤消息呢？

我們希望本指南對您有所幫助。 在開始之前，您可能還會喜歡本指南，了解如何在不安裝子主題的情況下從頭開始創建 WordPress 主題。

謝謝閱讀。 請在 YouTube、Twitter 和 Facebook 上關注我們，獲取更多有助於您發展業務的內容。