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