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

404頁面是什么?定制404頁面的意義是什么?如何定制404頁面?要談這些，就要先談?wù)劇?04錯(cuò)誤」。

1.404錯(cuò)誤(HTTP 404)

百度百科：是WWW網(wǎng)站訪問比較經(jīng)常出現(xiàn)的錯(cuò)誤。404頁面就是當(dāng)用戶輸入了錯(cuò)誤的鏈接時(shí)，返回的頁面。HTTP 404錯(cuò)誤意味著鏈接指向的網(wǎng)頁不存在，即原始網(wǎng)頁的URL失效，這種情況經(jīng)常會(huì)發(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錯(cuò)誤就是：一個(gè)HTTP標(biāo)準(zhǔn)響應(yīng)碼——這種響應(yīng)碼表示用戶可以正常訪問服務(wù)器， 但服務(wù)器無法找到用戶請(qǐng)求的內(nèi)容或故意地不找到此內(nèi)容。

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

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

但更深層的原因是什么?

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

注意：這里是在服務(wù)器和數(shù)據(jù)庫中沒有找到對(duì)應(yīng)內(nèi)容，而不是服務(wù)器異常。如果是服務(wù)器異常，那就不是返回404，而是其他的響應(yīng)碼。比如服務(wù)器不存在，那就是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錯(cuò)誤一般表現(xiàn)為用戶請(qǐng)求的內(nèi)容被刪除/移動(dòng)。比如一個(gè)博客網(wǎng)站，刪除了某篇文章對(duì)應(yīng)的頁面，此時(shí)用戶仍使用原URL進(jìn)入，往往就會(huì)進(jìn)入404頁面;如果博客網(wǎng)站把某篇文章頁面移動(dòng)到其他地方(往往對(duì)應(yīng)著URL路徑變化)，而用戶此時(shí)仍使用原URL進(jìn)入，也會(huì)進(jìn)入404頁面。

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

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

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

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

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

3.1產(chǎn)品目標(biāo)

a)SEO

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

另外，如果服務(wù)器設(shè)置錯(cuò)誤，就會(huì)導(dǎo)致本應(yīng)返回404的頁面返回了200或者302， 這會(huì)導(dǎo)致多個(gè)不同的URL對(duì)應(yīng)的內(nèi)容相同，這也會(huì)招來搜索引擎的處罰。

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

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

3)其他

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

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

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

3.2用戶需求

這里的用戶需求比較簡(jiǎn)單，主要分為兩點(diǎn)：

a)知道錯(cuò)誤原因

這是正常人都會(huì)有的反應(yīng)——進(jìn)入了一個(gè)相對(duì)不常見的404頁面，why?

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

b)知道如何處理錯(cuò)誤

這就涉及到交互設(shè)計(jì)原則中的<人性化幫助>原則。

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

4.如何定制404頁面

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

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

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

分享標(biāo)題：網(wǎng)頁設(shè)計(jì)中的404頁面
網(wǎng)站地址：http://www.rwnh.cn/news/166640.html

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

廣告

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