404頁面是什么

404頁面是客戶端在瀏覽網頁時，服務器無法正常提供信息，或是服務器無法回應，且不知道原因所返回的頁面。

404 頁面是客戶端在瀏覽網頁時，服務器無法正常提供信息，或是服務器無法回應，且不知道原因所返回的頁面。

據說在第三次科技革命之前，互聯網的形態就是一個大型的中央數據庫，這個數據庫就設置在 404 房間里面。那時候所有的請求都是由人工手動完成的，如果在數據庫中沒有找到請求者所需要的文件，或者由于請求者寫錯了文件編號，用戶就會得到一個返回信息：room 404 : file not found。404 錯誤信息通常是在目標頁面被更改或移除，或客戶端輸入頁面地址錯誤后顯示的頁面，人們也就習慣了用 404 作為服務器未找到文件的錯誤代碼了。當然實際考證傳說中的 room 404 是不存在的，在 http 請求 3 位的返回碼中，4 開頭的代表客戶錯誤，5 開頭代表服務器端錯誤。

作用

1.避免出現死鏈接

網站設置 404 頁面后，如果網站出現死鏈接，搜索引擎蜘蛛爬行這類網址得到“404”狀態回應時，即知道該 URL 已經失效，便不再索引該網頁，并向數據中心反饋將該 URL 表示的網頁從索引數據庫中刪除。避免因為死鏈接影響網站收錄。

2.提升用戶體驗

404 頁面通常為用戶訪問了網站上不存在或已刪除的頁面，服務器返回 404 錯誤頁面，告訴瀏覽者其所請求的頁面不存在或鏈接錯誤，同時引導用戶使用網站其他頁面而不是關閉窗口離開，消除用戶的挫敗感。

3.避免信任度下降

搜索引擎通過 HTTP 狀態碼來識別網頁的狀態。當搜索引擎獲得了一個錯誤鏈接時，網站應該返回 404 狀態碼，告訴搜索引擎放棄對該鏈接的索引。而如果返回 200 或 302 狀態碼，搜索引擎就會為該鏈接建立索引，這導致大量不同的鏈接指向了相同的網頁內容。結果是，搜索引擎對該網站的信任度大幅降低。很多網站存在這個問題：404 頁面返回的是 200 或 302 狀態碼而不是 404 狀態碼。

4.避免被懲罰

有些網站由于應用了一些錯誤的服務器配置，導致返回的是 200 狀態碼或是 302 狀態碼，雖然這些狀態碼對訪問網站的用戶沒有影響，但是卻會誤導搜索引擎，使搜索引擎認為該頁面是有效頁面，從而抓取下來。如果 404 頁面過多，就造成了大量的重復頁面，很有可能被搜索引擎認為是作弊而遭到懲罰

錯誤提示

是 WWW 網站訪問比較經常出現的錯誤。最常見的出錯提示：404 NOT FOUND。404 頁面就是當用戶輸入了錯誤的鏈接時，返回的頁面。

為什么需要 404 錯誤頁面

搜索引擎蜘蛛在請求某個 URL 時得到“404”狀態回應時，即知道該 URL 已經失效，便不再索引該網頁，并向數據中心反饋將該 URL 表示的網頁從索引數據庫中刪除，于是就產生了 404 錯誤頁面。404 頁面的存在不僅 對于是用戶訪問網站的一種反饋，而且在搜索引擎中占有重要的地位。

用戶的 404 錯誤頁面體驗

用戶對于 404 錯誤頁面的反饋

當用戶不小心訪問了某一個不存在的頁面并且沒有設置錯誤提示 時，用戶會怎么做？如果是初次到訪的訪客，那么回頭率是多少呢？毫無疑問，會抱怨為何出現錯誤，之后當然是直接關閉窗口離開。所以設置了 404 頁面也相當于是做了一個針對用戶的提示頁面，當用戶訪問了某一個 不存在的頁面后就會轉到 404 頁面，然后因為你在這個 404 頁面上有友好 的提示，并且有首頁和主要欄目頁的連接，用戶就很有可能會再次點擊進入你的首頁。但是，Web 服務器默認的 404 錯誤頁面，無論是 Apache 還是 IIS，均十分簡陋、呆板且對用戶不友好，無法給用戶提供必要的信息以獲取更 多線索，無疑這會造成用戶的流失。 因此，很多網站均使用自定義 404 錯誤的方式提供用戶體驗避免用戶流失。一般而言，自定義 404 頁面通用的做法是在頁面中放置網站快速導航鏈接、搜索框以及網頁提供的特色服務，這樣可以有效的幫助用戶訪問站點并獲取需要的信息。

“峰終定律”在 404 錯誤頁面用戶體驗上的運用

無論是布局、色彩還是不斷強調的互動，這些用戶體驗從某種角度 來說是更多的針對感官體驗而言的，人的思維是有了感官的***之后，馬上就會行動。無論如何，所有的下一步行動都與你提供的內容以及提 供內容的方式有關，筆者認為瀏覽的目的就是要留住用戶，對于 404 錯誤 頁面來說也是一樣的。 談到用戶體驗，就是讓用戶在瀏覽網頁中一直保持著“興趣點”，而心理學上的“峰終定律”正好可以解釋這一點?！胺褰K定律”基于潛意識總結體驗的特點：對一項事物的體驗之 后，所能記住的就只是在峰與終時的體驗，而在過程中好與不好體驗的比重、好與不好體驗的時間長短，對記憶差不多沒有影響。404 錯誤頁面應該作為頁面瀏覽的一部分，看到“出錯”或者“抱歉”頁面之類 404 頁面的時候，用戶會對網站的信任度迅速降低，有種挫敗感。如何有效的 留住用戶成為 404 頁面的使命，讓用戶在體驗自定義 404 頁面的時候最大限度的可以和瀏覽正常網站一樣有一個良好的興趣點。當人們在網頁中找到自己的興趣點的話，那么就達到了我們所說的“峰終定律”的“峰”，網頁的瀏覽是一個從始至終的過程，所以用戶操 作頁面的體驗是一直持續到關閉頁面或出現自定義 404 錯誤頁面進行 導航，于是我們希望用戶在出現錯誤時也有一種良好的體驗，404 頁面的“終”也盡可能成為人們瀏覽網頁的“峰”。

錯誤原因

原因類型

HTTP 404 錯誤意味著鏈接指向的網頁不存在，即原始網頁的 URL 失效，這種情況經常會發生，很難避免，比如說：網頁 URL 生成規則改變、網頁文件更名或移動位置、導入鏈接拼寫錯誤等，導致原來的 URL 地址無法訪問；當 Web 服務器接到類似請求時，會返回一個 404 狀態碼，告訴瀏覽器要請求的資源并不存在。

導致這個錯誤的原因一般來說，有三種：

1、無法在所請求的端口**問 Web 站點。

2、Web 服務擴展鎖定策略阻止本請求。

3、MIME 映射策略阻止本請求。

解決方法

把缺少的網頁文件恢復到正確的位置，重新設置網絡服務。對于用戶來講，需要檢查你所輸入的網絡地址是否正確。

頁面目的

404 頁面的目的是：告訴瀏覽者其所請求的頁面不存在或鏈接錯誤，同時引導用戶使用網站其他頁面而不是關閉窗口離開。

很多開源系統包括 CMS 系統、Blog 系統等不提供 404 頁面或提供的 404 頁面并未達到 seo 的要求，這讓網站的權威性大打折扣。

自定義 404 錯誤頁面在增強用戶體驗上是很好的做法，但在應用的過程中一般并未注意到對搜索引擎的影響，譬如：服務器端的錯誤配置導致返回“200”狀態碼或自定義 404 錯誤頁面使用 Meta Refresh 從而導致返回“302”狀態碼。正確設置的自定義 404 錯誤頁面，不僅應當能夠正確地顯示，同時，應該返回“404”錯誤代碼，而不是 “200”或“302”。雖然對訪問的用戶而言，HTTP 狀態碼究竟是“404”還是“200”來說并沒有什么區別，但對于搜索引擎則是相當重要的。

404 公益最早源于“NotFound Project”，是由 Missing Children Europe 和 European Federation for Missing and Sexually Exploited Children 等公益組織聯合發起的一個項目，他們希望利用閑置不用的網絡空間發揮公益的力量：讓更多人幫忙尋找失蹤兒童?！≡?Child Focus（一家專門幫助走失和受到性侵害的兒童公益機構）旗下的網站上，該機構針對這項公益計劃發表了一份倡議聲明：“歐盟每年都會有上千孩子走失，你可以借助 NotFound 共享自己的一份力量。你只需要安裝我們的應用軟件，在你的網站 404 頁面就會自動加載一張走失孩子的照片。讓我們一同幫助他們順利回家吧?！?/p>

優化 404

搜索引擎通過 HTTP 狀態碼來識別網頁的狀態。當搜索引擎獲得了一個錯誤鏈接時，網站應該返回 404 狀態碼，告訴搜索引擎放棄對該鏈接的索引。而如果返回 200 或 302 狀態碼，搜索引擎就會為該鏈接建立索引，這導致大量不同的鏈接指向了相同的網頁內容。結果是，搜索引擎對該網站的信任度大幅降低。很多網站存在這個問題：404 頁面返回的是 200 或 302 狀態碼而不是 404 狀態碼。

對 seo 的影響

自定義 404 錯誤頁面是增強用戶體驗的很好的做法，但在應用過程中往往并未注意到 404 頁面對搜索引擎的影響，譬如：錯誤的服務器端配置導致返回狀態碼“200”或自定義 404 錯誤頁面使用 Meta Refresh 導致返回“302”狀態碼。

如何設置

（僅適合 Apache 服務器）

1、在.htaccess 文件中加入代碼： ErrorDocument 404 /Error.html；

2、建立一個簡單的 html404 頁面命名 Error.html；

3、把 Error.html 放置在網站根目錄；

4、如果碰到困難，參考本站：錯誤網頁、SEO 十萬個為什么的.htaccess 文件。

使用指南

實現方式

使得訪客轉到某個地方而不是后退。

頁面包含該站點重要部分的鏈接，如主頁或站點地圖。不要僅僅告訴他們檢查拼寫。使用文本的鏈接替代圖片，因為有許多訪客不會想到點擊這個圖片。

例子：我們的站點有一個主頁的返回鏈接。這是實現友好反饋的最低限度。

此外，我們還會考慮，在有效的幫助信息不足的情況下，如何通過訪客的反饋彌補錯誤。

需要包括一個指向網站管理員的 email 鏈接，或者一個用于提交丟失鏈接的表格。

相對于發送 email，訪客更喜歡使用提交表格。

加入一個搜索框用于搜索站點。

例：MSN 在所有頁面的底部都有一個搜索框，同時也鏈向站點的重要部分。

在站點中列出接近于訪客期望頁面的鏈接，用于推測訪客正在尋找的頁面。

你不需要采納上述所有的建議，但是這些建議一致服務于使得訪客更愿意停留在你的站點的目的。

合理的 404 錯誤頁面至此即可以完成了，這將給訪客提供許多有價值的信息。

404 錯誤頁面

404 是一個 http 錯誤代碼，即請求的網頁不存在。代碼 404 的第一個“4”代表客戶端的錯誤，如錯誤的網頁位置，后兩的數字碼則代表著特定的錯誤訊息。404 頁面就是當用戶輸入了錯誤的鏈接或訪問了一個不存在的地址時返回的頁面，目的是告訴瀏覽者其所請求的頁面不存在或鏈接錯誤，同時引導用戶使用網站其他頁面而不是關閉窗口離開。

當我們訪問一個網站的時候，如果輸入了一個錯誤的 URL 地址，或者這個地址的頁面已經刪除，那么，服務器就會返回一個頁面，這個頁面就是我們說的 404 頁面。這種情況經常發生，是很難避免。 比如說：網頁 URL 生成規則改變、網頁文件更名或移動位置、導入鏈 接拼寫錯誤等，導致原來的 URL 地址無法訪問；當 Web 服務器接到類似請求時，會返回一個 404 狀態碼，告訴瀏覽器要請求的資源并不存在。

404 錯誤頁面本是網站瀏覽的一部分，所以它的體驗感也時刻與整個網站息息相關，用戶看到“抱歉”或“出錯”類似的 404 錯誤頁面，挫敗感迅速增加，而信任度反而迅速降低。盡最大可能挽留用戶在該網站成為 404 錯誤頁面的本職使命。

當人們在網頁中找到自己的興趣點的話，那么就達到了我們所說的“峰終定律”的

“峰”，網頁的瀏覽是一個從始至終的過程，所以用戶操作頁面的體驗是一直持續到關

閉頁面或出現自定義 404 錯誤頁面進行導航，于是筆者希望用戶在出現錯誤時也有一種

良好的體驗，404 頁面作為一個網站可能的“終”，希望盡可能降低用戶體驗負值，而轉

化成為用戶瀏覽網站的正面體驗值，留住用戶，增強了網站對于用戶的黏性。

國外404錯誤頁面的案例分析

1、Google

Google 包涵基本的出錯提示和問題描述，簡潔的風格一如往常。

2、NOKIA

NOKIA 的 404 頁面中隨機貼出一張俏皮的圖片再加上幾個關鍵的“安慰詞”，將用戶的緊張感瞬間打消，并立刻在下方給出了解決辦法。

此頁面的價值：（1）告訴用戶所處的環境：出錯。（2）告訴用戶出錯原因。（3）打消用戶緊張感。（4）告訴用戶該如何解決問題，給出幾條途徑。（5）留住用戶，增加用戶黏性。盡管用戶不一定能得到滿意結果，但是，這個 404 錯誤頁面的使命已經完成，而且完成得很好。

其它國外優秀的404錯誤頁面案例

一個擁有良好設計的 404 錯誤頁面可以幫你避免失去用戶的信任，潛在地建立你的用戶關系并能留住你的用戶，使其在瀏覽你的網站的時間更長。404 錯誤頁面用幽默的手法，讓用戶會心一笑，給錯誤配上幽默的情節，你還會為 404 頁面的小錯誤而生氣嗎？頁面設計保留著本站的基礎元素，讓它看起來是該網站的一部分，使用戶在不知所措的時候能夠回想起自己并沒有離開這個網站。用一種輕松的涂鴉方式，來傳達給用戶一種放松的心情。消除用戶不好的心情，以一種親近的方式請求原諒。該 404 錯誤頁面以精致取勝，設計的精良往往會吸引用戶駐足，當用戶被精致的網頁所打動的時候，也不忍心關掉頁面。

404 頁面設計使用實際物體為元素，具有真實感，讓用戶有種身臨其境的感覺。給用戶有用的鏈接，避免過于單調和過于技術性，使用戶不知所云（圖 10）。用豐富的設計把用戶拉回來，同時報告錯誤原因或提供聯系方式，盡最大可能減少用戶的挫敗感，縮減那些枯燥的、毫無用處的信息。增加建議方式讓用戶跟著你走，利用明確導向將用戶導入指定的頁面。

國內404錯誤頁面的案例分析

QQ 詞典用幽默的語言和親切的貼紙畫面打消用戶的挫敗感，風格有點近似于國外的 404 頁面設計。CSDN 頁面設計是一些枯燥，毫無用處的信息，給用戶造成負擔。綜上所述，國外對于 404 頁面設計如火如荼，而國內只有少部分關注，或者根本不關注，目前國內的互聯網處于成長階段，404 錯誤頁面更是處于學習的過程中。

良好的404錯誤頁面用戶體驗應該遵循的理念

認知心理學家 DonaldA.Norman 將人類的行為分解成 76 個階段：

1、確定目標。

2、確定意圖。

3、明確行動內容。

4、執行。

5、感知外部狀態。

6、解釋外部狀況。

而這 76 個階段發生在人類所采取的每一個行動時。筆者將其應用于 404 錯誤頁面瀏覽上，七六個步驟就是用戶的用戶體驗的過程，中間任何一點出現問題或者過于滯后，都會影響到用戶的體驗。要把用戶看作崇尚簡單的、挑剔的、遲鈍的、很忙的，能少鍵入就少輸入，能少點擊就少點擊，能少思考就少思考；而任何產品則要做個好好先生：做到體貼的、溫暖的、寬容的、有安全感的、易理解好溝通。有些時候為不給用戶不必要的干擾，很多壓力和責任都要后臺默默的扛起來。網站的價值是“可以幫助用戶完成某項任務，并得到某種體驗”，同時網站的設計“百分之一百減一”是在設計導航，404 錯誤頁面就是導航用戶重新進入網頁的導航設計。所以 404 錯誤頁面不容忽視，它的好壞直接影響到用戶對于整個頁面瀏覽過程“峰終”體驗。綜述以上的案例分析，筆者歸納出良好的 404 錯誤頁面用戶體驗應該遵循的理念：（1）整體頁面設計時刻保持統一感，即使出錯也讓用戶消除錯愕感，了解自己依然在該網站上。（2）提供明確的問題描述，用輕松幽默的話語消除用戶的挫敗感，減少用戶沮喪，使得訪客在頁面的輕松引導中轉到某個地方而不是退出。（3）展示個性化的友好交互界面，提升良好的訪問體驗。（4）提供恰當的解決方式，輔助用戶完成最終的訪問目標，不讓用戶對于 404 錯誤頁面有恐懼感。

制作 404 頁面

這里分兩種情況。

Apache

為 Apache Server 設置 404 錯誤頁面的方法很簡單，只需：

(1)在.htaccess 文件中加入如下內容：ErrorDocument 404 /notfound.php，將.htaccess 文件上傳到網站根目錄。

(2)制作一個 404 頁面，隨便您設計，命名為 notfound.php，同樣上傳到網站根目錄。

注意：

（1）.切記不要將 404 錯誤轉向到網站主頁，否則可能會出現主頁在搜索引擎中消失的情況。

（2）.切記不要使用絕對 URL，如果使用絕對 URL 會返回 302+200 的狀態碼。

公益廣告

這是百度發起的一項名為“百度正能量之尋親行動”的活動，將網頁搜索的 404 頁面展示為 24 個已被解救孩子的信息，幫他們尋找父母。404 頁面是當用戶請求的頁面不存在、鏈接錯誤或具有攻擊性時產生的提示頁面。百度這一舉措相當于推出了一個巨大的公益尋人平臺。

此外，百度還設置了活動專題頁，并提供阿拉丁展示位，同時向中華社會救助基金會捐贈 10 萬元專項善款，作為孩子回家的路費。據了解，百度在活動專題頁及 404 頁面都設置了分享功能，號召更多網友參與，一起幫孩子們找父母。

對于百度此次創新，中國計算機常務理事潘柱廷給予了極高的評價：“這次百度 404 頁面變身公益廣告，是百度利用自身的技術和平臺優勢做創新型公益，有著巨大的社會價值和借鑒意義?！?/p>

百度此次行動有力的支持了鄧飛等人發起的“幫孩子回家春節特別行動”。鄧飛表示：“大家在百度搜索幫 24 個孩子回家、百度 404 公益等，第一個搜索結果即專題頁面。百度給活動提供了諸多便利，感謝百度的支持?！?/p>

從百度公益一小時、溫暖搜索框到百度公益開放平臺、防盜鏈圖公益廣告，再到這一次的 404 頁面變身公益廣告，百度圍繞產品進行的創新層出不窮。百度的每一項創新，或給網友帶來巨大歡樂，或給社會創造更大價值，讓人感覺到百度工程師文化的活力。