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