Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
404頁面的目的是:告訴瀏覽者其所請求的頁面不存在或鏈接錯誤,同時引導用戶使用網站其他頁面而不是關閉窗口離開。
現在大部分開源系統都會為大家考慮到404頁面的跳轉引導,比如:z-blog/wordpress,都是很不錯的開源系統(注意不要用最原始的開源系統,而是采用帶有模板的系統)。菜鳥后院網站本身也是wordpress的開源程序,然后我們用robin模板。(花299元擁有和菜鳥后院一樣的網站,包括域名和1G阿里巴巴云空間)
搜索引擎使用 http 狀態碼來識別網頁的狀態。當搜索引擎獲得不正確的鏈接時,網站應該返回一個狀態代碼404,告訴搜索引擎放棄索引該鏈接。如果返回一個200或302狀態代碼,搜索引擎會對鏈接進行索引,導致許多不同的鏈接指向相同的頁面內容。結果,搜索引擎對這個網站的信任度大大降低。很多網站存在這個問題,那就是404頁面返回的是200或302狀態碼而不是404狀態碼。
1、做一個簡單的404頁面,命名如:404.html;
2、通過ftp把這個404頁面上傳到網站根目錄;
3、進入虛擬主機管理后臺,找到404頁面提交的入口,添加以上404頁面的地址,如:www.cnbackyard.com/404.html(一般空間服務商都有帶著種功能,也可以直接找他們技術客服完成這步操作)
4、輸入一個錯誤的鏈接進行訪問測試,隨便輸入,比如:www.cnbackyard.com/123.html,如果正確返回到404.html頁面,則算正確;
5、使用站長工具(http://tool.chinaz.com/pagestatus),輸入任意一個錯誤網址,檢查返回值是否為404。如果返回值是200,代表該主機商設置有誤,可以與其技術反饋。
以上操作方法對于一個seo初學者來說,還是有點復雜,同學們可以關注燃燈教育直播課程,參加我們的培訓,理解起來會更透徹一點。
寧!大嘎吼~以前的小編云游四方去了,今天時柒來替班!所以要聊點什么呢?
我們平時都會瀏覽網站找素材找資源對不對,不可避免地會遇到彈出報錯的“404頁面”的情況。見到它的時候你可能會失落可能會懵逼,但只需要記得兩點即可。第一,親你掉線er了;第二,雖然你掉線er了,但還是可以點擊別的內容再重新上線er。
于是有很多網站會分一些精力放在404頁面的創意設計上。雖然早在前幾年就開始流行了,但是大家還是對這部分創意內容很感興趣。畢竟連404頁面都可以做的很精致的網站,其他內容也應該是很精良了。
那接下來就給大家分享一些創意404報錯頁面吧,后面都會附上鏈接,有空大家可以自己去體驗一把。當然從我們最熟悉的一些網站開始。
Pixar
https://www.pixar.com/404
Pixar的404頁面,用是2015年《頭腦特工隊》里面“憂憂”的形象。畢竟找不到想要的內容,確實是件挺憂心的事情。頁面簡潔明了,但是信息丟了也不要想“憂憂”一樣太過于傷心難過才好。
20th Century Fox
https://www.foxmovies.com/404
關于20世紀福克斯網站的404頁面,有時很魔性,有時很隨意,有時找不到想要的電影,還得受一下刺激。
總結來說就是,“影片背景+關鍵詞標題提醒+其他影片推薦”這樣的種種。我看到過的有《菜鳥大反攻》《剪刀手愛德華》和《大人物拿破侖》等等。驚喜的是,標題文字還可以繼續點擊,彈出一個毫無美感&毫無設計感的“Not Found”頁面...恩,可能是刻意的吧,畫風大概都是下面這樣的。
漫威
https://www.marvel.com/404
手動云@一下漫威粉,有了解漫威官網的404頁面的嗎?最近一版設計是在動態綿綿細雨中的鋼鐵俠,殘缺的手臂,傷痕累累的鐵甲,在細雨中顯得更加凄涼。
之前還有的版本是寡姐,與用戶之間產生互動,就是圖片展示那樣的。
漫威的404都是和品牌牢牢地結合在一起的,也是一種挺不錯的選擇。
樂高
http://www.lego.com/404notfound
樂高可以算是“超級重視自身品牌塑造”隊伍中的一員了,它的404頁面上是4個驚慌失措的玩偶角色,據說最開始是沒有文字說明的,現在又加入圖上的哪行小字,反正就是簡簡單單地告訴你,“親,您掉線啦”。
暴雪
http://us.blizzard.com/en-us/not-found.html
暴雪的404設計也是走了“簡單粗暴”路線,粗暴到把玻璃都敲碎了,可能對于破碎恐懼者和尖銳恐懼者來說有些殘忍,“找不到你就別找了,放棄吧”。
IMDb
https://www.imdb.com/404
特別酷!IMDb也有404。他們加入了對著名電影的標題性引入,通過箭頭引導用戶瀏覽下一個頁面,而不是看到404直接點了頁面右上角。
Matteo Vandelli
https://matteovandelli.com/404
意大利平面設計師Matteo Vandelli個人網站的404頁面與用戶也是有互動的。把鼠標指針移動到404藍字,向不同方向滑動的時候,這仨字就像水一樣竟然產生了漣漪的效果,很是迷幻。
然后我們再來看幾個雖然不是行業內但是創意讓人眼前一亮的404。
Gymbox
https://gymbox.com/404
Gymbox是倫敦的一家健身公司,品牌核心是要提供“全倫敦最獨特、最多樣化的健身課程”。他們網站404頁面出現的是那種很80年代畫風,這樣的健身場景有點意味深長,自己試著體會下?
Purée Maison
https://pureemaison.com/404/
Purée Maison是法國一家專注于提供傳播/交流策略的創意機構,他們的404頁面是由一個角色小動畫引出來的,在數字世界里四處碰壁就是找不到信息的方向,像不像是瀏覽到404頁面的你呢?
Blue Path
https://path.blue/404/
位于亞特蘭大的數據戰略咨詢公司BluePath的404網站報錯頁面也很幽默,左邊是亞特蘭大地圖,右邊就是和組織失去聯絡的你。他們在右半部分還開了一個玩笑,“如果說,不是我們的客戶也是一種罪的話,那你簡直是罪大惡極”(就大概是這類意思的吧)。個人覺得一點兒都不好笑,那就不再過多解釋了。
The Useless Web Index
https://www.theuselesswebindex.com/error/
不知道大家有沒有聽說過“無用網站”,它專門收集一些沒什么用、沒什么意義,但是卻很好玩的內容,建成了一個內容涉及全世界的龐大數據庫。即便是這樣,它也不可能提供所有你想要的東西,就像這群呆萌狐獴,遠遠望著蒼茫戈壁,嗅嗅遠處出來的風,卻不知該如何是好。你看那凝視的狐獴,像你不?
Figma
https://www.figma.com/404/
Figma是一款基于瀏覽器的協作式UI界面設計軟件,完美支持多人寫作功能。2017年使用排名僅次于Adobe家的Photoshop、Illustrator和XD之后。雖然我們平時對于定位點和貝塞爾曲線什么的已經很熟悉了,但看到這個404頁面還是能玩上半天。
Airbnb
https://www.airbnb.com/404
Airbnb家的報錯頁面是很可愛了,小姑娘手中的冰淇淋掉到了地上,情不自禁地喊了一聲“Oops!”,非常符合他們簡單友好的品牌形象。只不過在現實生活中,要是好大一坨冰淇淋掉地上…怕是沒有這么簡單了…
Hot Dot Production
http://hotdot.pro/en/404/
Hot Dot Production(一眼看成了Hot Pot,阿門)的404頁面,很好的詮釋了他們“設計與技術相結合”的品牌思路,三個數字由數百個小紅點組成,移動鼠標指針就可以改變其方向和角度,應該也是屬于“無聊可以玩半天”系列的那種。
Kualo
https://www.kualo.co.uk/404
有著15年經營歷史的虛擬主機公司Kualo,他們的404頁面是一個以Kualo為主題的太空入侵者游戲。用戶通過左右鍵移動畫面下方的發射器,敲空格發射炮彈來消滅入侵者。游戲不是重點哦,看到右下角的計分顯示沒?如果用戶得分超過1000分,就可以享受他們服務折扣價。
Pointe Pest Control
https://pointepest.com/404
既然提到了Kualo的游戲,那就再提一下美國害蟲防治公司Pointe Pest Control 的404,包含了一款殺蟲劑消滅小蜘蛛小爬蟲的游戲,叫做Pest Invaders。鏈接都給你了,來試一把鴨。
為了吸引用戶,給大家創造更好的瀏覽體驗,創意設計者可謂“無所不用其極”,連404都不放過。正是這樣的互動形式,才加深了與用戶的交流,塑造了更接地氣的品牌形象,也告訴我們其實創意可以無處不在。所以大家還見過那些很好玩的404報錯頁面呢?
多剛接觸網站的朋友,經常會討論404頁面是什么?簡單來說,404頁面簡單點來說,就是當有人訪問了你的網站,輸入的訪問地址,而在你網站中這個地址不存在,系統自動反饋出的結果頁面。
這個結果頁面,經常性的是系統自帶的頁面,提示404 not found。
這也就是404頁面與404 not found之間的關系。
當然站長朋友們,也可以自己制作404頁面,進而提升用戶體驗,虛擬主機可以在網站控制面板中設置,如果是vps可以直接在iis下面設置。
合理的利用404頁面,在網站seo優化中也起到了一定作用。
一、導致404頁面錯誤的原因:
1、無法在所請求的端口上訪問Web站點。
2、Web服務擴展鎖定策略阻止本請求。
3、MIME映射策略阻止本請求。
4、網站更新改版,但某些局部板塊沿用原來的模塊,而原有的模塊調用的文件已經被刪除或轉移了路徑。
5、跟蹤訪問的各類腳碼或CSS文件無效但調用代碼依然存在。
6、某個目錄直接刪除(導致一段時間該目錄的文件在被爬行時全部報404 Not Found錯誤)
7、網頁URL生成規則改變、網頁文件更名或移動位置、導入鏈接拼寫錯誤等,導致原來的URL地址無法訪問
二、解決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。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。