假如客戶找不到頁面,你展現給客戶什么樣的404頁

0 評論 2356 瀏覽 7 收藏 7 分鐘

404頁參考

http://www.dangdang.com/404 (當當網)

http://www.360buy.com/404 (京東商城)

http://www.paidai.com/404 (派代)

http://www.qq.com/404 (騰訊)

http://taobao.com/404 (淘寶)

A,404請不要用跳轉到首頁,如QQ.com,人家有牛X的流量,不擔心SEO!

B,404請不要像派代一樣,那么簡單。優化的404頁是用來降低客戶的受措感!

C,制作好404頁后,請測試下返回值,看下是200還是404,200的話百度會K站的!

D,請大家頂貼補充。。。

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頁面

改變服務器默認錯誤頁面就可以達到效果。下面是一些可以使得訪客輕松實現正常訪問的建議。

遵循的理念:

提供簡明的問題描述,消除訪客的挫敗感。

提供合理的解決方案,輔助訪客完成訪問目標。

提供個性化的友好界面,提升訪問體驗。

實現方式(按照從簡單到復雜的順序排列):

使得訪客轉到某個地方而不是后退。

頁面包含該站點重要部分的鏈接,如主頁或站點地圖。不要僅僅告訴他們檢查拼寫。使用文本的鏈接替代圖片,因為有許多訪客不會想到點擊這個圖片。

例子:我們的站點有一個主頁的返回鏈接。這是實現友好反饋的最低限度。

此外,我們還會考慮,在有效的幫助信息不足的情況下,如何通過訪客的反饋彌補錯誤。

需要包括一個指向網站管理員的email鏈接,或者一個用于提交丟失鏈接的表格。

相對于發送email,訪客更喜歡使用提交表格。

加入一個搜索框用于搜索站點。

在站點中列出接近于訪客期望頁面的鏈接,用于推測訪客正在尋找的頁面。

你不需要采納上述所有的建議,但是這些建議一致服務于使得訪客更愿意停留在你的站點的目的。

合理的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

來源:http://www.paidai.com/displaythread.php?boardid=18&topicid=27320

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!