為什麼你的404頁面是重要的,如何使它輝煌而不是無聊

文章撰寫者:
  • 網站設計
  • 更新:可能是08,2019

在生命的某些方面 你的網頁,訪問者將偶然發現404錯誤頁面。 也許訪問者在網址的末尾添加了一個奇怪的擴展名,或者她可能已將舊頁面加入書籤並且您的組織結構已更改。 無論什麼原因,當訪問者訪問404頁面時,您希望它成為回流到您網站的漏斗,否則您可能會失去參與競爭對手的訪問者。

404的目標

404錯誤
圖片來源: CyboRoZ

404頁面的目標是讓訪問者保持在您的網站上,即使她點擊了不存在的頁面。

當創造性地和有目的地完成時,404頁面不僅可以保留訪問者,還可以讓她閒逛並查看您的網絡公司周圍發生了什麼。 您的404頁面需要注意的一些事項:

  • 應該沒有廣告
  • 應該讓用戶知道她錯誤地到達了頁面,但是如何讓她知道可以反映網站的個性
  • 應該將訪問者匯集到其他頁面或主頁
  • 應該是靜態HTML,不包含可能為某些用戶創建其他錯誤的複雜腳本
  • 應該盡快加載

什麼不該做

在我們討論404錯誤頁面的一些創造性用法之前,讓我們看一下通用404頁面的一些示例以及不應該使用它們的原因。 作為精通網絡的人,您會自動了解返回404錯誤的原因。 但是,您的網站訪問者可能是互聯網新手,或者不完全了解網站的運作方式。 通用的404頁面可能會讓這些新手感到沮喪,並使他們離開您的網站永遠不會返回。

讓我們看一下沒有自定義404的站點上的常見錯誤消息。

404錯誤消息

在上面的示例中,站點訪問者可能想知道為什麼會出現404錯誤以及偶數是什麼。 此消息也不會向訪問者提供任何留在網站上的選項。 更有可能的是,不受歡迎的非技術用戶只會在此時離開您的網站。 這是一個恥辱,因為唯一的問題可能是錯誤的單詞或錯位的字母。

好404頁面的樣本

花些時間來定制您的404消息,您不太可能失去那些偶然發現錯誤的訪問者。 以下是我自己網站上的404消息的屏幕截圖。 它將網站訪問者匯集到網站上的其他選項。 希望訪客留下並查看其他產品。

Lori Soard(我的網站)

lori soard 404錯誤頁面
LoriSoard.com上的404錯誤頁面

在上面的示例中,我已經做了一些事情來將網站訪問者匯集到我網站的其餘部分。 首先,404頁面的外觀就像我的其他頁面一樣。 我的標題就在那裡,導航結構也是如此。 如果您的網站圖形非常重,您可能希望使用一些不同的東西來幫助更快地加載此頁面。

我也改變了措辭,讓訪問者知道在網站上找不到頁面,但讓他們能夠搜索他們需要的內容。 最後,頁面上的更多內容是我最近的帖子,並且在此下(你無法在截圖中看到它)是類別和熱門話題。

這為網站訪問者提供了很多選項,但您也可以縮小選擇範圍,將其匯總到特定頁面。 我在其他網站的目的較窄的網站上這樣做。

網頁寄存秘密揭曉

WHSR的404頁面

WHSR很好地完成了他們的404頁面並不奇怪。

在WHSR,有一個404錯誤頁面,它提供了與站點其餘部分具有相同導航結構的類似好處。 脾氣暴躁的貓形象增添了一種異想天開的感覺,文字開玩笑地說“貓吃了我們的文件”。

添加一點幽默可以讓訪問者留在您的網站上。 訪問者假定錯誤頁面是否有趣且寫得很好,文章可能也是如此。

藍色噴泉媒體

Blue Fountain Media是一個非常適合404頁面的網站。 雖然它打破了沒有腳本的規則,但它有效地讓訪問者留在網站上一點點。 它也是原創的,因而令人難忘。

藍色噴泉媒體404

Blue Fountain Media邀請訪問者找不到他想要的頁面,並玩Pac Man遊戲。 誰能抗拒? 當然,如果訪問者需要有關Blue Fountain Media的更多信息,導航結構和聯繫信息位於頁面頂部。

由於人們喜歡游戲,訪問者甚至可以將此404錯誤頁面加入書籤以供將來訪問。

維基百科

維基百科是另一個破壞404基本規則的網站,但它做得非常好,你必須為這個輝煌提供一些掌聲。

維基百科404

維基百科將404更進一步,並假設網站訪問者計劃轉到具有類似擴展名的頁面。 維基百科然後自動將網站訪問者重定向到它認為訪問者想要的頁面。

雖然假設可能正確也可能不正確,但訪問者仍然被帶到一個有趣的頁面,這可能會讓他留在網站上或邀請他去探索更多。 還有鏈接提供給主頁面。

改進頁面的提示

  • 拋出技術術語。 您的網站訪問者不關心頁面不存在的原因或導致錯誤的原因,因為他們關心訪問他們想要的頁面。
  • 包含指向主頁的鏈接。
  • 不要指責你的訪客。 沒有人喜歡被告知他錯了。 而不是說“你鍵入了錯誤的網址”,而只是聲明無法找到該網頁。
  • 創造力很好,但精神錯亂卻不是。 WHSR的404頁面(上面的屏幕截圖)是一個很好的例子,因為它提供幽默,但沒有飛行的猴子放大和縮小。

谷歌也提供 有關創建有用的404頁面的一些特定提示.

如何添加自定義404頁面

由於我們的大多數讀者都可能參加 託管平台 提供cPanel,我將提供通過cPanel上傳您的自定義404頁面的方向和屏幕截圖。 您還可以在.htaccess文件中設置自定義參數。 如果您無法訪問網站的後端,請與您的託管服務提供商聯繫,了解如何上傳自定義404錯誤頁面。

1。 通過cPanel自定義錯誤

導航到您站點的控制面板。 地址可能是這樣的:

http://yoursite.com/controlpanel

or

http://yoursite.com:2082

登錄控制面板後,向下滾動到標題為“高級”的部分,然後單擊“錯誤頁面”。

控制面板3。 編輯錯誤頁面

將彈出錯誤頁面列表,如下圖所示。 單擊404(未找到)。

錯誤頁面

拉出的頁面是您可以為此頁面插入所需代碼的位置。

WordPress自定義404s

WordPress可能是提供自定義404頁面的最簡單方法。 只需使用插件,例如:

  • Google 404
  • 有用的404
  • 鄧斯坦式錯誤頁面

如果您對編碼感到滿意,可以提取主題的404.php文件並添加一些自定義編碼以強制頁面執行您想要的操作。 WordPress 提供有關如何完成此操作的詳細說明。

現在您已經有了一些自定義404錯誤的想法以及如何執行此操作,您需要花時間檢查您的網站是否有損壞的鏈接。 畢竟,最好的404頁面是一個從未發生過的頁面。 如果您修復損壞的鏈接,訪問者不太可能首先遇到可怕的404。

關於Lori Soard

Lori Soard自1996以來一直擔任自由撰稿人和編輯。 她擁有英語教育學士學位和新聞學博士學位。 她的文章出現在報紙,雜誌和網上,她已經出版了幾本書。 自1997以來,她一直是作家和小企業的網頁設計師和推動者。 她甚至在短時間內為一個熱門的搜索引擎排名網站,並為許多客戶研究深入的SEO策略。 她喜歡聽讀者的意見。