技術(shù)資訊
如何做好404頁面(匯總)
2011-11-18 16:55:20
首先讓我們了解一下,什么是404頁面?404是W3C規(guī)定的HTTP狀態(tài)碼中的一種!
錯誤提示
是WWW網(wǎng)站訪問比較經(jīng)常出現(xiàn)的錯誤! 最常見的出錯提示:404 NOT FOUND! 404頁面就是當用戶輸入了錯誤的鏈接時, 返回的頁面!
404頁面目的
404頁面的目的是:告訴瀏覽者其所請求的頁面不存在或鏈接錯誤, 同時引導用戶使用網(wǎng)站其他頁面而不是關閉窗口離開!
404對SEO的影響
自定義404錯誤頁面是增強用戶體驗的很好的做法, 但在應用過程中往往并未注意到對搜索引擎的影響, 譬如:錯誤的服務器端配置導致返回“200”狀態(tài)碼或自定義404錯誤頁面使用Meta Refresh導致返回“302”狀態(tài)碼! 正確設置的自定義404錯誤頁面, 不僅應當能夠正確地顯示, 同時, 應該返回“404”錯誤代碼, 而不是 “200”或“302”! 雖然對訪問的用戶而言, HTTP狀態(tài)碼究竟是“404”還是“200”來說并沒有什么區(qū)別, 但對搜索引擎這則是相當重要的!
懲罰程度
搜索引擎蜘蛛在請求某個URL時得到“404”狀態(tài)回應時, 即知道該URL已經(jīng)失效, 便不再索引該網(wǎng)頁, 并向數(shù)據(jù)中心反饋將該URL表示的網(wǎng)頁從索引數(shù)據(jù)庫中刪除, 當然, 刪除過程有可能需要很長時間;而當搜索引擎得到“200”狀態(tài)碼時, 則會認為該url是有效的, 便會去索引, 并會將其收錄到索引數(shù)據(jù)庫, 這樣的結(jié)果便是這兩個不同的url具有完全相同的內(nèi)容:自定義404錯誤頁面的內(nèi)容, 這會導致出現(xiàn)復制網(wǎng)頁問題! 輕則被搜索引擎降權(quán), 重則會K掉網(wǎng)站!
如何實現(xiàn)一個良好的404頁面
改變服務器默認錯誤頁面就可以達到效果! 下面是一些可以使得訪客輕松實現(xiàn)正常訪問的建議!
遵循的理念
提供簡明的問題描述, 消除訪客的挫敗感! 提供合理的解決方案, 輔助訪客完成訪問目標! 提供個性化的友好界面, 提升訪問體驗!
404錯誤頁面的設置方法
1. 對于存在的網(wǎng)頁內(nèi)容由于路徑改變而導致訪問不了時, 可在IIS 中定義404錯誤指向一個動態(tài)頁面, 在頁面里面使用301永久重定向跳轉(zhuǎn)到新的地址, 此時服務器返回301狀態(tài)碼! 2、設置404指向一個設計好的html 文件, 此時頁面返回的404狀態(tài)碼! 現(xiàn)在的idc提供商基本都提供404設置的功能, 直接上傳文件設置即可! 在IIs中設置方法:打開IIS管理器-->點擊要設置自定義404的網(wǎng)站的屬性-->點擊自定義錯誤選項-->選中404頁-->選中并打開編輯屬性-->設置成 URL --> URL 里填寫“/err404.html”-->按確定退出再把做好的err404.html 頁面上傳到網(wǎng)站根目錄下! 此處在“消息類型”中一定要選擇“文件”或“默認值”, 而不要選擇“URL”, 不然, 將導致返回“200”狀態(tài)碼! 3、404指向一個動態(tài)頁面, 比如error.asp,如果不在頁面里面進行設置, 僅僅是返回提示的HTML 代碼, 將導致頁面返回200 狀態(tài)碼, 這是不正確的, 我們可以在顯示完提示內(nèi)容后, 增加語句: Response.Status="404 Not Found" , 這樣就保證頁面返回404狀態(tài)碼! 4、Apache下設置404錯誤頁面! 為Apache Server設置404錯誤頁面的方法很簡單, 只需在.htaccess 文件中加入如下內(nèi)容即可, ErrorDocument 404 /notfound.php
改進404錯誤頁面的13個建議
1、沒有必要使用專業(yè)術(shù)語
“404錯誤”這個詞的使用一直非常規(guī)范, 但這并不是你使用專業(yè)術(shù)語嚇跑訪客的理由! “找不到網(wǎng)頁”這個說法相比來說更準確也更易于接受!
2、不要責備訪客
你的訪客很有可能是從其他網(wǎng)站鏈接或者是你網(wǎng)站上一個舊鏈接而來! 看到這個錯誤頁面并不是他們的錯, 所以要善待他們! 撰寫的措辭要充滿歉意并盡量提供有益的幫助, 而不是一些讓訪客們感到糟糕的文字!
3、提示訪客檢查他們的拼寫錯誤
還有一個可能:訪客看到404錯誤頁面是由于他們自己在輸入URL網(wǎng)址時出現(xiàn)了拼寫錯誤! 提示訪客檢查他們的拼寫, 但不要失禮! 就像我們在上面提到的, 你的措辭不要讓訪客們感到你是在責備他們!
4、讓頁面標題返回一個404錯誤代碼
每個網(wǎng)頁都有一個服務器響應代碼! 代碼200是指頁面一切正常, 404則是指頁面無法被找到! 如果你已經(jīng)指定了自定義的404錯誤頁面, 則需要確保頁面的標題是返回正確的響應代碼! 有幾種不同的方法可以做到這一點, 最簡單的就是用你的htaccess文件來指定錯誤頁面!
5、明確表明頁面無法被找到
清楚地向訪客聲明他們正在搜尋的頁面無法找到, 且不要讓錯誤頁面看起來與正常的內(nèi)容頁(如加入過多的文本和鏈接)太過相似! 你是想要表明這是一個錯誤頁面, 所以就不要羞于向訪客們聲明這一點!
6、幫助訪客找到他們需要的
404錯誤頁面已經(jīng)呈現(xiàn)在訪客面前, 表明這個頁面并不是他們正在搜尋的! 所以你應該設法幫助他們找到原來的頁面! 確保你的錯誤頁中包含一個選項來協(xié)助用戶尋找他們想要的頁面, 甚至可以包括最近有過更改的頁面的鏈接!
7、放置網(wǎng)站主頁的鏈接
不要讓訪客無處可去或是無法找到你的網(wǎng)站信息! 至少應該有一個鏈接鏈回你的網(wǎng)站主頁! 這樣一來, 從其他網(wǎng)站鏈接而來的訪客就可以了解你以及你的網(wǎng)站, 甚至他們可能在你的網(wǎng)站中找到一些他們喜歡的內(nèi)容!
8、讓訪客方便地反饋信息
如果訪問者點擊了你網(wǎng)站上的一個錯誤鏈接, 你會想了解這個鏈接故障! 如果通過404頁面給他們提供一個反饋信息的便捷方式, 讓他們可以報告這個故障以便你去解決! 這只需要一個非常簡短的形式來提示訪客告訴你他們來自哪個頁面及哪個鏈接! 通過這個方法, 你可以獲取到所有你需要的信息!
訪客們可能依然因為無法找到他們想要的頁面而感到困惑和煩惱, 因此給他們一個發(fā)泄不滿的地方, 同時也給你一個做出回應并提供幫助的機會! 這很可能會為你挽回一個潛在客戶!
9、保持品牌的統(tǒng)一風格和感覺
我們都看過非??岬?ldquo;讓訪客發(fā)現(xiàn)一個巨大的“復活節(jié)蛋”“的錯誤頁面的設計案例! 但千萬不要使這個頁面的設計與你網(wǎng)站的其他頁面相差太大, 否則會看起來這個頁面不像你網(wǎng)站的設計, 會讓訪客產(chǎn)生疑惑, 誤以為自己已經(jīng)被帶到了一個外部網(wǎng)站!
10、翻譯成訪客所使用的語言
如果你的網(wǎng)站是多語種的, 404錯誤頁面將從你所有語言版本的網(wǎng)站中獲取錯誤信息! 無論你想要顯示任何信息, 都需要將其翻譯成各個語言版本, 使每個人都能理解! 同時還需提供一個鏈接返回到訪客所對應的語言版本的網(wǎng)站!
11、讓訪客搜索他們想要的
如果訪客正在訪問的頁面已被移動, 你可能想給他們一個途徑來搜索頁面被移動到了何處, 可以考慮在頁面增加一個搜索框!
12、修復你的無效鏈接
如果你得到的數(shù)據(jù)顯示有大量的訪客訪問您的404頁面(檢查你的網(wǎng)站的分析數(shù)據(jù)來確定數(shù)量), 這表明你的網(wǎng)站上有很多無效鏈接! 你完全可以通過修復這些鏈接來阻止訪客進入404頁面! 像SiteBeam和Nibbler這樣的網(wǎng)站測試工具可以幫助檢查是否有無效鏈接, 使你能夠迅速找到并修復他們而不必等待別人來告訴你!
13、不要重定向到主頁
一些404錯誤頁面會立刻重定向到網(wǎng)站主頁, 這樣做非常不好! 你的訪客不知道他們已經(jīng)鏈接到了錯誤的頁面, 而且他們會感到困惑因為被無緣無故地鏈回到了網(wǎng)站主頁!
相關文章:網(wǎng)站404錯誤頁面中文模板(經(jīng)典13個匯總)
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設公司,高端網(wǎng)站定制,一站式網(wǎng)站服務——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設——從滿足預期到走向卓越
- [2023-04-11 09:17:49] H5頁面設計開發(fā)——移動端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設項目
- [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)站建設最容易忽略的人性化設計
- [2020-12-16 16:55:32] 建設一個常規(guī)的公司網(wǎng)站建設成本大概是多少?
延伸閱讀
- [2012-05-20 22:25:43] 長尾關鍵詞在網(wǎng)站優(yōu)化中的作用
- [2011-11-03 17:57:09] 羅永浩2011年,一個理想主義者的創(chuàng)業(yè)故事 感想
- [2013-03-14 10:27:31] 網(wǎng)頁插入百度地圖
- [2012-01-10 16:10:49] 網(wǎng)站優(yōu)化與網(wǎng)站設計制作的關系
- [2014-01-10 00:16:32] 如何在DEDE列表頁中調(diào)用下載地址(已解決)
- [2012-12-08 11:05:29] 如何生成eot文件
- [2016-08-02 11:35:00] 手機網(wǎng)站建設有什么優(yōu)勢?
- [2012-08-01 11:30:39] 青島網(wǎng)站設計中的色彩運用
- [2012-11-07 11:24:02] 網(wǎng)頁設計元素的減法式優(yōu)化
- [2013-04-03 08:54:20] skype網(wǎng)頁代碼
- [2012-08-20 12:29:56] 網(wǎng)站的表單設計要點
- [2011-10-29 21:32:03] Yahoo!英文雅虎站長工具聯(lián)姻微軟bing
解決方案
輪胎行業(yè)網(wǎng)站設計解決方案 機械行業(yè)網(wǎng)站設計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設計解決方案 科技企業(yè)網(wǎng)站設計解決方案 電子家電網(wǎng)站設計解決方案 食品行業(yè)網(wǎng)站設計解決方案 集團公司網(wǎng)站設計解決方案 企事業(yè)單位網(wǎng)站設計解決方案 外貿(mào)行業(yè)網(wǎng)站設計解決方案 健身運動網(wǎng)站設計解決方案 美容與化妝品網(wǎng)站設計解決方案 建筑設計行業(yè)網(wǎng)站設計解決方案 物流行業(yè)網(wǎng)站設計解決方案
TAGS關鍵字
青島黃島、紅島網(wǎng)站建設公司 中小型企業(yè)網(wǎng)站建設 網(wǎng)站優(yōu)化 SEO 企業(yè)建站 H5 網(wǎng)站品牌 H5專題頁面 網(wǎng)站制作 青島網(wǎng)站設計哪家好 企業(yè)網(wǎng)站設計 微信小程序 扁平化設計 企業(yè)網(wǎng)站 版面布局 網(wǎng)站動畫 用戶界面 手機網(wǎng)站建設 色彩心理學 青島不錯的英文網(wǎng)站建設公司 膠南網(wǎng)站建設公司 平面設計 程序開發(fā) 手機網(wǎng)站 網(wǎng)站設計趨勢 搜索引擎蜘蛛 高端網(wǎng)站設計 青島flash網(wǎng)站 網(wǎng)站交互設計 企業(yè)網(wǎng)站建設