404頁面是網(wǎng)頁設計中必不可少的一部分，良好的404頁面，能夠提供良好的用戶體驗，讓你的產(chǎn)品更友好些。

404頁面是什么?定制404頁面的意義是什么?如何定制404頁面?要談這些，就要先談談「404錯誤」。

1.404錯誤(HTTP 404)

百度百科：是WWW網(wǎng)站訪問比較經(jīng)常出現(xiàn)的錯誤。404頁面就是當用戶輸入了錯誤的鏈接時，返回的頁面。HTTP 404錯誤意味著鏈接指向的網(wǎng)頁不存在，即原始網(wǎng)頁的URL失效，這種情況經(jīng)常會發(fā)生，很難避免。

維基百科：The HTTP 404, 404 Not Found and 404 (pronounced “four oh four”) error message is a Hypertext Transfer Protocol (HTTP)standard response code, in computer network communications, to indicate that the client was able to communicate with a given server, but the server could not find what was requested.

RFC7231：The 404(Not Found)status code indicates that the origin server did not find a current representation for the target resource or is not willing to disclose that one exists. A 404 status code does not indicate whether this lack of representation is temporary or permanent; the 410 (Gone) status code is preferred over 404 if the origin server knows, presumably through some configurable means, that the condition is likely to be permanent.

所以，404錯誤就是：一個HTTP標準響應碼——這種響應碼表示用戶可以正常訪問服務器， 但服務器無法找到用戶請求的內(nèi)容或故意地不找到此內(nèi)容。

2.為什么會出現(xiàn)404錯誤

其實上文定義已解釋了這個問題——404錯誤表示用戶可以正常訪問服務器，但服務器無法找到用戶請求的內(nèi)容。

但更深層的原因是什么?

經(jīng)過一些調(diào)查并請教強哥后，發(fā)現(xiàn)是這樣的： 下圖為一個上網(wǎng)模型，即一個人上網(wǎng)，需要服務器處理，并調(diào)用數(shù)據(jù)庫中的數(shù)據(jù)，然后通過網(wǎng)絡傳給這個人使用的設備。而在出現(xiàn)404錯誤時，用戶上網(wǎng)請求的所有內(nèi)容在服務器、數(shù)據(jù)庫中均未找到——一般是一個頁面的所有內(nèi)容均未找到(包括該頁面的前后端代碼與所有數(shù)據(jù)，如果只有部分服務器中的數(shù)據(jù)缺失，那網(wǎng)站前端頁面不顯示這些數(shù)據(jù)即可，還是有頁面展示)，故服務器返回404響應碼。

注意：這里是在服務器和數(shù)據(jù)庫中沒有找到對應內(nèi)容，而不是服務器異常。如果是服務器異常，那就不是返回404，而是其他的響應碼。比如服務器不存在，那就是DNS error，而不是404 error，具體如下方維基百科的內(nèi)容。

維基百科：404 errors should not be confused with DNS errors, which appear when the given URL refers to a server name that does not exist. A 404 error indicates that the server itself was found, but that the server was not able to retrieve the requested page.

更表面上，404錯誤一般表現(xiàn)為用戶請求的內(nèi)容被刪除/移動。比如一個博客網(wǎng)站，刪除了某篇文章對應的頁面，此時用戶仍使用原URL進入，往往就會進入404頁面;如果博客網(wǎng)站把某篇文章頁面移動到其他地方(往往對應著URL路徑變化)，而用戶此時仍使用原URL進入，也會進入404頁面。

當然，如果用戶故意輸入錯誤的URL，也會被網(wǎng)站識別為上述原因。盡管此時網(wǎng)站并未刪除/移動那些內(nèi)容，但在結(jié)果上是一樣的——這些內(nèi)容都不存在。

還有一種原因：網(wǎng)站可能會有意地將某些頁面?zhèn)窝b成404頁面，已達到某些不那么可告人的目的……

3.定制404頁面的意義是什么

在定制404頁面之前，要先明白其意義所在。

404頁面也是產(chǎn)品的一部分，因此可以參考《用戶體驗要素》的戰(zhàn)略層——產(chǎn)品目標、用戶需求。404頁面的意義，就在這兩方面。

3.1產(chǎn)品目標

a)SEO

很多死鏈(無法訪問的鏈接)的原因是404錯誤，而不處理死鏈，往往會招來搜索引擎處罰。SEO與用戶體驗是相通的，如果網(wǎng)站沒有定制404頁面，往往被認為在用戶體驗上不夠用心，搜索引擎也會這么認為。

另外，如果服務器設置錯誤，就會導致本應返回404的頁面返回了200或者302， 這會導致多個不同的URL對應的內(nèi)容相同，這也會招來搜索引擎的處罰。

b)對產(chǎn)品宣傳、轉(zhuǎn)化率等

404錯誤是一種常見錯誤，利用這種錯誤，定制404頁面，并在404頁面中添加一些對產(chǎn)品宣傳、提升產(chǎn)品轉(zhuǎn)化率的內(nèi)容是完全可行的，比如下圖。

3)其他

有些公司會利用SEO幽默一把，比如在私募行業(yè)中著名的金斧子：

有的公司會體現(xiàn)其自帶的某種風格，比如知乎這樣的：

有的公司則會在公益方面有所表現(xiàn)，比如騰訊，對于這樣的公司，給點個贊!

3.2用戶需求

這里的用戶需求比較簡單，主要分為兩點：

a)知道錯誤原因

這是正常人都會有的反應——進入了一個相對不常見的404頁面，why?

對于這樣的用戶需求，很容易就能滿足，比如像下圖這樣：

b)知道如何處理錯誤

這就涉及到交互設計原則中的<人性化幫助>原則。

滿足這個需求也很簡單，一般來說，給用戶返回上一頁、返回首頁的鏈接即可，有的網(wǎng)站會自動幫助用戶返回首頁，有的網(wǎng)站會提供更多內(nèi)容，這可以視具體情況而定。比如像天貓這樣：

4.如何定制404頁面

上方第三點其實就包括了需求分析、需求決策，接下來要做的，就是根據(jù)實際情況，進行需求擴展、需求篩選、需求設計……

總結(jié)起來，大致如下圖。

由于404頁面的需求比較簡單，而且并距離網(wǎng)站的核心業(yè)務較遠，所以往往不需要考慮太多。當然，如果有興趣，也可以認真對待。

分享標題：網(wǎng)頁設計中的404頁面
網(wǎng)站地址：http://aaarwkj.com/news/166640.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供App設計、品牌網(wǎng)站建設、響應式網(wǎng)站、微信小程序、網(wǎng)站排名、關鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)