SEO基礎篇: 案例分析404錯誤頁面

　　每當我們開啟一網站時如果長時間沒有反應時,或者URL錯誤時會看到下面這種情景:

　　

 

　　這個錯誤頁面就是404頁面,今天上海SEO瀟然孤雁飛就和大家聊一聊404這個家喻戶曉的SEO基本知識。

　　404頁面就是當使用者輸入了錯誤的連結時，返回的頁面。是WWW網站訪問比較經常出現的錯誤。最常見的出錯提示：404 NOT FOUND。

　　HTTP 404錯誤意味著連結指向的網頁不存在，即原始網頁的URL失效，這種情況經常會發生，很難避免，比如說：網頁URL建置規則改變、網頁檔案更名或移動位置、匯入連結拼字錯誤等，導致原來的URL地址無法訪問;當Web 服務器接到類似請求時，會返回一個404 狀態代碼，告訴瀏覽器要請求的資源並不存在。

　　1. 也許有的童鞋會問：網站設定404頁面的目的是什麼呢?

　　404頁面的目的是：告訴瀏覽者其所請求的頁面不存在或連結錯誤，同時引導使用者使用網站其他頁面而不是關閉視窗離開。

　　2. 可能還有童鞋會接著問：404頁面出現的錯誤原因是什麼呢?

　　404錯誤頁面導致這個錯誤的原因一般來說，有三種情況：

　　1)、無法在所請求的連接埠上訪問Web網站。

　　2)、Web服務擴充鎖定策略阻止本請求。

　　3)、MIME映射策略阻止本請求。

　　3. 那如何來避免404頁面出現，有沒有什麼辦法可以解決呢?

　　把缺少的網頁檔案恢複到正確的位置，重新設定網路服務。對於使用者來講，需要檢查你所輸入的網路地址是否正確。

　　自訂404錯誤頁面是增強使用者體驗的很好的做法，但在應用過程中往往並未注意到對搜尋引擎的影響，譬如：錯誤的伺服器端配置導致返回“200”狀態代碼或自訂404錯誤頁面使用Meta Refresh導致返回“302”狀態代碼。正確設定的自訂404錯誤頁面，不僅應當能夠正確地顯示，同時，應該返回“404”錯誤碼，而不是 “200”或“302”。雖然對訪問的使用者而言，HTTP狀態代碼究竟是“404”還是“200”來說並沒有什麼區別，但對搜尋引擎這則是相當重要的。

　　4. 如果網站開啟後有很多的404頁面，這對網站的排名有沒有影響，會不會受到百度的懲罰呢?

　　搜尋引擎蜘蛛在請求某個URL時得到“404”狀態回應時，即知道該URL已經失效，便不再索引該網頁，並向資料中心反饋將該URL表示的網頁從索引資料庫中刪除，當然，刪除過程有可能需要很長時間;而當搜尋引擎得到“200”狀態代碼時，則會認為該url是有效，便會去索引，並會將其收錄到索引資料庫，這樣的結果便是這兩個不同的url具有完全相同的內容：自訂404錯誤頁面的內容，這會導致出現複製網頁問題。輕則被搜尋引擎降權，重則會K掉網站。

　　5. 如上面所說，那能不能介紹一下404頁面應該什麼設定呢?

　　1). 對於存在的網頁內容由於路徑改變而導致訪問不了時，可在IIS中定義404錯誤指向一個動態網頁面，在頁面裡面使用301永久重新導向跳轉到新的地址，此時伺服器返回301狀態代碼。

　　2)、設定404指向一個設計好的html 檔案，此時頁面返回的404狀態代碼。 現在的idc供應商基本都提供404設定的功能，直接上傳檔案設定即可。

　　在IIs中設定方法：開啟IIS管理器-->點擊要設定自訂404的網站的屬性-->點擊自訂錯誤選項-->選中404頁-->選中並開啟編輯屬性-->設定成 URL --> URL 裡填寫“/err404.html”-->按確定退出再把做好的err404.html 頁面上傳到網站根目錄下。

　　注意：此處在“訊息類型”中一定要選擇“檔案”或“預設值”，而不要選擇“URL”，不然，將導致返回“200”狀態代碼。

　　3)、404指向一個動態網頁面，比如error.asp,如果不在頁面裡面進行設定，僅僅是返回提示的HTML 程式碼，將導致頁面返回200 狀態代碼，這是不正確的，我們可以在顯示完提示內容後，增加語句： Response.Status="404 Not Found" ，這樣就保證頁面返回404狀態代碼。

　　4)、Apache下設定404錯誤頁面。為Apache Server設定404錯誤頁面的方法很簡單，只在.htaccess 檔案中加入如下內容即可，ErrorDocument 404 /notfound.php。

　　6. 通過以上的知識大致瞭解了404頁面的一些基本常識，可是這還是很抽象，能不能給我們看一下具體的404頁面是什麼樣呢?

　　好的，為了讓大家更直觀一些，下面瀟然孤雁飛特收集了一些網站富有創意的404設計頁面，請大家欣賞。詳見<<404頁面創意設計欣賞>>http://www.xlfseo.com/SEO-JC/404TP.html

　　

 

　　7. 上面的圖片是很精美，可是404頁面究竟該什麼書寫更正確，能不能舉一些實際案例呢?

　　好的，下面就為大家提供幾個名站的設計方案供大家參考：

　　1.)百度404頁書寫格式

　　代碼如下：

<div id="content"><div class="logo"><a href="http://www.baidu.com"><img src=http://www.admin5.com/article/20121102/"http://www.baidu.com/search/img/logo.gif" alt="百度logo" title="百度logo" /></a></div><div class="title"><b>您的訪問出錯了</b><a href="http://www.baidu.com">百度首頁</a></div><div class="cl">sdsffsd</div><h2 class="tip">很抱歉，您要訪問的頁面不存在。</h2><ol class="reason"><li>1. 請檢查您輸入的網址是否正確。</li><li>2. 如果您不能確認您輸入的網址，請瀏覽<a href="http://www.baidu.com/more/index.html">百度更多</a>頁面，來查看您所要訪問的網址。</li><li>3. 直接輸入要訪問的內容進行搜尋：</li></ol><div class="searchbox"><form action="http://www.baidu.com/s" name="f"><input type="text" name="wd" size="35" maxlength="100"><inputtype="hidden" name="cl" value="3"><input type="hidden" name="tn" value="baiduerr"><input type="submit" value="百度一下"> </form></div><div class="help">如還有疑問請訪問<a href="http://www.baidu.com/search/jiqiao.html">百度協助中心</a>獲得解決方案。</div><div class="footer">© 2012 Baidu <a href="http://www.baidu.com/duty/index.html">免責聲明</a></div>

　　

 

　　百度404版面設定很簡單，沒有網頁跳轉，提供讓使用者自己選擇是否點擊“百度更多”(開啟後是百度系列產品的導航頁面)或者一個搜尋方塊百度一下。

　　2). 新浪404頁面書寫格式

　　代碼如下：

<table width=544 height=157 border=0 cellpadding=0 cellspacing=0 align=center><tr valign=middle align=middle><td background=upload/2012/8/201208102301140162.gif><table border=0 cellpadding=0 cellspacing=0 ><tr><td style=padding-left:80px;padding-top:10px><strong>頁面沒有找到5秒鐘之後將會帶您進入導航頁!</strong></td></tr></table>

　　

 

　　新浪404版面設定也很極簡單，就一個LOGO，設定時間在開啟404頁面5秒鐘後進行網頁自動跳轉到導航頁。

　　3). 騰訊404版面設定

　　代碼如下：

<table width="563" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td height="125"> </td><td height="195" background="/1.gif" bgcolor="#FFFFFF"><table border="0" align="center" cellpadding="0" cellspacing="0"><tr><td width="210"><a href="#"><img src=http://www.admin5.com/article/20121102/"/404-2.gif" alt="" width="210" height="80" border="0" /></a></td> <td style="color:#333333; font-size:14px; font-weight:bold;">頁面沒有找到，5秒鐘之後將帶您進入首頁！</td></tr></table></td></tr></table>

　　

 

　　騰訊404版面設定和新浪404版面設定一樣，一個LOGO，設定時間在開啟404頁面5秒鐘後進行網頁自動跳轉到網站首頁。

　　4. 阿里巴巴

　　代碼如下：

<div id="content" class="w952">很抱歉，您尋找的頁面不存在，可能已被刪除或轉移<div class="sorry fd-clr"><div class="sorry-content"><p>您可以：</p><p>1.檢查訪問的頁面網址是否正確</p><p>2.去其他地方逛逛:<a href="http://china.alibaba.com/">阿里巴巴首頁</a><a href="http://page.china.alibaba.com/trust.html">誠信中國</a><a href="http://info.china.alibaba.com/">資訊</a><a href="http://club.china.alibaba.com/">社區</a></p></div></div><a href="http://small.china.alibaba.com/ipush/1688index.htm?tracelog=re_iali_error-offer01" class="more">更多></a><a href="http://small.china.alibaba.com/ipush/1688index.htm?tracelog=re_iali_error-offer01">您可能感興趣</a>

　　

 

　　阿里巴巴404版面設定就在一個阿里巴巴固有的模板內加一個404頁面內容，上部是b2b產品搜尋方塊。下部是一些產品展示。比其上面幾個站而言複雜了一些,404頁面醒目性較小一些。但也體現出電商專屬的產品展示的一面。

　　5). seowhy搜外

　　代碼如下：

<div class="foucspic"><img src=http://www.admin5.com/article/20121102/"upload/2012/8/201208102301214344.png" /></div> <div class="about"> <h4 class="about_h4">很抱歉，您訪問的頁面不存在</h4> <p>本連結不存在，或連結所對應的頁面內容已經被刪除；</p> <p>請您點擊左側導航連結返回相應頁面；</p> <p>如果是特別重要的資訊，請您<a href="http://www.seowhy.com/bbs/forum-11-1.html" target="_blank" >點擊這裡</a>向我們彙報，謝謝您！</p>

　　

 

　　作為SEO大師的夫唯,深知SEO的技巧,對404版面設定也有一定的考量,頁面極為簡單,不作跳轉處理,讓使用者點擊鏈到論壇的"建議和投訴"版塊之中給予報錯處理。互動性更強一些,又能及時瞭解頁面出錯原因。

　　6). 站長之家

　　代碼如下:

<h1>chinaz.com - 站長之家</h1> <h2><em>404 Error</em>: 抱歉, 您所尋找的頁面不存在, 可能已被刪除或您輸錯了網址!</h2> <p class="link"> <a href="/">◂返回首頁</a> <a href="javascript:history.go(-1);">◂返回上一頁</a></p> <dt>沒有發現你要找的頁面, 經磚家仔細研究結果如下:</dt> <dd> <li>貴玉手輸入地址時可能存在鍵入錯誤</li> <li>小蝸牛把頁面落家裡忘記帶了</li> <li>電信網通那頭介面生鏽</li>

　　

 

　　作為一個站長資訊站的老牌網站,站長之家在這方面設定的很人性化,一些擬人風趣的語言讓原本因找不到所需的頁面時煩躁的遊客不由的會心一笑。

　　7). A5站長網

　　代碼如下：

<H1>沒有找到您要訪問的頁面</H1>The requested URL was not found on this server.<ol><li>請檢查您輸入的網址是否正確。</li><li>確認無誤有可能我們的頁面正在升級或維護。</li><li>您可以嘗試訪問以下連結。<br>

　　

 

　　A5站長網在這方面處理上和阿里巴巴有些相似,上部是網站導航,下面是一個搜尋方塊。提供的是多樣選擇的餘地。

　　404頁面線上檢測

　　搜外SEO工具箱: http://tool.seowhy.com/http404/www.xlfseo.com

　　

 

　　本文由上海SEO瀟然孤雁飛原創，文章來源：瀟然孤雁飛SEO部落格，http://www.xlfseo.com/SEO-JC/404NO.html 歡迎轉載!轉載請註明出處，謝謝!