404頁面制作
日期:2012/3/28 / 人氣:
什么是404頁面
404頁面就是當(dāng)用戶訪問一個(gè)網(wǎng)站,因?yàn)榫W(wǎng)址不存在或用戶輸入地址錯(cuò)誤,導(dǎo)致無法正常訪問網(wǎng)址,網(wǎng)站會(huì)返回給用戶一個(gè)404頁面,告訴用戶該網(wǎng)址不存在請(qǐng)閱讀其他網(wǎng)頁。404頁面設(shè)置以后的好處,提高網(wǎng)站在搜索引擎中的權(quán)威性。
404頁面產(chǎn)生原因
用戶訪問網(wǎng)站上不存在的頁面時(shí),服務(wù)器通常應(yīng)該返回404錯(cuò)誤。如果站長(zhǎng)沒有在服務(wù)器端設(shè)置客制化的404頁面,用戶瀏覽器顯示的將會(huì)是一個(gè)默認(rèn)錯(cuò)誤頁面,這樣的錯(cuò)誤頁面用戶體驗(yàn)肯定不會(huì)好。所有的主機(jī)都提供客制化404頁面的功能,站長(zhǎng)應(yīng)該充分利用。
由于種種原因,網(wǎng)上任何地方都可能出現(xiàn)指向你的域名卻寫錯(cuò)目錄或文件名的URL,搜索引擎蜘蛛會(huì)跟蹤這種錯(cuò)誤URL,訪問不存在的頁面。當(dāng)頁面不存在時(shí),一定要返回404代碼。
自定義404錯(cuò)誤頁面是增強(qiáng)用戶體驗(yàn)的很好的做法,但在應(yīng)用過程中往往并未注意到對(duì)搜索引擎的影響,譬如:錯(cuò)誤的服務(wù)器端配置導(dǎo)致返回“200”狀態(tài)碼或自定義404錯(cuò)誤頁面使用MetaRefresh導(dǎo)致返回“302”狀態(tài)碼。正確設(shè)置的自定義404錯(cuò)誤頁面,不僅應(yīng)當(dāng)能夠正確地顯示,同時(shí),應(yīng)該返回“404”錯(cuò)誤代碼,而不是 “200”或“302”。雖然對(duì)訪問的用戶而言,TTTP狀態(tài)碼竟是“404”還是“200”來說并沒有什么區(qū)別,但對(duì)搜索引擎這則是相當(dāng)重要的。
搜索引擎蜘蛛請(qǐng)求某個(gè)URL時(shí)得到“404”狀態(tài)回應(yīng)時(shí),即知道該URL已經(jīng)失效,便不再索引該網(wǎng)頁,并向數(shù)據(jù)中心反饋將該URL表示的網(wǎng)頁從索引數(shù)據(jù)庫中刪除,當(dāng)然,刪除過程有可能需要很長(zhǎng)時(shí)間;而當(dāng)搜索引擎得到“200”狀態(tài)碼時(shí),則會(huì)認(rèn)為該url是有效的,便會(huì)去索引,并會(huì)將其收錄到索引數(shù)據(jù)庫,這樣的結(jié)果便是這兩個(gè)不同的url具有完全相同的內(nèi)容:自定義404錯(cuò)誤頁面的內(nèi)容,這會(huì)導(dǎo)致出現(xiàn)復(fù)制網(wǎng)頁問題。輕則被搜索引擎降權(quán),重則會(huì)K掉網(wǎng)站。
為什么要做好404頁面
1.提高用戶體驗(yàn)。當(dāng)客戶在點(diǎn)擊你網(wǎng)站的時(shí)候,出現(xiàn)一些錯(cuò)誤,在404頁面上添加主站鏈接,能更好的挽留住你的客戶
2.同時(shí)也可檢查請(qǐng)求的鏈接來生成頁面。
比如一篇文章可能因?yàn)榫庉嫷氖д`沒有生成靜態(tài)頁面。那實(shí)際文章內(nèi)容是存在的但是因?yàn)椴淮嬖谖募窃O(shè)置個(gè)性404頁面的話可以通過檢查獲取文章ID然后匹配合法直接生成文件,然后跳轉(zhuǎn)到目標(biāo)頁面。當(dāng)下次再訪問就不會(huì)出現(xiàn)404的情況。不管是從SEO角度還是從用戶角度都是不錯(cuò)的。
404頁面對(duì)seo的影響
自定義404錯(cuò)誤頁面是提供用戶體驗(yàn)的很好的做法,但在應(yīng)用過程中往往并未注意到對(duì)搜索引擎的影響,譬如:錯(cuò)誤的服務(wù)器端配置導(dǎo)致返回“200”狀態(tài)碼或自定義404錯(cuò)誤頁面使用Meta Refresh導(dǎo)致返回“302”狀態(tài)碼。正確設(shè)置的自定義404錯(cuò)誤頁面,不僅應(yīng)當(dāng)能夠正確地顯示,同時(shí),應(yīng)該返回“404”錯(cuò)誤代碼,而不是“200”或“302”。雖然對(duì)訪問的用戶而言,HTTP狀態(tài)碼究竟是“404”還是“200”來說并沒有什么區(qū)別,但對(duì)搜索引擎而言,則是相當(dāng)重要的。
1、自定義404錯(cuò)誤頁返回“200”狀態(tài)碼
當(dāng)搜索引擎蜘蛛在請(qǐng)求某個(gè)URL時(shí)得到“404”狀態(tài)回應(yīng)時(shí),即知道該URL已經(jīng)失效,便不再索引該網(wǎng)頁,并向數(shù)據(jù)中心反饋將該URL表示的網(wǎng)頁從索引數(shù)據(jù)庫中刪除,當(dāng)然,刪除過程有可能需要很長(zhǎng)時(shí)間;而當(dāng)搜索引擎得到“200”狀態(tài)回應(yīng)時(shí),則會(huì)認(rèn)為該url是有效的,便會(huì)去索引,并會(huì)將其收錄到索引數(shù)據(jù)庫,這樣的結(jié)果便是這兩個(gè)不同的url具有完全相同的內(nèi)容:自定義404錯(cuò)誤頁面的內(nèi)容,這會(huì)導(dǎo)致出現(xiàn)復(fù)制網(wǎng)頁問題。對(duì)搜索引擎而言,特別是Google,不但很難獲得信任指數(shù)TrustRank,也會(huì)大大降低Google對(duì)網(wǎng)站質(zhì)量的評(píng)定。(為什么會(huì)出現(xiàn)返回“200”狀態(tài)碼的情況??請(qǐng)參看下面內(nèi)容“自定義404錯(cuò)誤頁面的基本原則”)
2、自定義404錯(cuò)誤頁使用Meta Refresh返回“302”狀態(tài)碼
常常看到許多網(wǎng)站的自定義404錯(cuò)誤頁面采取類似這樣的形式:首先顯示一段錯(cuò)誤信息,然后,通過Meta Refresh將頁面跳轉(zhuǎn)到網(wǎng)站首頁、網(wǎng)頁地圖或其他類似頁。根據(jù)具體實(shí)現(xiàn)方式不同,這類404頁面可能返回“200”狀態(tài)碼,也可能返回“302”,但不論哪種,從SEO技術(shù)角度看,均不是一種合適的選擇。
對(duì)“200”狀態(tài)的情況我們上面已經(jīng)談過,那么,當(dāng)404頁面返回“302”時(shí),搜索引擎會(huì)怎么對(duì)待呢?從理論上說,對(duì)“302”錯(cuò)誤,搜索引擎認(rèn)為該網(wǎng)頁是存在的,只不過臨時(shí)改變了地址,仍然會(huì)索引收錄該頁,這樣,同樣會(huì)出現(xiàn)類似于“200”狀態(tài)碼時(shí)的重復(fù)文本問題;其次,以google為代表的主流搜索引擎對(duì)302重定向的適用范圍要求越來越嚴(yán)格,這類不當(dāng)使用302重定向的情況存在很大的風(fēng)險(xiǎn)。
確保自定義404錯(cuò)誤頁面能夠返回“404”狀態(tài)碼
在自定義404錯(cuò)誤頁面設(shè)置完畢后,一定要檢查一下其是不是能夠正確地返回“404”狀態(tài)碼。可以使用Server Header檢查工具,輸入一個(gè)不存在網(wǎng)頁的url,查看一下HTTP Header的返回情況,確信其返回的是“404 Not found”。
如何實(shí)現(xiàn)良好的404頁面
佛山網(wǎng)站建設(shè)_佛山網(wǎng)站制作_佛山網(wǎng)站設(shè)計(jì)_佛山網(wǎng)站_佛山網(wǎng)頁設(shè)計(jì)_佛山網(wǎng)頁建設(shè)_佛山網(wǎng)頁制作
遵循的理念:
提供簡(jiǎn)明的問題描述,消除訪客的挫敗感。
提供合理的解決方案,輔助訪客完成訪問目標(biāo)。
提供個(gè)性化的友好界面,提升訪問體驗(yàn)。
實(shí)現(xiàn)方式(按照從簡(jiǎn)單到復(fù)雜的順序排列):
使得訪客轉(zhuǎn)到某個(gè)地方而不是后退。
頁面包含該站點(diǎn)重要部分的鏈接,如主頁或站點(diǎn)地圖。不要僅僅告訴他們檢查拼寫。使用文本的鏈接替代圖片,因?yàn)橛性S多訪客不會(huì)想到點(diǎn)擊這個(gè)圖片。
例子:我們的站點(diǎn)有一個(gè)主頁的返回鏈接。這是實(shí)現(xiàn)友好反饋的最低限度。
此外,我們還會(huì)考慮,在有效的幫助信息不足的情況下,如何通過訪客的反饋彌補(bǔ)錯(cuò)誤。
需要包括一個(gè)指向網(wǎng)站管理員的email鏈接,或者一個(gè)用于提交丟失鏈接的表格。
相對(duì)于發(fā)送email,訪客更喜歡使用提交表格。
加入一個(gè)搜索框用于搜索站點(diǎn)。
例:MSN在所有頁面的底部都有一個(gè)搜索框,同時(shí)也鏈向站點(diǎn)的重要部分。
在站點(diǎn)中列出接近于訪客期望頁面的鏈接,用于推測(cè)訪客正在尋找的頁面。
你不需要采納上述所有的建議,但是這些建議一致服務(wù)于使得訪客更愿意停留在你的站點(diǎn)的目的。
合理的404錯(cuò)誤頁面至此即可以完成了,這將給訪客提供許多有價(jià)值的信息。
如何制作404頁面
一、 Apache下設(shè)置404
為Apache Server設(shè)置 404錯(cuò)誤頁面的方法很簡(jiǎn)單,只需:
(1)在.htaccess 文件中加入如下內(nèi)容:ErrorDocument 404 /notfound.php,將.htaccess文件上傳到網(wǎng)站根目錄。
(2)制作一個(gè)404頁面,隨便您設(shè)計(jì),命名為notfound.php,同樣上傳到網(wǎng)站根目錄。
注意:
(1).切記不要將404錯(cuò)誤轉(zhuǎn)向到網(wǎng)站主頁,否則可能會(huì)導(dǎo)致主頁在搜索引擎中消失。
(2).切記不要使用絕對(duì)URL,如果使用絕對(duì)URL返回的狀態(tài)碼是302+200。
二、 IIS/.net設(shè)置404
首先,修改應(yīng)用程序根目錄的設(shè)置,打開 web.config文件編輯,在其中加入如下內(nèi)容:
以下為引用的內(nèi)容:
<configuration>
<system.web>
<customErrors mode=On defaultRedirect=error.asp>
<error statusCode=404″ redirect=notfound.asp />
</customErrors>
</system.web>
</configuration>
注:上文例中error.asp為系統(tǒng)默認(rèn)的404頁面,notfound.asp為自定義的404頁面,使用時(shí)請(qǐng)修改相應(yīng)文件名。
然后,在自定義的404頁面notfound.asp中加入:
以下為引用的內(nèi)容:
<% Response.Status = 404 Not Found %>
這樣,便可以保證IIS能夠正確地返回404狀態(tài)碼.
編輯本段404制作設(shè)置注意事項(xiàng)
1.不要將404錯(cuò)誤轉(zhuǎn)向到網(wǎng)站主頁,否則可能會(huì)導(dǎo)致主頁在搜索引擎中消失
2.不要使用絕對(duì)URL,如果使用絕對(duì)URL返回的狀態(tài)碼是302+200
3.404頁面設(shè)置完成,一定要檢查是否正確。但http頭信息返回的一定要是404狀態(tài)。這主要是對(duì)搜索引擎有關(guān)系,因?yàn)槿绻憔W(wǎng)站產(chǎn)生較多頁面時(shí)候但搜索引擎看到的是很多一樣的正常頁面,有可能會(huì)誤被認(rèn)為作弊。
4.404頁面不要自動(dòng)跳轉(zhuǎn),讓用戶來決定去向。這涉及到404頁面的制作,提供用戶體驗(yàn)很重要,404頁面制作很有學(xué)問。 <% found="" not="" response.status="404">
這樣,便可以保證IIS能夠正確地返回404狀態(tài)碼.
編輯本段404制作設(shè)置注意事項(xiàng)
1.不要將404錯(cuò)誤轉(zhuǎn)向到網(wǎng)站主頁,否則可能會(huì)導(dǎo)致主頁在搜索引擎中消失
2.不要使用絕對(duì)URL,如果使用絕對(duì)URL返回的狀態(tài)碼是302+200
3.404頁面設(shè)置完成,一定要檢查是否正確。但http頭信息返回的一定要是404狀態(tài)。這主要是對(duì)搜索引擎有關(guān)系,因?yàn)槿绻憔W(wǎng)站產(chǎn)生較多頁面時(shí)候但搜索引擎看到的是很多一樣的正常頁面,有可能會(huì)誤被認(rèn)為作弊。
4.404頁面不要自動(dòng)跳轉(zhuǎn),讓用戶來決定去向。這涉及到404頁面的制作,提供用戶體驗(yàn)很重要,404頁面制作很有學(xué)問。
注意事項(xiàng)
1、不使用專業(yè)術(shù)語
“404錯(cuò)誤”這個(gè)詞的使用一直非常規(guī)范,但這并不是你使用專業(yè)術(shù)語嚇跑訪客的理由。“找不到網(wǎng)頁”這個(gè)說法相比來說更準(zhǔn)確也更易于接受。
2、不要責(zé)備訪客
你的訪客很有可能是從其他網(wǎng)站鏈接或者是你網(wǎng)站上一個(gè)舊鏈接而來。看到這個(gè)錯(cuò)誤頁面并不是他們的錯(cuò),所以要善待他們。撰寫的措辭要充滿歉意并盡量提供有益的幫助,而不是一些讓訪客們感到糟糕的文字。
3、提示訪客檢查拼寫
還有一個(gè)可能:訪客看到404錯(cuò)誤頁面是由于他們自己在輸入U(xiǎn)RL網(wǎng)址時(shí)出現(xiàn)了拼寫錯(cuò)誤。提示訪客檢查他們的拼寫,但不要失禮。就像我們?cè)谏厦嫣岬降模愕拇朕o不要讓訪客們感到你是在責(zé)備他們。
4、讓頁面返回404
每個(gè)網(wǎng)頁都有一個(gè)服務(wù)器響應(yīng)代碼。 代碼200是指頁面一切正常,404則是指頁面無法被找到。如果你已經(jīng)指定了自定義的404錯(cuò)誤頁面,則需要確保頁面的標(biāo)題是返回正確的響應(yīng)代碼。有幾種不同的方法可以做到這一點(diǎn),最簡(jiǎn)單的就是用你的htaccess文件來指定錯(cuò)誤頁面。
5、明確表明404
清楚地向訪客聲明他們正在搜尋的頁面無法找到,且不要讓錯(cuò)誤頁面看起來與正常的內(nèi)容頁(如加入過多的文本和鏈接)太過相似。你是想要表明這是一個(gè)錯(cuò)誤頁面,所以就不要羞于向訪客們聲明這一點(diǎn)。
6、幫助訪客
404錯(cuò)誤頁面已經(jīng)呈現(xiàn)在訪客面前,表明這個(gè)頁面并不是他們正在搜尋的。所以你應(yīng)該設(shè)法幫助他們找到原來的頁面。確保你的錯(cuò)誤頁中包含一個(gè)選項(xiàng)來協(xié)助用戶尋找他們想要的頁面,甚至可以包括最近有過更改的頁面的鏈接。
7、放置網(wǎng)站主頁鏈接
不要讓訪客無處可去或是無法找到你的網(wǎng)站信息。至少應(yīng)該有一個(gè)鏈接鏈回你的網(wǎng)站主頁。這樣一來,從其他網(wǎng)站鏈接而來的訪客就可以了解你以及你的網(wǎng)站,甚至他們可能在你的網(wǎng)站中找到一些他們喜歡的內(nèi)容。
8、訪客方便反饋信息
如果訪問者點(diǎn)擊了你網(wǎng)站上的一個(gè)錯(cuò)誤鏈接,你會(huì)想了解這個(gè)鏈接故障。如果通過404頁面給他們提供一個(gè)反饋信息的便捷方式,讓他們可以報(bào)告這個(gè)故障以便你去解決。這只需要一個(gè)非常簡(jiǎn)短的形式來提示訪客告訴你他們來自哪個(gè)頁面及哪個(gè)鏈接。通過這個(gè)方法,你可以獲取到所有你需要的信息。 訪客們可能依然因?yàn)闊o法找到他們想要的頁面而感到困惑和煩惱,因此給他們一個(gè)發(fā)泄不滿的地方,同時(shí)也給你一個(gè)做出回應(yīng)并提供幫助的機(jī)會(huì)。這很可能會(huì)為你挽回一個(gè)潛在客戶。
9、保持品牌風(fēng)格
我們都看過非常酷的“讓訪客發(fā)現(xiàn)一個(gè)巨大的“復(fù)活節(jié)蛋”“的錯(cuò)誤頁面的設(shè)計(jì)案例。但千萬不要使這個(gè)頁面的設(shè)計(jì)與你網(wǎng)站的其他頁面相差太大,否則會(huì)看起來這個(gè)頁面不像你網(wǎng)站的設(shè)計(jì),會(huì)讓訪客產(chǎn)生疑惑,誤以為自己已經(jīng)被帶到了一個(gè)外部網(wǎng)站。
10、語言版本
如果你的網(wǎng)站是多語種的,404錯(cuò)誤頁面將從你所有語言版本的網(wǎng)站中獲取錯(cuò)誤信息。無論你想要顯示任何信息,都需要將其翻譯成各個(gè)語言版本,使每個(gè)人都能理解。同時(shí)還需提供一個(gè)鏈接返回到訪客所對(duì)應(yīng)的語言版本的網(wǎng)站。
佛山網(wǎng)站建設(shè)_佛山網(wǎng)站制作_佛山網(wǎng)站設(shè)計(jì)_佛山網(wǎng)站_佛山網(wǎng)頁設(shè)計(jì)_佛山網(wǎng)頁建設(shè)_佛山網(wǎng)頁制作
11、讓訪客搜索想要的
如果訪客正在訪問的頁面已被移動(dòng),你可能想給他們一個(gè)途徑來搜索頁面被移動(dòng)到了何處,可以考慮在頁面增加一個(gè)搜索框。
12、修復(fù)你的無效鏈接
如果你得到的數(shù)據(jù)顯示有大量的訪客訪問您的404頁面(檢查你的網(wǎng)站的分析數(shù)據(jù)來確定數(shù)量),這表明你的網(wǎng)站上有很多無效鏈接。你完全可以通過修復(fù)這些鏈接來阻止訪客進(jìn)入404頁面。像SiteBeam和Nibbler這樣的網(wǎng)站測(cè)試工具可以幫助檢查是否有無效鏈接,使你能夠迅速找到并修復(fù)他們而不必等待別人來告訴你。
13、不要重定向到主頁
一些404錯(cuò)誤頁面會(huì)立刻重定向到網(wǎng)站主頁,這樣做非常不好。你的訪客不知道他們已經(jīng)鏈接到了錯(cuò)誤的頁面,而且他們會(huì)感到困惑因?yàn)楸粺o緣無故地鏈回到了網(wǎng)站主頁。
作者:朋友圈科技
相關(guān)內(nèi)容 Related
- 為什么響應(yīng)式設(shè)計(jì)需要媒體查詢2016/8/5
- 虛擬主機(jī)被搜索引擎爬蟲訪問耗費(fèi)大量流量解決方法2016/8/3
- 網(wǎng)站建設(shè)中如何創(chuàng)建完美的顏色組合2016/8/1
- 什么是長(zhǎng)尾關(guān)鍵詞?2016/8/1
- 建設(shè)企業(yè)或個(gè)人網(wǎng)站的好處2016/7/8
- 前端開發(fā)者需要知道的常識(shí)2016/7/6
- 12種方法為您拓展業(yè)務(wù)通道2016/7/27
- SEO優(yōu)化的三大技巧2016/7/24
- 10的方法來提高你的網(wǎng)站設(shè)計(jì)2016/7/24
- 網(wǎng)站統(tǒng)計(jì)用哪個(gè)比較好,百度?cnzz?2016/7/21