SEO基礎篇: 404錯誤頁面 |
發布時間: 2012/9/14 12:34:35 |
每當我們打開一網站時如果長時間沒有反應時,或者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.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="/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="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頁面在線檢測
本文出自:億恩科技【www.vbseamall.com】 |