沒(méi)人會(huì )想到網(wǎng)站訪(fǎng)客會(huì )在錯誤頁(yè)面上停留，但實(shí)際上這種情況確實(shí)存在。特別是在404頁(yè)面上，訪(fǎng)客會(huì )經(jīng)常逗留。所以，你可以將404錯誤頁(yè)面設計的更加吸引用戶(hù)，而不應讓用戶(hù)迫不及待離開(kāi)。

什么樣的404錯誤頁(yè)面算好？自然要讓人印象深刻，不能看見(jiàn)就煩。同時(shí)，其設計過(guò)程也可以充滿(mǎn)樂(lè )趣。那么，你應該怎么做才能為自己的網(wǎng)站設計出優(yōu)秀的404頁(yè)面呢？下面是一些小建議和技巧，以及一些不錯的范例。

什么是404錯誤頁(yè)面？

當網(wǎng)站訪(fǎng)客進(jìn)入到不存在的頁(yè)面時(shí)，就會(huì )顯示404錯誤頁(yè)面。其原因有可能是頁(yè)面被移除、服務(wù)器或網(wǎng)絡(luò )連接失敗、用戶(hù)點(diǎn)擊了壞鏈接或輸入了錯誤的URL。

通常來(lái)說(shuō)，404錯誤頁(yè)面會(huì )顯示下列信息之一：

• 404 Not Found
• HTTP 404 Not Found
• 404 Error
• The page cannot be found
• The requested URL was not found on this server

在對404頁(yè)面進(jìn)行整體設計時(shí)，有兩個(gè)選擇：普通的404頁(yè)面或自定義404頁(yè)面。普通的頁(yè)面只是簡(jiǎn)單的甩出上面的信息，不涉及設計內容。而自定義頁(yè)面則需要你進(jìn)行設計并提供選項。要進(jìn)行設計，必須先獲得進(jìn)入主服務(wù)器的權限。（關(guān)于這一點(diǎn)我們就不深入講解了，不過(guò)你可以通過(guò)A List Apart進(jìn)行了解。）

一個(gè)優(yōu)秀的404錯誤頁(yè)面應當在用戶(hù)不慎進(jìn)入時(shí)告訴他們應當如何進(jìn)行接下來(lái)的操作。其中應當提供有用的信息來(lái)幫助訪(fǎng)客不離開(kāi)你的網(wǎng)站并進(jìn)而找到自己所需要的信息。（如果頁(yè)面本身設計精美就更好了。）

基本必備信息

為了保證充分有效，404錯誤頁(yè)面從本質(zhì)上說(shuō)應當簡(jiǎn)單一些。它應當說(shuō)明用戶(hù)遇到了錯誤（顯而易見(jiàn)），以及可以采取哪些辦法離開(kāi)此頁(yè)面。

而大堆的技術(shù)術(shù)語(yǔ)是不應當出現在404頁(yè)面上的。（否則豈不會(huì )嚇跑用戶(hù)。）實(shí)際上，連“404錯誤”這個(gè)大標題都不應該出現在頁(yè)面上，因為很多用戶(hù)完全不知道這玩意是什么意思。你應當做的是展示更有意義的信息，例如“沒(méi)有找到頁(yè)面”。

另外還有一些重要信息是404頁(yè)面所必不可少的?？偠灾?，設計的關(guān)鍵是讓用戶(hù)在頁(yè)面出錯時(shí)繼續點(diǎn)擊瀏覽，而不是關(guān)閉頁(yè)面。

• 顯眼的標題或文字向用戶(hù)說(shuō)明出現當前頁(yè)面的原因?？吹阶约捍蜷_(kāi)的網(wǎng)頁(yè)和預期的不是一回事是很惱人的。一定要讓用戶(hù)知道他們打開(kāi)的頁(yè)面不正確，但所登陸的網(wǎng)站是沒(méi)問(wèn)題的。
• 搜索。在404錯誤頁(yè)面上提供與網(wǎng)站其他部分相同（且位置一致）的搜索功能。這樣一來(lái)用戶(hù)就能自己查找要訪(fǎng)問(wèn)的頁(yè)面。
• 通往主頁(yè)和網(wǎng)站地圖的鏈接。這個(gè)設計要素中可以包含與網(wǎng)站其他部分搭配的標題或腳注。
• 其他簡(jiǎn)化信息。建議刪去復雜的導航功能。如果用戶(hù)進(jìn)入到錯誤頁(yè)面，你只需為其提供簡(jiǎn)單幾個(gè)能夠導向正確位置的選項。如果選項過(guò)多，反而會(huì )讓用戶(hù)更加頭疼或者困惑。
• 加入顯眼的操作提示。告訴用戶(hù)下一步如何操作。

讓404頁(yè)面“有用”

在考慮404頁(yè)面時(shí)，設計流程中的一個(gè)重要部分就是用途。加入能夠讓頁(yè)面既好看又有用的功能。

對于自定義404頁(yè)面中應當包含哪些信息，Google的網(wǎng)站管理員工具中提供了一系列很有用的建議。這些建議包括：

• 明確告知用戶(hù)其所尋找的頁(yè)面無(wú)法找到。語(yǔ)言應當友善、誘人。
• 404錯誤頁(yè)面應當與網(wǎng)站其他部分的外觀(guān)和感覺(jué)相互匹配。
• 考慮在其中添加通往熱門(mén)文章或帖子的鏈接。
• 為用戶(hù)提供報告壞鏈接的渠道。
• 讓網(wǎng)絡(luò )服務(wù)器在收到對丟失頁(yè)面的請求時(shí)返回實(shí)際的404 HTTP狀態(tài)代碼，以免其顯示在搜索結果中。
• 使用Enhance 404工具在自定義404頁(yè)面中嵌入搜索框。
• 使用Change of Address工具將網(wǎng)站的動(dòng)作告知Google。

除了上述之外，還有一條給設計師們的提示：發(fā)揮創(chuàng )意。404頁(yè)面，只要技術(shù)允許，不一定是很無(wú)聊無(wú)趣的。

設計具有目的性的404頁(yè)面

在考慮404錯誤頁(yè)面的設計時(shí)，首先應思考其與網(wǎng)站其他部分直接的聯(lián)系。你網(wǎng)站整體設計的氛圍和基調是什么？404頁(yè)面如何才能與其搭配。

優(yōu)秀的錯誤頁(yè)面應當能夠與其所處的網(wǎng)站無(wú)縫銜接。如果你的網(wǎng)站采用了明快幽默的基調，則404頁(yè)面也應當如此。另外，在顏色和圖形使用上也應當與網(wǎng)站一致。但在設計過(guò)程中，一定要小心謹慎，不要把進(jìn)入錯誤頁(yè)面的責任歸咎到用戶(hù)頭上。（這種情況發(fā)生的頻率絕對超出你的想象。）

錯誤頁(yè)面的設計應當是整體設計方案中的一個(gè)組成部分。

• 保持設計的一致性。使用與網(wǎng)站其他頁(yè)面相同的顏色、字體和圖形風(fēng)格。
• 保留品牌標識。使用相同的logo、標題和腳注處理方式能夠幫助用戶(hù)識別你的網(wǎng)站。
• 保持視覺(jué)上的簡(jiǎn)約。在錯誤頁(yè)面上，少就是多。
• 不要讓用戶(hù)滾動(dòng)鼠標。設計應該以一屏為限。
• 不要使用太多噱頭。雖然與整體網(wǎng)站和品牌保持相同的基調和感覺(jué)是個(gè)好主意，但是過(guò)多的內容反而會(huì )讓用戶(hù)忘記自己本來(lái)要找的東西。
• 表示歉意。用戶(hù)進(jìn)入錯誤頁(yè)面時(shí)你道個(gè)歉絕對沒(méi)問(wèn)題。
• 如果你的網(wǎng)站需要登陸，可以添加登陸功能。（錯誤是否因為用戶(hù)需要登陸而造成？）
• 發(fā)揮創(chuàng )意，或者表現趣味。不要忘記先對頁(yè)面進(jìn)行測試。保證所有用戶(hù)都能理解你的設計。
• 如果你使用了“404錯誤”這句話(huà)，則應當再加一行文字告訴用戶(hù)其意思是什么，或者他們下一步應當如何操作。