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

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

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

1.404錯誤(HTTP 404)

百度百科：是WWW網(wǎng)站訪問比較經(jīng)常出現(xiàn)的錯誤。404頁面就是當(dāng)用戶輸入了錯誤的鏈接時，返回的頁面。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標(biāo)準(zhǔn)響應(yīng)碼——這種響應(yīng)碼表示用戶可以正常訪問服務(wù)器， 但服務(wù)器無法找到用戶請求的內(nèi)容或故意地不找到此內(nèi)容。

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

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

但更深層的原因是什么?

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

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

當(dāng)然，如果用戶故意輸入錯誤的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)品目標(biāo)、用戶需求。404頁面的意義，就在這兩方面。

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

a)SEO

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

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

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

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

3)其他

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

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

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

3.2用戶需求

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

a)知道錯誤原因

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

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

b)知道如何處理錯誤

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

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

4.如何定制404頁面

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

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

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

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

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

廣告

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