DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁SEO優化 >> SEO優化集錦 >> 案例講解:各大名站是如何設置404錯誤頁面
案例講解:各大名站是如何設置404錯誤頁面
編輯:SEO優化集錦     

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

 404錯誤頁面

這個錯誤頁面就是404頁面,今天筆者就和大家聊一聊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設計頁面,請大家欣賞。

2

1

7. 上面的圖

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved