網(wǎng)頁(yè)設(shè)計(jì)中的404頁(yè)面

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

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

1.404錯(cuò)誤(HTTP 404)

百度百科：是WWW網(wǎng)站訪(fǎng)問(wèn)比較經(jīng)常出現(xiàn)的錯(cuò)誤。404頁(yè)面就是當(dāng)用戶(hù)輸入了錯(cuò)誤的鏈接時(shí)，返回的頁(yè)面。HTTP 404錯(cuò)誤意味著鏈接指向的網(wǎng)頁(yè)不存在，即原始網(wǎng)頁(yè)的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)碼表示用戶(hù)可以正常訪(fǎng)問(wèn)服務(wù)器， 但服務(wù)器無(wú)法找到用戶(hù)請(qǐng)求的內(nèi)容或故意地不找到此內(nèi)容。

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

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

但更深層的原因是什么?

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

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

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

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

3.定制404頁(yè)面的意義是什么

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

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

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

a)SEO

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

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

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

404錯(cuò)誤是一種常見(jiàn)錯(cuò)誤，利用這種錯(cuò)誤，定制404頁(yè)面，并在404頁(yè)面中添加一些對(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用戶(hù)需求

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

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

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

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

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

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

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

4.如何定制404頁(yè)面

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

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

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

網(wǎng)站標(biāo)題：網(wǎng)頁(yè)設(shè)計(jì)中的404頁(yè)面
瀏覽路徑：http://muchs.cn/news40/166640.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、外貿(mào)建站、建站公司、搜索引擎優(yōu)化、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)

廣告

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