404頁面

404頁面

404頁面是錯誤提示。由於WWW網站訪問比較經常出現的錯誤。最常見的出錯提示:404 NOT FOUND。404頁面就是當用戶輸入了錯誤的連結時,返回的頁面。404頁面的目的是:告訴瀏覽者其所請求的頁面不存在或連結錯誤,同時引導用戶使用網站其他頁面而不是關閉視窗離開。說在第三次科技革命之前,網際網路的形態就是一個大型的中央資料庫,這個資料庫就設定在404房間裡面。那時候所有的請求都是由人工手動完成的,如果在資料庫中沒有找到請求者所需要的檔案,或者由於請求者寫錯了檔案編號,用戶就會得到一個返回信息:room 404 : file not found。後來網際網路興起後,人們也就習慣了用404作為伺服器未找到檔案的錯誤代碼了。當然實際考證傳說中的room 404是不存在的。

基本信息

404頁面

(圖)潛江信息網訪問出錯的404頁面圖:潛江信息網訪問出錯的404頁面就是當用戶輸入了錯誤的連結時,返回的頁面。

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

404對seo的影響

自定義404錯誤頁面是增強用戶體驗的很好的做法,但在套用過程中往往並未注意到對搜尋引擎的影響,譬如:錯誤的伺服器端配置導致返回“200”狀態碼或自定義404錯誤頁面使用Meta Refresh導致返回“302”狀態碼。正確設定的自定義404錯誤頁面,不僅應當能夠正確地顯示,同時,應該返回“404”錯誤代碼,而不是 “200”或“302”。雖然對訪問的用戶而言,HTTP狀態碼究竟是“404”還是“200”來說並沒有什麼區別,但對搜尋引擎這則是相當重要的。
搜尋引擎蜘蛛在請求某個URL時得到“404”狀態回應時,即知道該URL已經失效,便不再索引該網頁,並向數據中心反饋將該URL表示的網頁從索引資料庫中刪除,當然,刪除過程有可能需要很長時間;而當搜尋引擎得到“200”狀態碼時,則會認為該url是有效的,便會去索引,並會將其收錄到索引資料庫,這樣的結果便是這兩個不同的url具有完全相同的內容:自定義404錯誤頁面的內容,這會導致出現複製網頁問題。輕則被搜尋引擎降權,重則會K掉網站。

簡介

概念

404頁面404頁面
是客戶端在瀏覽網頁時,伺服器無法正常提供信息,或是伺服器無法回應,且不知道原因。404錯誤信息通常是在目標頁面被更改或移除,或客戶端輸入頁面地址錯誤後顯示的頁面。

作用

404頁面是網站必備的一個頁面,它承載著用戶體驗與SEO最佳化的重任。404頁面通常為用戶訪問了網站上不存在或已刪除的頁面,伺服器返回的404錯誤。如果站長沒有設定404頁面,會出現死連結,蜘蛛爬行這類網址時,不利於搜尋引擎收錄。

對seo的影響

自定義404錯誤頁面是增強用戶體驗的很好的做法,但在套用過程中往往並未注意到404頁面對搜尋引擎的影響,譬如:錯誤的伺服器端配置導致返回狀態碼“200”或自定義404錯誤頁面使用MetaRefresh導致返回“302”狀態碼。
如何設定
(僅適合Apache伺服器)
1、在.htaccess檔案中加入代碼:ErrorDocument404/Error.html;
2、建立一個簡單的html404頁面命名Error.html;
3、把Error.html放置在網站根目錄;
4、如果碰到困難,參考本站:錯誤網頁、SEO十萬個為什麼的.htaccess檔案。
設定404的好處
1:引導用戶不要關閉網站,增強用戶體驗。
2:防止網站出現死連結。
注意事項
1、不要將404錯誤直接轉向到網站首頁,這將導致首頁不被收錄;

....
2、/Error.html前面不要帶主域名,否則返回的狀態碼是302或200狀態碼;
3、404頁面符合網站自身的設計風格,最好能加入網站導航和底部(尤其是網站地圖)。
懲罰程度
搜尋引擎蜘蛛在請求某個URL時得到“404”狀態回應時,即知道該URL已經失效,便不再索引該網頁,並向數據中心反饋將該URL表示的網頁從索引資料庫中刪除,當然,刪除過程有可能需要很長時間;而當搜尋引擎得到“200”狀態碼時,則會認為該url是有效的,便會去索引,並會將其收錄到索引資料庫,這樣的結果便是這兩個不同的url具有完全相同的內容:自定義404錯誤頁面的內容,這會導致出現複製網頁問題。輕則被搜尋引擎降權,重則會K掉網站。
實現良好
改變伺服器默認錯誤頁面就可以達到效果。下面是一些可以使得訪客輕鬆實現正常訪問的建議。
遵循的理念
提供簡明的問題描述,消除訪客的挫敗感。
提供合理的解決方案,輔助訪客完成訪問目標。
提供個性化的友好界面,提升訪問體驗。

使用指南

實現方式
使得訪客轉到某個地方而不是後退。
頁面包含該站點重要部分的連結,如主頁或站點地圖。不要僅僅告訴他們檢查拼寫。使用文本的連結替代圖片,因為有許多訪客不會想到點擊這個圖片。
例子:我們的站點有一個主頁的返回連結。這是實現友好反饋的最低限度。
此外,我們還會考慮,在有效的幫助信息不足的情況下,如何通過訪客的反饋彌補錯誤。
需要包括一個指向網站管理員的email連結,或者一個用於提交丟失連結的表格。
相對於傳送email,訪客更喜歡使用提交表格。
加入一個搜尋框用於搜尋站點。
例:MSN在所有頁面的底部都有一個搜尋框,同時也鏈向站點的重要部分。
在站點中列出接近於訪客期望頁面的連結,用於推測訪客正在尋找的頁面。
你不需要採納上述所有的建議,但是這些建議一致服務於使得訪客更願意停留在你的站點的目的。
合理的404錯誤頁面至此即可以完成了,這將給訪客提供許多有價值的信息。
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="404NotFound",這樣就保證頁面返回404狀態碼。
4、Apache下設定404錯誤頁面。為ApacheServer設定404錯誤頁面的方法很簡單,只需在.htaccess檔案中加入如下內容即可,ErrorDocument404/notfound.php

最佳化404

搜尋引擎通過HTTP狀態碼來識別網頁的狀態。當搜尋引擎獲得了一個錯誤連結時,網站應該返回404狀態碼,告訴搜尋引擎放棄對該連結的索引。而如果返回200或302狀態碼,搜尋引擎就會為該連結建立索引,這導致大量不同的連結指向了相同的網頁內容。結果是,搜尋引擎對該網站的信任度大幅降低。很多網站存在這個問題:404頁面返回的是200或302狀態碼而不是404狀態碼。

404頁面404頁面

製作404頁面

這裡分兩種情況。
Apache
為ApacheServer設定404錯誤頁面的方法很簡單,只需:
(1)在.htaccess檔案中加入如下內容:ErrorDocument404/notfound.php,將.htaccess檔案上傳到網站根目錄。
(2)製作一個404頁面,隨便您設計,命名為notfound.php,同樣上傳到網站根目錄。
注意:
(1).切記不要將404錯誤轉向到網站主頁,否則可能會出現主頁在搜尋引擎中消失的情況。
(2).切記不要使用絕對URL,如果使用絕對URL會返回302+200的狀態碼。
IIS/.net
首先,修改應用程式根目錄的設定,打開web.config檔案編輯,在其中加入如下內容:
以下為引用的內容:
<configuration>
<system.web>
<customErrorsmode=OndefaultRedirect=error.asp>
<errorstatusCode=404″redirect=notfound.asp/>
</customErrors>
</system.web>
</configuration>
註:上文例中error.asp為系統默認的404頁面,notfound.asp為自定義的404頁面,使用時請修改相應檔案名稱。
然後,在自定義的404頁面notfound.asp中加入以下為引用的內容:
<%Response.Status=404NotFound%>
這樣,便可以保證IIS能夠正確地返回404狀態碼

注意事項

404頁面1、不要將404錯誤轉向到網站主頁,否則可能會導致主頁在搜尋引擎中消失。
2、不要使用絕對URL,如果使用絕對URL返回的狀態碼是302+200。
3、404頁面設定完成,一定要檢查是否正確。但http頭信息返回的一定要是404狀態。這主要是對搜尋引擎有關係,因為果你網站產生較多頁面時候但搜尋引擎看到的是很多一樣的正常頁面,有可能會誤被認為作弊。
4.404頁面不要自動跳轉,讓用戶來決定去向。這涉及到404頁面的製作,提供用戶體驗很重要,404頁面製作很有學問。
改進404的13個建議
1、不使用專業術語
“404錯誤”這個詞的使用一直非常規範,但這並不是你使用專業術語嚇跑訪客的理由。“找不到網頁”這個說法相比來說更準確也更易於接受。
2、不要責備訪客
你的訪客很有可能是從其他網站連結或者是你網站上一個舊連結而來。看到這個錯誤頁面並不是他們的錯,所以要善待他們。撰寫的措辭要充滿歉意並儘量提供有益的幫助,而不是一些讓訪客們感到糟糕的文字。
404創意頁面3、提示訪客檢查拼寫
還有一個可能:訪客看到404錯誤頁面是由於他們自己在輸入URL網址時出現了拼寫錯誤。提示訪客檢查他們的拼寫,但不要失禮。就像我們在上面提到的,你的措辭不要讓訪客們感到你是在責備他們。
4、讓頁面返回404
網頁都有一個伺服器回響代碼。代碼200是指頁面一切正常,404則是指頁面無法被找到。如果你已經指定了自定義的404錯誤頁面,則需要確保頁面的標題是返回正確的回響代碼。有幾種不同的方法可以做到這一點,最簡單的就是用你的htaccess檔案來指定錯誤頁面。
5、明確表明404
清楚地向訪客聲明他們正在搜尋的頁面無法找到,且不要讓錯誤頁面看起來與正常的內容頁(如加入過多的文本和連結)太過相似。你是想要表明這是一個錯誤頁面,所以就不要羞於向訪客們聲明這一點。
6、幫助訪客
404錯誤頁面已經呈現在訪客面前,表明這個頁面並不是他們正在搜尋的。所以你應該設法幫助他們找到原來的頁面。確保你的錯誤頁中包含一個選項來協助用戶尋找他們想要的頁面,甚至可以包括有過更改的頁面的連結。
404創意頁面7、放置網站主頁連結
不要讓訪客無處可去或是無法找到你的網站信息。至少應該有一個連結鏈回你的網站主頁。這樣一來,從其他網站連結而來的訪客就可以了解你以及你的網站,甚至他們可能在你的網站中找到一些他們喜歡的內容。
8、訪客方便反饋信息
如果訪問者點擊了你網站上的一個錯誤連結,你會想了解這個連結故障。如果通過404頁面給他們提供一個反饋信息的便捷方式,讓他們可以報告這個故障以便你去解決。這只需要一個非常簡短的形式來提示訪客告訴你他們來自哪個頁面及哪個連結。通過這個方法,你可以獲取到所有你需要的信息。
訪客們可能依然因為無法找到他們想要的頁面而感到困惑和煩惱,因此給他們一個發泄不滿的地方,同時也給你一個做出回應並提供幫助的機會。這很可能會為你挽回一個潛在客戶。
9、保持品牌風格
我們都看過非常酷的“讓訪客發現一個巨大的“復活節蛋”“的錯誤頁面的設計案例。但千萬不要使這個頁面的設計與你網站的其他頁面相差太大,否則會看起來這個頁面不像你網站的設計,會讓訪客產生疑惑,誤以為自己已經被帶到了一個外部網站。
404頁面10、語言版本
如果你的網站是多語種的,404錯誤頁面將從你所有語言版本的網站中獲取錯誤信息。無論你想要顯示任何信息,都需要將其翻譯成各個語言版本,使每個人都能理解。同時還需提供一個連結返回到訪客所對應的語言版本的網站。
11、讓訪客搜尋想要的
如果訪客正在訪問的頁面已被移動,你可能想給他們一個途徑來搜尋頁面被移動到了何處,可以考慮在頁面增加一個搜尋框。
12、修復你的無效連結
如果你得到的數據顯示有大量的訪客訪問您的404頁面(檢查你的網站的分析數據來確定數量),這表明你的網站上有很多無效連結。你完全可以通過修復這些連結來阻止訪客進入404頁面。像SiteBeam和Nibbler這樣的網站測試工具可以幫助檢查是否有無效連結,使你能夠迅速找到並修復他們而不必等待別人來告訴你。
13、不要重定向到主頁
一些404錯誤頁面會立刻重定向到網站主頁,這樣做非常不好。你的訪客不知道他們已經連結到了錯誤的頁面,而且他們會感到困惑因為被無緣無故地鏈回到了網站主頁。

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

公益廣告

百度404頁面上的尋親公益廣告
這是百度發起的一項名為“百度正能量之尋親行動”的活動,將網頁搜尋的404頁面展示為24個已被解救孩子的信息,幫他們尋找父母。404頁面是當用戶請求的頁面不存在、連結錯誤或具有攻擊性時產生的提示頁面。百度這一舉措相當於推出了一個巨大的公益尋人平台。
此外,百度還設定了活動專題頁,並提供阿拉丁展示位,同時向中華社會救助基金會捐贈10萬元專項善款,作為孩子回家的路費。據了解,百度在活動專題頁及404頁面都設定了分享功能,號召更多網友參與,一起幫孩子們找父母。
對於百度此次創新,中國計算機常務理事潘柱廷給予了極高的評價:“這次百度404頁面變身公益廣告,是百度利用自身的技術和平台優勢做創新型公益,有著巨大的社會價值和借鑑意義。”
百度此次行動有力的支持了鄧飛等人發起的“幫孩子回家春節特別行動”。鄧飛表示:“大家在百度搜尋幫24個孩子回家、百度404公益等,第一個搜尋結果即專題頁面。百度給活動提供了諸多便利,感謝百度的支持。”
從百度公益一小時、溫暖搜尋框到百度公益開放平台、防盜鏈圖公益廣告,再到這一次的404頁面變身公益廣告,百度圍繞產品進行的創新層出不窮。百度的每一項創新,或給網友帶來巨大歡樂,或給社會創造更大價值,讓人感覺到百度工程師文化的活力。

創意鑑賞

創意404頁面設計 創意404頁面在前幾年就比較流行了,後來好像更受人喜愛,設計一個獨特的404頁面也可以讓遊客駐足觀賞,也能讓他們對網站產生好感,連404頁面都做的這么精緻,網站的東西肯定也不錯了


相關詞條

熱門詞條

聯絡我們