如何打造優秀的404錯誤頁面

2022-09-25 18:27:07 字數 1373 閱讀 1449

沒人會想到**訪客會在錯誤頁面上停留,但實際上這種情況確實存在。特別是在404頁面上,訪客會經常逗留。所以,你可以將404錯誤頁面設計的更加吸引使用者,而不應讓使用者迫不及待離開。

什麼樣的404錯誤頁面算好?自然要讓人印象深刻,不能看見就煩。同時,其設計過程也可以充滿樂趣。那麼,你應該怎麼做才能為自己的**設計出優秀的404頁面呢?下面是一些小建議和技巧,以及一些不錯的範例。

什麼是404錯誤頁面?

當**訪客進入到不存在的頁面時,就會顯示404錯誤頁面。其原因有可能是頁面被移除、伺服器或網路連線失敗、使用者點選了壞鏈結或輸入了錯誤的url。

通常來說,404錯誤頁面會顯示下列資訊之一:

在對404頁面進行整體設計時,有兩個選擇:普通的404頁面或自定義404頁面。普通的頁面只是簡單的甩出上面的資訊,不涉及設計內容。而自定義頁面則需要你進行設計並提供選項。要進行設計,必須先獲得進入主伺服器的許可權。(關於這一點我們就不深入講解了,不過你可以通過a list apart進行了解。)

乙個優秀的404錯誤頁面應當在使用者不慎進入時告訴他們應當如何進行接下來的操作。其中應當提供有用的資訊來幫助訪客不離開你的**並進而找到自己所需要的資訊。(如果頁面本身設計精美就更好了。)

基本必備資訊

為了保證充分有效,404錯誤頁面從本質上說應當簡單一些。它應當說明使用者遇到了錯誤(顯而易見),以及可以採取哪些辦法離開此頁面。

程式設計客棧而大堆的技術術語是不應當出現在404頁面上的。(否則豈不會嚇跑使用者。)實際上,連「404錯誤」這個大標題都不應該出現在頁面上,因為很多使用者完全不知道這玩意是什麼意思。你應當做的是展示更有意義的資訊,例如「沒有找到頁面」。

另外還有一些重要資訊是404頁面所必不可少的。總而言之,設計的關鍵是讓使用者在頁面出錯時繼續點選瀏覽,而不是關閉頁面。

讓404頁面「有用」

在考慮404頁面時,設計流程中的乙個重要部分就是用途。加入能夠讓頁面既好看又有用的功能。

對於自定義404頁面中應當包含哪些資訊,google的**管理員工具中提供了一系列很有用的建議。這些建議包括:

除了上述之外,還有一條給設計師們的提示:發揮創意。404頁面,只要技術允許,不一定是很無聊無趣的。

設計具有目的性的404頁面

在考慮404錯誤頁面的設計時,首先應思考其與**其他部分直接的聯絡www.cppcns.com。你**整體設計的氛圍和基調是什麼?404頁面如何才能與其搭配。

優秀的錯誤頁面應當能夠與其所處的**無縫銜接。如果程式設計客棧你的**採用了明快幽默的基調,則404頁面也應當如此。另外,在顏色和圖形使用上也應當與**一致。但在設計過程中,一定要小心謹慎,不要把進入錯誤頁面的責任歸咎到使用者頭上。(這種情況發生的頻率絕對超出你的想象。)

錯誤頁面的設計應當是整體設計方案中的乙個組成部分。

本文標題: 如何打造優秀的404錯誤頁面

本文位址:

伺服器如何設定404錯誤頁面

01 什麼是自定義404錯誤頁面?404自定義錯誤頁面就是當使用者輸入了錯誤的url位址或者輸入了乙個不存在的url位址時,所返回的乙個頁面,它的目的是 告訴瀏覽者其所請求的頁面不存在或鏈結錯誤,同時引導使用者使用 其他頁面而不是關閉視窗 離開。02 404自定義錯誤頁面是如何形成的?錯誤意味著鏈結...

Nginx 配置 404 錯誤頁面

1 找到 nginx 配置檔案 由於我的 自定義了網域名稱,我的配置檔案在 usr local nginx conf vhost 下 的 www.com.conf 將 server 區域中的 error page 404 404.html 前的 去掉 沒有的話則加上 error page 404 4...

如何正確處理HTTP 404錯誤頁面

doctype html public wcdtd xhtml stricten httpwwwworgtrxhtmldtdxhtml strictdtd 關於處理404錯誤頁面有不少方法。這裡主要講的是在處理這個問題的時候不只考慮使用者還有考慮到搜尋引擎,也是seo的正確處理方式 以下是從網路上整...