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