建站常識
Hello! 404
2010-09-03 15:26:00
1. 什么是404
404是一個 http 錯誤代碼,即請求的網(wǎng)頁不存在。代碼404的第一個“4”代表客戶端的錯誤,如錯誤的網(wǎng)頁位址;后兩的數(shù)字碼則代表著特定的錯誤訊息。就是當(dāng)用戶輸入了錯誤的鏈接時,返回的頁面。這樣的目的是告訴瀏覽者其所請求的頁面不存在或鏈接錯誤,同時引導(dǎo)用戶使用網(wǎng)站其他頁面而不是關(guān)閉窗口離開。
Google簡潔的頁面與的品牌精神是一致的,包涵基本的出錯提示和問題描述
2. 為什么需要404頁面
搜索引擎蜘蛛在請求某個URL時得到“404”狀態(tài)回應(yīng)時,即知道該URL已經(jīng)失效,便不再索引該網(wǎng)頁,并向數(shù)據(jù)中心反饋將該URL表示的網(wǎng)頁從索引數(shù)據(jù)庫中刪除,當(dāng)然,刪除過程有可能需要很長時間;而當(dāng)搜索引擎得到“200”狀態(tài)碼時,則會認為該URL是有效的,便會去索引,并會將其收錄到索引數(shù)據(jù)庫。所以,自定義404錯誤頁面不僅是增強用戶體驗的好做法,而且對搜索引擎也是相當(dāng)重要的。
3. 良好的404頁面應(yīng)該遵循的理念
①提供簡明的問題描述,用輕松的話語消除訪客的挫敗感,使得訪客轉(zhuǎn)到某個地方而不是后退。
②提供合理的解決方案,輔助訪客完成訪問目標。
③提供個性化的友好界面,提升訪問體驗。
用幽默的語言和親切的貼紙畫面打消用戶的挫敗感
http://dict.qq.com/404.html
4. NO! 拒絕乏味
一個擁有良好設(shè)計的404錯誤頁面可以幫你避免失去用戶的信任,潛在地建立你的用戶關(guān)系并能留住你的用戶,使其在瀏覽你的網(wǎng)站的時間更長。下面給大家?guī)硪恍﹦?chuàng)意的404界面設(shè)計參考,希望你能喜歡它們并能從中獲取靈感:
方法① :整體一致性
404頁面同樣需要保留本站的基礎(chǔ)元素,讓它看起來還是你的網(wǎng)站,讓用戶迷茫的時候能夠回想起自己為何身在此處;
#p#方法②: 讓用戶跟你走
給用戶有用的鏈接,避免過于簡單和技術(shù),用豐富設(shè)計把用戶拉回來,報告錯誤原因或提供聯(lián)系方式,減少挫敗感,減少那些痛苦的、毫無幫助的信息。增加建議讓用戶跟著你走, 利用轉(zhuǎn)向?qū)⒂脩魧?dǎo)入指定的頁面;
#p#方法③: 用輕松的手繪涂鴉風(fēng)格
用輕松的手繪,表達放松的心情,404錯誤并不可怕,請原諒我們美麗的錯誤;
#p#方法④: 精致的細節(jié)刻畫
精致的設(shè)計往往可惜吸引用戶駐足觀看,仔細觀察,生怕漏掉細節(jié),當(dāng)用戶被精致打動的時候,對你的網(wǎng)站就會平添更多的憐愛之情;
#p#方法⑤: 楚楚可人的道歉
用情感打動用戶,挽留它們的關(guān)閉和離開;
#p#方法⑥: 擬物化的場景烘托
用實際物體為元素設(shè)計的404頁面,可以更好的和本站的主題契合,實物有不可比擬的真實感,是一種很好的表現(xiàn)手段;
#p#方法⑦: 幽默的手段和趣味情節(jié)
老奶奶找不到自己的寵物了!Oh~~原來坐在了屁股底下……
多么可愛的錯誤啊,看到這一切,您還會為404的小錯誤生氣么?放松一下,給錯誤帶上幽默的情節(jié),原來錯誤也可以很美……
原文:http://cdc.tencent.com/?p=2907
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2010-07-15 15:55:00] 泛泛而談界面中的斑馬紋設(shè)計
- [2010-09-25 15:08:00] 淺淡BANNER設(shè)計
- [2010-05-11 10:58:00] 讓它與眾不同吧——消除設(shè)計的界限
- [2006-12-14 22:22:00] Web2.0的視覺設(shè)計
- [2009-06-10 09:03:00] 以情感為中心的設(shè)計(1)
- [2009-08-07 07:51:00] 淺析設(shè)計與內(nèi)容呈現(xiàn)的關(guān)系
- [2009-12-11 08:29:00] 白社會視覺設(shè)計誕生記
- [2010-06-23 16:53:00] Less is more—對素材處理的思考
- [2009-09-07 08:13:00] “高效”是首要的設(shè)計要求
- [2005-12-28 13:58:00] 網(wǎng)頁視覺設(shè)計基本技巧
- [2010-07-09 16:18:00] 科幻風(fēng)格的多樣性及探索歷程
- [2010-01-12 17:31:00] 當(dāng)視覺設(shè)計師遇上產(chǎn)品經(jīng)理、開發(fā)工程師…
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
網(wǎng)站視覺 舒適的界面 頁面設(shè)計 青島網(wǎng)頁制作 交互設(shè)計 網(wǎng)站開發(fā) 搜索引擎 視覺靈感 網(wǎng)站的速度 輪胎網(wǎng)站設(shè)計 SEO優(yōu)化 網(wǎng)站策劃 力圖數(shù)字科技 青島SEO 建站常識 H5專題頁面 青島高端網(wǎng)站建設(shè)公司哪家好 高端輪胎網(wǎng)站設(shè)計 青島網(wǎng)站建設(shè) 手機網(wǎng)站 網(wǎng)站設(shè)計 青島黃島、紅島網(wǎng)站建設(shè)公司 微信開發(fā) 中小型企業(yè)網(wǎng)站建設(shè) 網(wǎng)站設(shè)計資訊 青島抖音小程序開發(fā) 良好的導(dǎo)航 網(wǎng)站制作 營銷型網(wǎng)站 扁平化設(shè)計