404頁(yè)面三問(wèn):你真的懂「404頁(yè)面」?
404頁(yè)面是網(wǎng)頁(yè)設(shè)計(jì)中必不可少的一部分,良好的404頁(yè)面,能夠提供良好的用戶體驗(yàn),讓你的產(chǎn)品更友好些。
404頁(yè)面是什么?定制404頁(yè)面的意義是什么?如何定制404頁(yè)面?要談這些,就要先談?wù)劇?04錯(cuò)誤」1.404錯(cuò)誤(HTTP 404)百度百科:是WWW網(wǎng)站訪問(wèn)比較經(jīng)常出現(xiàn)的錯(cuò)誤404頁(yè)面就是當(dāng)用戶輸入了錯(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 i芒的拼音和組詞s 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 f芒的拼音和組詞ind 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èn)服務(wù)器, 但服務(wù)器無(wú)法找到用戶請(qǐng)求的內(nèi)容或故意地不找到此內(nèi)容2.為什么會(huì)出現(xiàn)404錯(cuò)誤?其實(shí)上文定義已解釋了這個(gè)問(wèn)題——404錯(cuò)誤表示用戶可以正常訪問(wèn)服務(wù)器,但服務(wù)器無(wú)法找到用戶請(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í),用戶上網(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 give芒的拼音和組詞n 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)的頁(yè)面,此時(shí)用戶仍使用原URL進(jìn)入,往往就會(huì)進(jìn)入404頁(yè)面;如果博客網(wǎng)站把某篇文章頁(yè)面移動(dòng)到其他地方(往往對(duì)應(yīng)著URL路徑變化),而用戶此時(shí)仍使用原URL進(jìn)入,也會(huì)進(jìn)芒的拼音和組詞入404頁(yè)面。
當(dāng)然,如果用戶故意輸入錯(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)品的一部分,因此可以參考《用戶體驗(yàn)要素》的戰(zhàn)略層——產(chǎn)品目標(biāo)、用戶需求404頁(yè)面的意義,就在這兩方面3.1產(chǎn)品目標(biāo)。
a)SEO很多死鏈(無(wú)法訪問(wèn)的鏈接)的原因是404錯(cuò)誤,而不處理死鏈,往往會(huì)招來(lái)搜索引擎處罰SEO與用戶體驗(yàn)是相通的,如果網(wǎng)站沒(méi)有定制404頁(yè)面,往往被認(rèn)為芒的拼音和組詞在用戶體驗(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ò)誤是一種常見錯(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用戶需求這里的用戶需求比較簡(jiǎn)單,主要分為兩點(diǎn):a)知道錯(cuò)誤原因芒的拼音和組詞這是正常人都會(huì)有的反應(yīng)——進(jìn)入了一個(gè)相對(duì)不常見的404頁(yè)面,why?對(duì)于這樣的用戶需求,很容易就能滿足,比如像下圖這樣:
b)知道如何處理錯(cuò)誤這就涉及到交互設(shè)計(jì)原則中的原則滿足這個(gè)需求也很簡(jiǎn)單,一般來(lái)說(shuō),給用戶返回上一頁(yè)、返回首頁(yè)的鏈接即可,有的網(wǎng)站會(huì)自動(dòng)幫助用戶返回首頁(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ì)待