為什麼需要一個好的 WordPress 404 頁面?

已發表: 2021-07-05

每個到達您網站的訪問者都很重要。 您一直在努力幫助他們找到您的網站,並且您希望確保他們留下來並享受他們的時光。 您製作了有趣的內容,並將其呈現在一個漂亮的頁面上。 在您的網站上工作時,您可能已經移動了頁面以改善導航體驗。 這可能會導致您的訪問者在 WordPress 404 頁面上發現自己。

什麼是 404 錯誤,是什麼原因造成的?

404 錯誤基本上意味著您正在尋找的任何東西都不存在了。 事實上,它可能一開始就不存在。 一個常見的例子是通過記憶輸入鏈接並打錯字。 但是更改頁面的 URL 也可能導致 404 錯誤,因為其他頁面可能仍鏈接到舊 URL。

因此,導致 404 錯誤的最常見原因是:

  • 該頁面已在沒有重定向的情況下移動,或者
  • 該頁面從未存在,或
  • URL 包含拼寫錯誤,或
  • URL 已損壞,或以其他方式不正確

如何避免 WordPress 404 錯誤?

您無法避免每個 404 錯誤。 例如,對於訪問者輸入錯誤的鏈接,或其他鏈接到您的站點的站點的鏈接已損壞,您無法採取任何措施。 但是您可以避免一些 WordPress 404 錯誤。 重命名頁面或帖子時,請確保設置了從舊 URL 到新 URL 的重定向。 這樣,當有人從舊鏈接到達時,他們會立即被帶到新頁面。

為什麼要自定義 WordPress 404 錯誤頁面?

404 錯誤對於您的訪問者來說不是一個好的歡迎頁面。 如果這是他們第一次訪問您的網站,尤其會留下不好的感覺。 出於這個原因,您應該創建一個用戶友好的錯誤頁面,幫助他們知道下一步該做什麼。

有許多 WordPress 404 錯誤頁面根本不友好。 在很多情況下,訪問者看到的只是一個空白頁面,上面有“404 page not found”消息。 事實上,這種常見的信息可能非常可怕,讓訪問者感到迷茫。 結果,他們會想知道發生了什麼以及如何獲取他們正在尋找的信息。

您不應該讓訪問者在您的網站上花費時間時感到迷茫和困惑。 儘管您無法確保他們永遠不會看到 WordPress 404 頁面,但您可以改善這種體驗。 不要使用默認頁面,而是創建自定義 WordPress 404 頁面。

如何創建自定義 WordPress 404 頁面?

您可以通過兩種方式創建自定義 WordPress 404 頁面:修改主題或使用插件。 兩種方法都有各自的優點和缺點。 如果您可以編碼,則自己創建 404 頁面而不是安裝插件是有意義的。 否則,利用您只需點擊幾下即可設置的解決方案。

但在您急於採用這些可能的解決方案之前,請先檢查您的主題和頁面構建器。 它可能有一種簡單的方法來創建自定義 404 頁面,而無需編碼或安裝插件。 最受歡迎的主題和頁面構建器通常對此有一個選項。 此外,它們提供了足夠的功能來創建用戶友好的 404 頁面。

創建自定義 WordPress 404 頁面模板

如果您有一些編碼知識,您可以輕鬆地在您的(子)主題中創建一個 WordPress 404 頁面。 也就是說,如果您的主題還沒有 404 頁面。 轉到外觀 → 主題編輯器,看看是否在那裡找到 404 模板頁面。 如果該頁面存在,請打開它並根據您的需要對其進行自定義。 如果該頁面不存在,請按照 WordPress Codex 的提示創建它。

使用插件創建自定義 WordPress 404 頁面

如果您不想修改您的主題,您可以在 WordPress 插件倉庫中查看 404 插件。 有很多插件可供選擇,其中最受歡迎的一個是 404page 插件。 它使您能夠像編輯任何其他 WordPress 頁面一樣創建和編輯自定義 404 頁面。 因此,您的訪問者看到的 404 頁面將很好地融入您的網站。

7 個很酷的 WordPress 404 頁面以獲得靈感

訪問者不喜歡看到 404 錯誤。 試圖找到不存在的東西並不是一種美好的感覺。 但是通過一點創意,您可以改善他們的糟糕體驗,甚至創造一個有趣的相遇。 展示一些有趣的動畫,編寫創意文本,這裡有 7 個創意 WordPress 404 頁面來激發您的靈感。

404圖

WordPress 404 頁面模板-插圖

實時預覽

乾淨簡約的 404 頁面非常適合任何網站。 該模板使用插圖,在現代網站上非常流行。 一些元素會對鼠標光標的移動做出反應,玩起來很有趣。 還有一個 CTA 按鈕可以返回主頁。

WP火箭

WP Rocket 的 404 錯誤頁面

WP Rocket 的 404 頁面看起來簡約而現代。 它具有有趣的動畫,為頁面帶來俏皮感。 創造性地製作的描述也是如此,它以返回主頁的 CTA 按鈕結束。

除了 CTA,使這個 WordPress 404 錯誤頁面用戶友好的事實是它融入了網站。 它包含訪問者可以用來環顧四周的菜單和頁腳。

404視頻

WordPress 404 頁面模板 - 視頻

實時預覽

這個全新的智能滑塊模板專注於在背景中顯示視頻。 它以放鬆的效果移動,以幫助緩解挫敗感。 404 數字從 0 開始計數,這是一個不錯的選擇。

元素

Elementor WordPress 404 頁面

Elementor 使用很酷的動畫來分散用戶的注意力,因為他們沒有找到他們正在尋找的頁面。 如果您最終訪問了 Elementor 的網站,那麼您要么已經是該插件的用戶,要么正在尋找成為插件的用戶。 他們利用 404 錯誤頁面的黃金機會來獲得一些轉換。 在頁面底部,他們顯示了有關如何使用 Elementor 創建 WordPress 404 頁面的教程視頻。

404 模糊

WordPress 404 頁面模板 - 模糊

實時預覽

在當今的現代網站上,插圖是最時尚的設計元素。 這個 WordPress 404 頁面模板包含許多插圖。 它們中的每一個都會對鼠標移動做出反應。 此外,還有一個 CTA 按鈕可以返回主頁。

飛輪

飛輪的 WordPress 404 頁面

使 Flywheel 的 404 頁面工作的原因是動畫。 最明顯的是形成 0 的圖像,但背景中有很多移動的形狀。 這些動作使參觀者專注於形狀,同時緩解他們的挫敗感。 還有一個微妙的鏈接可以返回主頁,完整的導航可以訪問您網站上的其他頁面。

404 圖像

WordPress 404 頁面模板 - 圖片

實時預覽

這個 WordPress 404 頁面使用鮮豔的色彩來吸引訪問者的注意力。 頁面中需要注意的部分不是 404 文本,因為它巧妙地位於正文後面。 該頁面希望您關注的是解釋您為什麼看到它的文本。 有一個 CTA 按鈕,以及兩個用於 Facebook 和 Twitter 連接的社交按鈕。