404頁面制作詳解

 二維碼 195
發(fā)表時間:2016-02-24 19:38作者:敖游來源:遨游建站網址:http://aquaponicswiki.com

  一、簡介概念
  404頁面是客戶端在瀏覽網頁時,服務器無法正常提供信息,或是服務器無法回應,且不知道原因。404錯誤信息通常是在目標頁面被更改或移除,或客戶端輸入頁面地址錯誤后顯示的頁面。
  作用
  404頁面是網站必備的一個頁面,它承載著用戶體驗與SEO優(yōu)化的重任。404頁面通常為用戶訪問了網站上不存在或已刪除的頁面,服務器返回的404錯誤。如果站長沒有設置404頁面,會出現(xiàn)死鏈接,蜘蛛爬行這類網址時,不利于搜索引擎收錄。
  二、錯誤提示
  是WWW網站訪問比較經常出現(xiàn)的錯誤。最常見的出錯提示:404 NOT FOUND。404頁面就是當用戶輸入了錯誤的鏈接時,返回的頁面。
  三、錯誤原因
  原因類型
  HTTP 404 錯誤意味著鏈接指向的網頁不存在,即原始網頁的URL失效,這種情況經常會發(fā)生,很難避免,比如說:網頁URL生成規(guī)則改變、網頁文件更名或移動位置、導 入鏈接拼寫錯誤等,導致原來的URL地址無法訪問;當Web 服務器接到類似請求時,會返回一個404 狀態(tài)碼,告訴瀏覽器要請求的資源并不存在。
  導致這個錯誤的原因一般來說,有三種:
  1、無法在所請求的端口上訪問Web站點。
  2、Web服務擴展鎖定策略阻止本請求。
  3、MIME映射策略阻止本請求。
  解決方法
  把缺少的網頁文件恢復到正確的位置,重新設置網絡服務。對于用戶來講,需要檢查你所輸入的網絡地址是否正確。
  四、頁面目的
  404頁面的目的是:告訴瀏覽者其所請求的頁面不存在或鏈接錯誤,同時引導用戶使用網站其他頁面而不是關閉窗口離開。
  很多開源系統(tǒng)包括CMS系統(tǒng)、Blog系統(tǒng)等不提供404頁面或提供的404頁面并未達到SEO的要求,這讓網站的權威性大打折扣。
  自定義404錯誤頁面在增強用戶體驗上是很好的做法,但在應用的過程中一般并未注意到對搜索引擎的影響,譬如:服務器端的錯誤配置導致返回“200”狀 態(tài)碼或自定義404錯誤頁面使用Meta Refresh從而導致返回“302”狀態(tài)碼。正確設置的自定義404錯誤頁面,不僅應當能夠正確地顯示,同時,應該返回“404”錯誤代碼,而不是 “200”或“302”。雖然對訪問的用戶而言,HTTP狀態(tài)碼究竟是“404”還是“200”來說并沒有什么區(qū)別,但對于搜索引擎則是相當重要的。
  404公益最早源于“NotFound Project”,是由Missing Children Europe和European Federation for Missing and Sexually Exploited Children等公益組織聯(lián)合發(fā)起的一個項目,他們希望利用閑置不用的網絡空間發(fā)揮公益的力量:讓更多人幫忙尋找失蹤兒童?!≡贑hild Focus(一家專門幫助走失和受到性侵害的兒童公益機構)旗下的網站上,該機構針對這項公益計劃發(fā)表了一份倡議聲明:“歐盟每年都會有上千孩子走失,你 可以借助NotFound共享自己的一份力量。你只需要安裝我們的應用軟件,在你的網站404頁面就會自動加載一張走失孩子的照片。讓我們一同幫助他們順 利回家吧。”
  五、優(yōu)化404
  搜索引擎通過HTTP狀態(tài)碼來識別網頁的狀態(tài)。當搜索引擎獲得了一個錯誤鏈接時,網站應該返回404狀態(tài)碼,告訴搜索引擎放棄對該鏈接的索引。而如果返回 200或302狀態(tài)碼,搜索引擎就會為該鏈接建立索引,這導致大量不同的鏈接指向了相同的網頁內容。結果是,搜索引擎對該網站的信任度大幅降低。很多網站 存在這個問題:404頁面返回的是200或302狀態(tài)碼而不是404狀態(tài)碼。
  六、對seo的影響
  自定義404錯誤頁面是增強用戶體驗的很好的做法,但在應用過程中往往并未注意到404頁面對搜索引擎的影響,譬如:錯誤的服務器端配置導致返回狀態(tài)碼“200”或自定義404錯誤頁面使用Meta Refresh導致返回“302”狀態(tài)碼。
  如何設置
  (僅適合Apache服務器)
  1、在.htaccess 文件中加入代碼: ErrorDocument 404 /Error.html;
  2、建立一個簡單的html404頁面命名 Error.html;
  3、把 Error.html放置在網站根目錄;
  4、如果碰到困難,參考本站:錯誤網頁、SEO十萬個為什么的.htaccess文件。
  設置404的好處
  1:引導用戶不要關閉網站,增強用戶體驗。
  2:防止網站出現(xiàn)死鏈接。
  注意事項
  1、不要將404錯誤直接轉向到網站首頁,這將導致首頁不被收錄;
  2、/Error.html 前面不要帶主域名,否則返回的狀態(tài)碼是302或200狀態(tài)碼;
  3、404頁面符合網站自身的設計風格,最好能加入網站導航和底部(尤其是網站地圖)。
  懲罰程度
  搜索引擎蜘蛛在請求某個URL時得到“404”狀態(tài)回應時,即知道該URL已經失效,便不再索引該網頁,并向數(shù)據(jù)中心反饋將該URL表示的網頁從索引數(shù) 據(jù)庫中刪除,當然,刪除過程有可能需要很長時間;而當搜索引擎得到“200”狀態(tài)碼時,則會認為該url是有效的,便會去索引,并會將其收錄到索引數(shù)據(jù) 庫,這樣的結果便是這兩個不同的url具有完全相同的內容:自定義404錯誤頁面的內容,這會導致出現(xiàn)復制網頁問題。輕則被搜索引擎降權,重則會K掉網 站。
  實現(xiàn)良好
  改變服務器默認錯誤頁面就可以達到效果。下面是一些可以使得訪客輕松實現(xiàn)正常訪問的建議。
  遵循的理念
  提供簡明的問題描述,消除訪客的挫敗感。
  提供合理的解決方案,輔助訪客完成訪問目標。
  提供個性化的友好界面,提升訪問體驗。
  七、使用指南
  實現(xiàn)方式
  使得訪客轉到某個地方而不是后退。
  頁面包含該站點重要部分的鏈接,如主頁或站點地圖。不要僅僅告訴他們檢查拼寫。使用文本的鏈接替代圖片,因為有許多訪客不會想到點擊這個圖片。
  例子:我們的站點有一個主頁的返回鏈接。這是實現(xiàn)友好反饋的最低限度。
  此外,我們還會考慮,在有效的幫助信息不足的情況下,如何通過訪客的反饋彌補錯誤。
  需要包括一個指向網站管理員的email鏈接,或者一個用于提交丟失鏈接的表格。
  相對于發(fā)送email,訪客更喜歡使用提交表格。
  加入一個搜索框用于搜索站點。
  例:MSN在所有頁面的底部都有一個搜索框,同時也鏈向站點的重要部分。
  在站點中列出接近于訪客期望頁面的鏈接,用于推測訪客正在尋找的頁面。
  你不需要采納上述所有的建議,但是這些建議一致服務于使得訪客更愿意停留在你的站點的目的。
  合理的404錯誤頁面至此即可以完成了,這將給訪客提供許多有價值的信息。
  404設置方法
  1. 對于存在的網頁內容由于路徑改變而導致訪問不了時,可在IIS 中定義404錯誤指向一個動態(tài)頁面,在頁面里面使用301永久重定向跳轉到新的地址,此時服務器返回301狀態(tài)碼。
  2、設置404指向一個設計好的html文件,此時頁面返回的404狀態(tài)碼。 idc提供商基本都提供404設置的功能,直接上傳文件設置即可。在IIs中設置方法:打開IIS管理器-->點擊要設置自定義404的網站的屬性 -->點擊自定義錯誤選項-->選中404頁-->選中并打開編輯屬性-->設置成URL--> URL 里填寫“/err404.html”-->按確定退出再把做好的err404.html 頁面上傳到網站根目錄下。此處在“消息類型”中一定要選擇“文件”或“默認值”,而不要選擇“URL”,不然,將導致返回“200”狀態(tài)碼。
  3、404指向一個動態(tài)頁面,比如error.asp,如果不在頁面里面進行設置,僅僅是返回提示的HTML代碼,將導致頁面返回200 狀態(tài)碼,這是不正確的,我們可以在顯示完提示內容后,增加語句:Response.Status="404 Not Found" ,這樣就保證頁面返回404狀態(tài)碼。
  4、Apache下設置404錯誤頁面。為Apache Server設置404錯誤頁面的方法很簡單,只需在.htaccess文件中加入如下內容即可,ErrorDocument 404 /notfound.php。
  八、制作404頁面
  這里分兩種情況。
  Apache
  為Apache Server設置 404錯誤頁面的方法很簡單,只需:
  (1)在.htaccess文件中加入如下內容:ErrorDocument 404 /notfound.php,將.htaccess文件上傳到網站根目錄。
  (2)制作一個404頁面,隨便您設計,命名為notfound.php,同樣上傳到網站根目錄。
  注意:
 ?。?).切記不要將404錯誤轉向到網站主頁,否則可能會出現(xiàn)主頁在搜索引擎中消失的情況。
 ?。?).切記不要使用絕對URL,如果使用絕對URL會返回302+200的狀態(tài)碼。
  IIS/.net
  首先,修改應用程序根目錄的設置,打開web.config文件編輯,在其中加入如下內容:
  以下為引用的內容:
  <configuration>
  <system.web>
  <customErrors mode=On defaultRedirect=error.asp>
  <error statusCode=404″ redirect=notfound.asp />
  </customErrors>
  </system.web>
  </configuration>
  注:上文例中error.asp為系統(tǒng)默認的404頁面,notfound.asp為自定義的404頁面,使用時請修改相應文件名。
  然后,在自定義的404頁面notfound.asp中加入以下為引用的內容:
  <% Response.Status = 404 Not Found %>
  這樣,便可以保證IIS能夠正確地返回404狀態(tài)碼
  制作注意事項
  1.不要將404錯誤轉向到網站主頁,否則可能會導致主頁在搜索引擎中消失。
  2.不要使用絕對URL,如果使用絕對URL返回的狀態(tài)碼是302+200。
  3.404頁面設置完成,一定要檢查是否正確。但http頭信息返回的一定要是404狀態(tài)。這主要是對搜索引擎有關系,因為如果你網站產生較多頁面時候但搜索引擎看到的是很多一樣的正常頁面,有可能會誤被認為作弊。
  4.404頁面不要自動跳轉,讓用戶來決定去向。這涉及到404頁面的制作,提供用戶體驗很重要,404頁面制作很有學問。
  改進404的13個建議
  1、不使用專業(yè)術語
  “404錯誤”這個詞的使用一直非常規(guī)范,但這并不是你使用專業(yè)術語嚇跑訪客的理由?!罢也坏骄W頁”這個說法相比來說更準確也更易于接受。
  2、不要責備訪客
  你的訪客很有可能是從其他網站鏈接或者是你網站上一個舊鏈接而來??吹竭@個錯誤頁面并不是他們的錯,所以要善待他們。撰寫的措辭要充滿歉意并盡量提供有益的幫助,而不是一些讓訪客們感到糟糕的文字。
  3、提示訪客檢查拼寫
  還有一個可能:訪客看到404錯誤頁面是由于他們自己在輸入URL網址時出現(xiàn)了拼寫錯誤。提示訪客檢查他們的拼寫,但不要失禮。就像我們在上面提到的,你的措辭不要讓訪客們感到你是在責備他們。
  4、讓頁面返回404
  每個網頁都有一個服務器響應代碼。 代碼200是指頁面一切正常,404則是指頁面無法被找到。如果你已經指定了自定義的404錯誤頁面,則需要確保頁面的標題是返回正確的響應代碼。有幾種 不同的方法可以做到這一點,最簡單的就是用你的htaccess文件來指定錯誤頁面。
  5、明確表明404
  清楚地向訪客聲明他們正在搜尋的頁面無法找到,且不要讓錯誤頁面看起來與正常的內容頁(如加入過多的文本和鏈接)太過相似。你是想要表明這是一個錯誤頁面,所以就不要羞于向訪客們聲明這一點。
  6、幫助訪客
  404錯誤頁面已經呈現(xiàn)在訪客面前,表明這個頁面并不是他們正在搜尋的。所以你應該設法幫助他們找到原來的頁面。確保你的錯誤頁中包含一個選項來協(xié)助用戶尋找他們想要的頁面,甚至可以包括有過更改的頁面的鏈接。
  7、放置網站主頁鏈接
  不要讓訪客無處可去或是無法找到你的網站信息。至少應該有一個鏈接鏈回你的網站主頁。這樣一來,從其他網站鏈接而來的訪客就可以了解你以及你的網站,甚至他們可能在你的網站中找到一些他們喜歡的內容。
  8、訪客方便反饋信息
  如果訪問者點擊了你網站上的一個錯誤鏈接,你會想了解這個鏈接故障。如果通過404頁面給他們提供一個反饋信息的便捷方式,讓他們可以報告這個故障以便 你去解決。這只需要一個非常簡短的形式來提示訪客告訴你他們來自哪個頁面及哪個鏈接。通過這個方法,你可以獲取到所有你需要的信息。
  訪客們可能依然因為無法找到他們想要的頁面而感到困惑和煩惱,因此給他們一個發(fā)泄不滿的地方,同時也給你一個做出回應并提供幫助的機會。這很可能會為你挽回一個潛在客戶。
  9、保持品牌風格
  我們都看過非常酷的“讓訪客發(fā)現(xiàn)一個巨大的“復活節(jié)蛋”“的錯誤頁面的設計案例。但千萬不要使這個頁面的設計與你網站的其他頁面相差太大,否則會看起來這個頁面不像你網站的設計,會讓訪客產生疑惑,誤以為自己已經被帶到了一個外部網站。
  10、語言版本
  如果你的網站是多語種的,404錯誤頁面將從你所有語言版本的網站中獲取錯誤信息。無論你想要顯示任何信息,都需要將其翻譯成各個語言版本,使每個人都能理解。同時還需提供一個鏈接返回到訪客所對應的語言版本的網站。
  11、讓訪客搜索想要的
  如果訪客正在訪問的頁面已被移動,你可能想給他們一個途徑來搜索頁面被移動到了何處,可以考慮在頁面增加一個搜索框。
  12、修復你的無效鏈接
  如果你得到的數(shù)據(jù)顯示有大量的訪客訪問您的404頁面(檢查你的網站的分析數(shù)據(jù)來確定數(shù)量),這表明你的網站上有很多無效鏈接。你完全可以通過修復這些 鏈接來阻止訪客進入404頁面。像SiteBeam和Nibbler這樣的網站測試工具可以幫助檢查是否有無效鏈接,使你能夠迅速找到并修復他們而不必等 待別人來告訴你。
  13、不要重定向到主頁
  一些404錯誤頁面會立刻重定向到網站主頁,這樣做非常不好。你的訪客不知道他們已經鏈接到了錯誤的頁面,而且他們會感到困惑因為被無緣無故地鏈回到了網站主頁。

  來源:遨游網絡科技有限公司 轉載注明出處!


廣告投放問題
網站建設問題
小程序設計問題

以信載商,良心建站。遨游始終秉承“一次建站、終身維護”的宗旨,竭誠為客戶提供最優(yōu)質的互聯(lián)網服務。遨游建站率先植入seo優(yōu)化理念,讓你的網頁更利于搜索引擎抓取,關鍵詞排名更靠前。可仿站、可定制。無論是傳統(tǒng)型企業(yè)官網、集團型品牌官網,還是營銷型網站、電商型網站、定制型網站、特殊行業(yè)網站(醫(yī)療、教育),全部搞定。

公司:網站建設_小程序設計_競價托管代運營公司;郵箱:1013601535@qq.com

手機:17073547034;QQ: 1013601535

在線留言咨詢,24小時內回復
我想咨詢
*
企業(yè)名稱
手機號碼
*
您的姓名
所在城市
提交
最新發(fā)布
注冊體驗
企業(yè)郵箱
域名注冊
SSL證書
地圖標注
網站備案
服務器
友情鏈接
我們是中小企業(yè)可信賴的合作伙伴!始終專注一件事,一站式互聯(lián)網信息技術服務商
17073547034
全國統(tǒng)一服務熱線
遨游建站是全國高端網站建設公司,提供廣州企業(yè)網站建設/小程序開發(fā)/購物網站設計制作與競價托管代運營服務;秉承“一次建站,終身維護”的宗旨,有償提供互聯(lián)網技術支持。
本站部分圖片、音頻、視頻來源于網絡,版權歸原作者,如有侵權請聯(lián)系我們刪除。