網頁設計中的404頁面

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

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

1.404錯誤(HTTP 404)

百度百科：是WWW網站訪問比較經常出現的錯誤。404頁面就是當用戶輸入了錯誤的鏈接時，返回的頁面。HTTP 404錯誤意味著鏈接指向的網頁不存在，即原始網頁的URL失效，這種情況經常會發(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標準響應碼——這種響應碼表示用戶可以正常訪問服務器， 但服務器無法找到用戶請求的內容或故意地不找到此內容。

2.為什么會出現404錯誤

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

但更深層的原因是什么?

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

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

維基百科：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錯誤一般表現為用戶請求的內容被刪除/移動。比如一個博客網站，刪除了某篇文章對應的頁面，此時用戶仍使用原URL進入，往往就會進入404頁面;如果博客網站把某篇文章頁面移動到其他地方(往往對應著URL路徑變化)，而用戶此時仍使用原URL進入，也會進入404頁面。

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

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

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

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

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

3.1產品目標

a)SEO

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

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

b)對產品宣傳、轉化率等

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

3)其他

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

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

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

3.2用戶需求

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

a)知道錯誤原因

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

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

b)知道如何處理錯誤

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

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

4.如何定制404頁面

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

總結起來，大致如下圖。

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

網站標題：網頁設計中的404頁面
瀏覽路徑：http://www.bm7419.com/news40/166640.html

成都網站建設公司_創(chuàng)新互聯，為您提供自適應網站、外貿建站、建站公司、搜索引擎優(yōu)化、營銷型網站建設、品牌網站建設

廣告

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