技術(shù)資訊
404頁面優(yōu)化體驗
2008-11-29 22:44:00
名詞解釋:404頁面是當(dāng)客戶端使用HTTP瀏覽網(wǎng)頁時,服務(wù)器需要針對不同的“要求”提供不同的“回應(yīng)”,譬如瀏覽器發(fā)出HTML文件(網(wǎng)頁)的要求,并帶有數(shù)字回應(yīng)碼和MIME的訊息。代碼404的第一個“4”代表客戶端的錯誤,如錯誤的網(wǎng)頁位址;后兩的數(shù)字碼則代表著特定的錯誤訊息。HTTP的三字符代碼跟早期通訊協(xié)定FTP和NNTP的代碼相當(dāng)類似。
從HTTP的層面來看,404訊息碼之后通常會有一個可讀的訊息“Not Found”,許多網(wǎng)絡(luò)服務(wù)器的默認(rèn)頁面也都有“404”代碼跟“Not Found”的詞匯。
404錯誤訊息通常是在目標(biāo)頁面被更動或移除之后顯現(xiàn)的頁面。(引自wikipedia)
為什么需要個性化的404頁面
首先看一個關(guān)于404的公開投票調(diào)查。
問題:
當(dāng)你遇到一個404頁面你會怎樣做?
A.點擊后退按鈕同時忘記404頁面
B.嘗試回到主頁并重新定位丟失的頁面
C.寫信給網(wǎng)站管理員
D.非常沮喪
如果你不在意訪客的抱怨,你會發(fā)現(xiàn)許多訪客在遇到404頁面時不會努力尋找丟失的頁面而離開站點。然而你可以簡單地通過個性化定制404錯誤頁面將這些訪客留在你的站點。
如何實現(xiàn)一個良好的404頁面
改變服務(wù)器默認(rèn)錯誤頁面就可以達(dá)到效果。下面是一些可以使得訪客輕松實現(xiàn)正常訪問的建議。
遵循的理念:
提供簡明的問題描述,消除訪客的挫敗感。
提供合理的解決方案,輔助訪客完成訪問目標(biāo)。
提供個性化的友好界面,提升訪問體驗。
實現(xiàn)方式(按照從簡單到復(fù)雜的順序排列):
使得訪客轉(zhuǎn)到某個地方而不是后退。
頁面包含該站點重要部分的鏈接,如主頁或站點地圖。不要僅僅告訴他們檢查拼寫。使用文本的鏈接替代圖片,因為有許多訪客不會想到點擊這個圖片。
例子:我們的站點有一個主頁的返回鏈接。這是實現(xiàn)友好反饋的最低限度。
此外,我們還會考慮,在有效的幫助信息不足的情況下,如何通過訪客的反饋彌補(bǔ)錯誤。
需要包括一個指向網(wǎng)站管理員的email鏈接,或者一個用于提交丟失鏈接的表格。
相對于發(fā)送email,訪客更喜歡使用提交表格。
加入一個搜索框用于搜索站點。
例:MSN在所有頁面的底部都有一個搜索框,同時也鏈向站點的重要部分。
在站點中列出接近于訪客期望頁面的鏈接,用于推測訪客正在尋找的頁面。
你不需要采納上述所有的建議,但是這些建議一致服務(wù)于使得訪客更愿意停留在你的站點的目的。
合理的404錯誤頁面至此即可以完成了,這將給訪客提供許多有價值的信息。
使用重定向
如果你經(jīng)常檢查訪客統(tǒng)計,可能會看到某一個頁面一直在顯示404頁面(如:因拼寫錯誤而鏈接到站點不存在的頁面),你可以創(chuàng)建一個重定向頁面反饋給訪客一個正確的頁面。這個方法適用于訪客多次訪問并返回錯誤的頁面。
重定向與404頁面的可以整合使用,你可以使用類似下述內(nèi)容的說明信息:
- 對不起,該頁面未找到。幾秒鐘后,該頁面會被重定向到主頁。
給訪客5秒鐘時間閱讀該信息,之后跳轉(zhuǎn)。
不論你怎么做,小心使用重定向。最糟糕的情況是你重定向到一個不存在或不相關(guān)的頁面。
使用的方式很簡單,下面是一個例子。
- <html>
- <head>
- <meta http-equiv="refresh" content="5; url=not404.htm">
- </head>
- </html>
content后面的數(shù)字是秒數(shù),你可以設(shè)定重定向執(zhí)行前的等待時間。
個性化404頁面示例
http://www.galiacho.es/404
http://www.palmflying.com/404
http://www.martinkorner.co.uk/404df
http://www.porcupine.gr/404
http://bluevertigo.com.ar/404
http://lumino.us/404
http://www.pen-and-paper.de/404.php
原文:http://www.mdong.org/?p=308
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計開發(fā)——移動端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項目
- [2021-03-05 10:34:45] 移動互聯(lián)時代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計
- [2020-12-16 16:55:32] 建設(shè)一個常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2014-09-30 09:29:53] 個性的404頁面設(shè)計
- [2014-06-02 13:16:09] IIS下的404頁面 提示系統(tǒng)找不到指定的文件 解決辦法
- [2011-11-18 16:55:20] 如何做好404頁面(匯總)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團(tuán)公司網(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)鍵字
空白和簡潔的設(shè)計 網(wǎng)站視覺 營銷型網(wǎng)站 青島黃島、紅島網(wǎng)站建設(shè)公司 網(wǎng)站設(shè)計趨勢 力圖數(shù)字科技 企業(yè)網(wǎng)站 微官網(wǎng)帶來的好處 青島網(wǎng)站制作 手機(jī)端的網(wǎng)站 網(wǎng)站改版 營銷策略 蘋果系統(tǒng) 互聯(lián)網(wǎng) 青島高端網(wǎng)站建設(shè) 圖形網(wǎng)格 微信小程序 集團(tuán)官網(wǎng) 網(wǎng)站推廣 GOOGLE 搜索引擎 微官網(wǎng) 視覺靈感 外貿(mào)網(wǎng)站設(shè)計 手機(jī)網(wǎng)站建設(shè) 微信營銷的優(yōu)勢 網(wǎng)頁設(shè)計 用戶界面 青島抖音小程序開發(fā) 網(wǎng)站SEO