如何更好地運(yùn)用404錯(cuò)誤頁(yè)面
1. 什么是404
404是一個(gè) http 錯(cuò)誤代碼，即請(qǐng)求的網(wǎng)頁(yè)不存在。代碼404的第一個(gè)“4”代表客戶端的錯(cuò)誤，如錯(cuò)誤的網(wǎng)頁(yè)位址；后兩的數(shù)字碼則代表著特定的錯(cuò)誤訊息。就是當(dāng)用戶輸入了錯(cuò)誤的鏈接時(shí)，返回的頁(yè)面。這樣的目的是告訴瀏覽者其所請(qǐng)求的頁(yè)面不存在或鏈接錯(cuò)誤，同時(shí)引導(dǎo)用戶使用網(wǎng)站其他頁(yè)面而不是關(guān)閉窗口離開。
Google簡(jiǎn)潔的頁(yè)面與的品牌精神是一致的，包涵基本的出錯(cuò)提示和問(wèn)題描述
2. 為什么需要404頁(yè)面
搜索引擎蜘蛛在請(qǐng)求某個(gè)URL時(shí)得到“404”狀態(tài)回應(yīng)時(shí)，即知道該URL已經(jīng)失效，便不再索引該網(wǎng)頁(yè)，并向數(shù)據(jù)中心反饋將該URL表示的網(wǎng)頁(yè)從索引數(shù)據(jù)庫(kù)中刪除，當(dāng)然，刪除過(guò)程有可能需要很長(zhǎng)時(shí)間；而當(dāng)搜索引擎得到“200”狀態(tài)碼時(shí)，則會(huì)認(rèn)為該URL是有效的，便會(huì)去索引，并會(huì)將其收錄到索引數(shù)據(jù)庫(kù)。所以，自定義404錯(cuò)誤頁(yè)面不僅是增強(qiáng)用戶體驗(yàn)的好做法，而且對(duì)搜索引擎也是相當(dāng)重要的。
3. 良好的404頁(yè)面應(yīng)該遵循的理念
①提供簡(jiǎn)明的問(wèn)題描述，用輕松的話語(yǔ)消除訪客的挫敗感，使得訪客轉(zhuǎn)到某個(gè)地方而不是后退。
②提供合理的解決方案，輔助訪客完成訪問(wèn)目標(biāo)。
③提供個(gè)性化的友好界面，提升訪問(wèn)體驗(yàn)。
用幽默的語(yǔ)言和親切的貼紙畫面打消用戶的挫敗感
4. NO！ 拒絕乏味
一個(gè)擁有良好設(shè)計(jì)的404錯(cuò)誤頁(yè)面可以幫你避免失去用戶的信任，潛在地建立你的用戶關(guān)系并能留住你的用戶，使其在瀏覽你的網(wǎng)站的時(shí)間更長(zhǎng)。下面給大家?guī)?lái)一些創(chuàng)意的404界面設(shè)計(jì)參考，希望你能喜歡它們并能從中獲取靈感：
方法① ：整體一致性
404頁(yè)面同樣需要保留本站的基礎(chǔ)元素，讓它看起來(lái)還是你的網(wǎng)站，讓用戶迷茫的時(shí)候能夠回想起自己為何身在此處；
方法②： 讓用戶跟你走
給用戶有用的鏈接，避免過(guò)于簡(jiǎn)單和技術(shù)，用豐富設(shè)計(jì)把用戶拉回來(lái)，報(bào)告錯(cuò)誤原因或提供聯(lián)系方式，減少挫敗感，減少那些痛苦的、毫無(wú)幫助的信息。增加建議讓用戶跟著你走， 利用轉(zhuǎn)向?qū)⒂脩魧?dǎo)入指定的頁(yè)面；
方法③： 用輕松的手繪涂鴉風(fēng)格
用輕松的手繪，表達(dá)放松的心情，404錯(cuò)誤并不可怕，請(qǐng)?jiān)徫覀兠利惖腻e(cuò)誤；
方法④： 精致的細(xì)節(jié)刻畫
精致的設(shè)計(jì)往往可惜吸引用戶駐足觀看，仔細(xì)觀察，生怕漏掉細(xì)節(jié)，當(dāng)用戶被精致打動(dòng)的時(shí)候，對(duì)你的網(wǎng)站就會(huì)平添更多的憐愛(ài)之情；
方法⑤： 楚楚可人的道歉
用情感打動(dòng)用戶，挽留它們的關(guān)閉和離開；
方法⑥： 擬物化的場(chǎng)景烘托
用實(shí)際物體為元素設(shè)計(jì)的404頁(yè)面，可以更好的和本站的主題契合，實(shí)物有不可比擬的真實(shí)感，是一種很好的表現(xiàn)手段；
方法⑦： 幽默的手段和趣味情節(jié)
老奶奶找不到自己的寵物了！Oh~~原來(lái)坐在了屁股底下
多么可愛(ài)的錯(cuò)誤啊，看到這一切，您還會(huì)為404的小錯(cuò)誤生氣么？放松一下，給錯(cuò)誤帶上幽默的情節(jié)，原來(lái)錯(cuò)誤也可以很美。