404頁面三問:你真的懂「404頁面」?
404頁面是網頁設計中必不可少的一部分,良好的404頁面,能夠提供良好的用戶體驗,讓你的產品更友好些。
404頁面是什么?定制404頁面的意義是什么?如何定制404頁面?要談這些,就要先談談「404錯誤」。 百度百科:是WWW網站訪問比較經常出現的錯誤。404頁面就是當用戶輸入了錯誤的鏈接時,返回的頁面。HTTP 404錯誤意味著鏈接指向的網頁不存在,即原始網頁的URL失效,這種情況經常會發生,很難避免。 維基百科: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標準響應碼——這種響應碼表示用戶可以正常訪問服務器, 但服務器無法找到用戶請求的內容或故意地不找到此內容。 其實上文定義已解釋了這個問題——404錯誤表示用戶可以正常訪問服務器,但服務器無法找到用戶請求的內容。 但更深層的原因是什么? 經過一些調查并請教強哥后,發現是這樣的: 下圖為一個上網模型,即一個人上網,需要服務器處理,并調用數據庫中的數據,然后通過網絡傳給這個人使用的設備。而在出現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,也會被網站識別為上述原因。盡管此時網站并未刪除/移動那些內容,但在結果上是一樣的——這些內容都不存在。 還有一種原因:網站可能會有意地將某些頁面偽裝成404頁面,已達到某些不那么可告人的目的…… 在定制404頁面之前,要先明白其意義所在。 404頁面也是產品的一部分,因此可以參考《用戶體驗要素》的戰略層——產品目標、用戶需求。404頁面的意義,就在這兩方面。 a)SEO 很多死鏈(無法訪問的鏈接)的原因是404錯誤,而不處理死鏈,往往會招來搜索引擎處罰。SEO與用戶體驗是相通的,如果網站沒有定制404頁面,往往被認為在用戶體驗上不夠用心,搜索引擎也會這么認為。 另外,如果服務器設置錯誤,就會導致本應返回404的頁面返回了200或者302, 這會導致多個不同的URL對應的內容相同,這也會招來搜索引擎的處罰。 b)對產品宣傳、轉化率等 404錯誤是一種常見錯誤,利用這種錯誤,定制404頁面,并在404頁面中添加一些對產品宣傳、提升產品轉化率的內容是完全可行的,比如下圖。 3)其他 有些公司會利用SEO幽默一把,比如在私募行業中著名的金斧子: 有的公司會體現其自帶的某種風格,比如知乎這樣的: 有的公司則會在公益方面有所表現,比如騰訊,對于這樣的公司,給點個贊! 這里的用戶需求比較簡單,主要分為兩點: a)知道錯誤原因 這是正常人都會有的反應——進入了一個相對不常見的404頁面,why? 對于這樣的用戶需求,很容易就能滿足,比如像下圖這樣: b)知道如何處理錯誤 這就涉及到交互設計原則中的<人性化幫助>原則。 滿足這個需求也很簡單,一般來說,給用戶返回上一頁、返回首頁的鏈接即可,有的網站會自動幫助用戶返回首頁,有的網站會提供更多內容,這可以視具體情況而定。比如像天貓這樣: 上方第三點其實就包括了需求分析、需求決策,接下來要做的,就是根據實際情況,進行需求擴展、需求篩選、需求設計…… 總結起來,大致如下圖。 由于404頁面的需求比較簡單,而且并距離網站的核心業務較遠,所以往往不需要考慮太多。當然,如果有興趣,也可以認真對待。 本文由 @GetiDoer 原創發布于人人都是產品經理。未經許可,禁止轉載。1.404錯誤(HTTP 404)
2.為什么會出現404錯誤?
3.定制404頁面的意義是什么?
3.1產品目標
3.2用戶需求
4.如何定制404頁面?
不涉及數據庫的純靜態網站也可以在訪問不到內容后跳轉404頁面哦 ?
soga,多謝提醒