主頁 > 知識(shí)庫 > 網(wǎng)站設(shè)計(jì)中如何詳細(xì)的自定義404錯(cuò)誤頁面的制作和設(shè)置

網(wǎng)站設(shè)計(jì)中如何詳細(xì)的自定義404錯(cuò)誤頁面的制作和設(shè)置
熱門標(biāo)簽：科大訊飛語音識(shí)別系統(tǒng) Win7旗艦版 Linux服務(wù)器 阿里云 電銷機(jī)器人 鐵路電話系統(tǒng) 解決方案 蘋果
一、什么是自定義404錯(cuò)誤頁面？
404自定義錯(cuò)誤頁面就是當(dāng)用戶輸入了錯(cuò)誤的url地址或者輸入了一個(gè)不存在的url地址時(shí)，所返回的一個(gè)頁面，它的目的是：告訴瀏覽者其所請(qǐng)求的頁面不存在或鏈接錯(cuò)誤，同時(shí)引導(dǎo)用戶使用網(wǎng)站其他頁面而不是關(guān)閉窗口網(wǎng)站離開。

二、404自定義錯(cuò)誤頁面是如何形成的？
HTTP 404 錯(cuò)誤意味著鏈接指向的網(wǎng)頁不存在，即原始網(wǎng)頁的URL失效，這種情況經(jīng)常會(huì)發(fā)生，很難避免，比如說：網(wǎng)頁URL生成規(guī)則改變、網(wǎng)頁文件更名或移動(dòng)位置、導(dǎo)入鏈接拼寫錯(cuò)誤等，導(dǎo)致原來的URL地址無法訪問；當(dāng)Web 服務(wù)器接到類似請(qǐng)求時(shí)，會(huì)返回一個(gè)404 狀態(tài)碼，告訴瀏覽器要請(qǐng)求的資源并不存在。但是，Web服務(wù)器默認(rèn)的404錯(cuò)誤頁面，無論Apache服務(wù)器還是IIS服務(wù)器，均十分簡(jiǎn)陋、呆板且對(duì)用戶不友好，無法給用戶提供必要的信息以獲取更多線索，無疑這會(huì)造成用戶的流失。

因此，很多網(wǎng)站均使用自定義404錯(cuò)誤的方式以提供用戶體驗(yàn)避免用戶流失。一般而言，自定義404頁面通用的做法是在頁面中放置網(wǎng)站快速導(dǎo)航鏈接、搜索框以及網(wǎng)站提供的特色服務(wù)，這樣可以有效的幫助用戶訪問站點(diǎn)并獲取需要的信息。

三、404自定義錯(cuò)誤頁面對(duì)seo的影響
自定義404錯(cuò)誤頁面是增強(qiáng)用戶體驗(yàn)的很好的做法，但在應(yīng)用過程中,網(wǎ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)重要的。

所以要確保404頁面返回的是404代碼而不是200和302.在自定義404錯(cuò)誤頁面設(shè)置完畢后，一定要檢查一下其是不是能夠正確地返回“404”狀態(tài)碼?？梢允褂肧erver Header檢查工具(http://www.seochat.com/seo-tools/redirect-check/)，輸入一個(gè)不存在網(wǎng)頁的url，查看一下HTTP Header的返回情況，確信其返回的是“404 Not found”。

四、定制404錯(cuò)誤頁面的基本原則
首先應(yīng)明確的是，404錯(cuò)誤頁面應(yīng)工作在服務(wù)器級(jí)而不是網(wǎng)頁級(jí)。對(duì)定制使用動(dòng)態(tài)頁面如PHP腳本類型的404頁（如：404.php、404.asp、404.aspx等）時(shí)，必須確保在PHP執(zhí)行前服務(wù)器已經(jīng)順利地送出“404”狀態(tài)碼，不然，一旦執(zhí)行到了ISAPI（一般運(yùn)行在windows服務(wù)器上的偽靜態(tài)腳本服務(wù)技術(shù)）級(jí)別，返回的狀態(tài)碼便只能是“200”或其他如“302”之類的重定向狀態(tài)碼了。對(duì)于大部分使用了windows虛擬主機(jī)，同時(shí)又支持PHP程序運(yùn)行的服務(wù)器，一般都使用了ISAPI技術(shù)，他們可以提供兩種自定義技術(shù)，一種靜態(tài)404.htm頁面， 這種頁面一般不直接放在網(wǎng)站的根目錄之下，而是放在一個(gè)“HttpError”這個(gè)文件夾之下，但是返回的狀態(tài)碼是“200”，另一種是動(dòng)態(tài)404頁（如：404.php）等的設(shè)置，這種設(shè)置，就是在網(wǎng)站的根目錄之下放一個(gè)404.php之類的動(dòng)態(tài)頁面，這樣會(huì)返回狀態(tài)碼“404”,所以網(wǎng)站的制作者，在虛擬主機(jī)的后臺(tái)設(shè)置時(shí)，必須看清楚自己的設(shè)置，如何要做網(wǎng)站的SEO優(yōu)化，那么就要設(shè)置成能返回“404”狀態(tài)碼的那種，否則就會(huì)吃大虧.

其次，在自定義網(wǎng)站的404錯(cuò)誤頁面時(shí)，對(duì)設(shè)置的錯(cuò)誤頁面URL鏈接應(yīng)使用相對(duì)路徑而不是絕對(duì)路徑，而且自定義404頁面應(yīng)該放在網(wǎng)站根目錄下。盡管無效鏈接可能是多種形式的URL，但當(dāng)發(fā)生404訪問錯(cuò)誤時(shí)，WEB服務(wù)器會(huì)自動(dòng)將其轉(zhuǎn)到自定義的當(dāng)404錯(cuò)誤頁中，這跟URL的形似沒有關(guān)系。

五、404錯(cuò)誤頁面的設(shè)置方法
1、Apache服務(wù)器下設(shè)置404錯(cuò)誤頁面
為Apache Server設(shè)置 404錯(cuò)誤頁面的方法很簡(jiǎn)單，首先制作一個(gè)名為404.html/404.htm/404.php/404.asp/404.aspx的頁面，視空間要求而定，再在.htaccess 文件中加入如下內(nèi)容即可（.htaccess文件一般linux空間會(huì)自帶的，如果沒有這個(gè)文件，自己可以用記事本寫一個(gè)，命名為.htaccess,一定要記得去掉記事本文件的.txt哦。而windows虛擬空間是沒有這個(gè)文件的，也不用上傳這個(gè)文件）：
# 404 page
ErrorDocument 404 /notfound.php

(“notfound”是你給你的自定義錯(cuò)誤頁面的命名，你也可以改成Error.php等等)
注意：
（1）.切記不要將404錯(cuò)誤跳轉(zhuǎn)到網(wǎng)站主頁，比如使用了js腳本或者meta refresh跳轉(zhuǎn)技術(shù)。否則可能會(huì)導(dǎo)致主頁在搜索引擎中消失或者不被收錄.
（2）.切記不要使用絕對(duì)URL如果使用絕對(duì)URL返回的狀態(tài)碼是“302”+“200”

2、IIS/ASP.net下設(shè)置404錯(cuò)誤頁面
靜態(tài)404錯(cuò)誤頁面設(shè)置
(1)做個(gè)404頁面，404.html或者404.htm，根據(jù)你的網(wǎng)站實(shí)際情況來。

(2)服務(wù)器/虛擬主機(jī)管理設(shè)置，根據(jù)自己的情況，選擇“使用根目錄下的404頁面”，如果自己能找到“消息類型”選項(xiàng)，則要選擇“文件”或者“默認(rèn)值”，而不能選擇“URL”。如果自己在主機(jī)提供商網(wǎng)站的管理后臺(tái)找不到此“消息類型”選項(xiàng)請(qǐng)聯(lián)系技術(shù)客服做出修改。這是具有決定性的一步。 這步一定要操作好，如果在后臺(tái)找不到這個(gè)消息類型，就不要自己設(shè)置，因?yàn)槟阍O(shè)置之后肯定返回值是200，所以事先和客服聯(lián)系下。

(3)上傳404.htm到網(wǎng)站根目錄，打開一次試試，看是否成功了。

動(dòng)態(tài)404錯(cuò)誤頁面設(shè)置
首先，修改應(yīng)用程序根目錄的設(shè)置，打開 “web.config” 文件編輯，在其中加入如下內(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”中加入：
＜%
Response.Status = “404 Not Found”
%＞
這樣，便可以保證IIS能夠正確地返回“404”狀態(tài)碼。

所有的設(shè)置完成之后，別忘記檢測(cè)http狀態(tài)，確定返回的是404，而不是200。http狀態(tài)檢測(cè)地址參考：Server Header檢查工具(http://www.seochat.com/seo-tools/redirect-check/)

標(biāo)簽：邵陽 辛集 安陽 三門峽 呼倫貝爾 畢節(jié) 湖州 湘西

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《網(wǎng)站設(shè)計(jì)中如何詳細(xì)的自定義404錯(cuò)誤頁面的制作和設(shè)置》，本文關(guān)鍵詞  ；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼

    • 電話咨詢

    • 400-1100-266