20個最好的404錯誤頁面

網站開發人員可以選擇為他們的網站創建自己的404 Not Found錯誤頁面,這是許多人已經完成的事情,但少數人做得很好。

無法找到您請求的資源時,大多數網站上都會顯示錯誤頁面,無論是否為自定義頁面。 沒有404錯誤頁面的網站可能只是將請求重定向到網站的主頁。

這裡有20個我們見過的最好的404錯誤頁面:

注意: 404是HTTP狀態碼,Not Found是HTTP原因短語,它們一起構成HTTP狀態行 。 有關您可能在Web瀏覽器中看到的其他代碼,請參閱HTTP狀態代碼

01 20

Jackrabbit Design的Monster Rabbit 404錯誤頁面

Jackrabbit Design的Monster Rabbit 404錯誤頁面。

Jackrabbit Design是一家位於馬薩諸塞州波士頓的品牌設計公司。 他們使用這個名為“交互式”的怪物兔子404錯誤頁面。

https://www.jumpingjackrabbit.com/404page

幸運的是,儘管你迷失在樹林中,那是一隻巨大的兔子,你會得到明確的回家路線。

02之20

Nouveller的侏羅紀公園404錯誤頁面

Nouveller的侏羅紀公園404錯誤頁面。

請記住那個來自侏羅紀公園的場景,當時韋恩奈特扮演的丹尼斯·奈德用一小瓶冷凍的恐龍胚胎跑了出去,並把他的黑客電腦留下來破壞各種破壞?

感謝Nouveller的互動性和極富創造性的404錯誤頁面,您將體驗到與Samuel L. Jackson飾演的Ray Arnold在電影中一樣的沮喪感。

http://nouveller.com/404

你能進去嗎? 歡迎您嘗試訪問安全性訪問安全網格訪問主要安全網格 ,但這些都不是。 啊,啊,你沒有說這個魔法字!

Nouveller是由英國布里斯托爾Benjamin Reid經營的網頁設計公司。

03 20

NPR的失落故事404錯誤頁面

NPR的失落故事404錯誤頁面。

NPR的404:頁面未發現登陸必須是更具創造性的之一,提供關於“失去的人,地點和仍然沒有出現的事情”的真實故事。

https://www.npr.org/404page

所以,雖然你可能沒有登上你所追求的故事,但至少你可以通過閱讀失去的亞特蘭蒂斯城,甚至沃爾多的阿米莉亞埃爾哈特,分享你迷失的感受。

艾拉玻璃真的應該做一個關於失物的美國人生活節目。 哦,等等,他做到了。

04之20

Audiko的藝術404錯誤頁面

Audiko的藝術404錯誤頁面。

Audiko,一個可以讓你下載免費鈴聲的網站,有一個我看過的更加藝術化的404錯誤頁面。

http://audiko.net/404

有數十個不同的404和失去了主題的圖像。 每次看到它,我都會看到我上次錯過的一些事情。

05 20

CSS-Tricks的互聯網404錯誤頁面

CSS-Tricks的互聯網404錯誤頁面。

CSS-Tricks使用的404錯誤頁面必須是我見過的更聰明的頁面之一。 只是要小心,否則你會通過互聯網的結構撕裂一個洞!

https://css-tricks.com/notapage

他們的404:Not Found登陸頁不僅視覺上很吸引人(它看起來像是真正的眼淚,不是嗎?),但它也完全符合該網站的重點。

如果尚不清楚,CSS-Tricks是一個旨在教授CSS網頁設計技巧的網站。

06年20月

樂高的Unplugged 404錯誤頁面

樂高的Unplugged 404錯誤頁面。

正如您可能期望的那樣,樂高網站巧妙地在其404錯誤著陸頁中使用了樂高字符。

https://www.lego.com/404

我不確定樂高的這個人是否打破了你和有意識之後的頁面之間的路徑,或者他是在找到這種方式之後才感到震驚!

07的20

GOG.com的通用404錯誤頁面

GOG.com的通用404錯誤頁面。

GOG.com的“404 Not Found”頁面很樂意說明現在存在的隱喻空虛,而不是您希望找到的頁面。

https://www.gog.com/440page

我想現在我們知道當你在互聯網上挖洞時會發生什麼。

GOG.com是一個遊戲和電影發行平台。

08 20

GitHub的星球大戰404錯誤頁面

GitHub的星球大戰404錯誤頁面。

GitHub的404錯誤是星球大戰明顯的帽子提示。 它也是互動的 - 移動鼠標以獲得有趣的效果。

https://github.com/404

這看起來像是在Tatooine上的Jawa,對吧?

GitHub是一個軟件開發網站。

09年20月

Orangecoat的流程圖404錯誤頁面

Orangecoat的流程圖404錯誤頁面。

OrangeCoat的404錯誤頁面很容易找到最有用的列表,這是肯定的。

https://www.orangecoat.com/lost

只需回答流程圖中的簡單的是/否問題,您就一定會從這個通常不愉快的錯誤頁面中開心。

OrangeCoat是一家位於南卡羅來納州格林維爾的網頁設計公司。

10 20

暴雪娛樂的破損404錯誤頁面

暴雪娛樂的破損404錯誤頁面。

你在暴雪娛樂公司得到的404錯誤做得非常好,菜單上掛著的是生命,甚至是“碎玻璃”。

http://us.blizzard.com/en-us/404

我最喜歡的部分? 勉強連接的菜單實際上工作!

暴雪娛樂公司是一家總部位於加州爾灣的視頻遊戲開發和出版公司。

11 20

Limpfish的個人廣告404錯誤頁面

Limpfish的個人廣告404錯誤頁面。

Limpfish.com的404錯誤頁面是對經典個人廣告的創意拍攝。 拼命尋找HTML是對的!

http://www.limpfish.com/404

Limpfish.com是David Barton的個人網站。

12 20

紐約人失落鼠404錯誤頁面

紐約人失落鼠404錯誤頁面。

紐約客是世界上最受歡迎的雜誌之一,擁有404頁可愛的頁面。

https://www.newyorker.com/404page

我不了解你,但是這模仿了我看到404錯誤時的感受。

13 20

好狗設計的失落的狗404錯誤頁面

好狗設計的失落的狗404錯誤頁面。

很容易看到這個網站/應用程序設計公司稱為Good Dog Design的人的聰明才智。

這不僅僅是因為他們的“好狗”這個名字是指為了更好地服務於他們的客戶而教授新的技巧,而且還與他們看過這條狗嗎? 404錯誤頁面傳單。

https://gooddogdesign.com/page-not-found

這個404錯誤頁面的想法並不是你在他們的網站上迷失了方向,而是你偶然發現了一隻丟失了狗的傳單。 用它來找到狗,並將它歸還(和你)回家。

14 20

比特的死魚404錯誤頁面

比特的死魚404錯誤頁面。

Bitly功能的404 Not Found登陸頁面...一條死魚。 至少我認為這是一條魚。 我不確定在想到失踪的網頁時會去死魚 ,但是對於他自己的網頁。

http://bitly.com/problempage

將鼠標移動到水面附近以獲得一些效果。 不過,我還沒有想出如何恢復可憐的魚。

Bitly是一個URL縮短服務。

15 20

Homestar亞軍的你是愚蠢的404錯誤頁面

Homestar亞軍的你是愚蠢的404錯誤頁面。

無禮? 是。 聰明? 也是。

http://homestarrunner.com/404

當你登陸一個網站時,有很多原因會導致404錯誤,是的,其中一個原因是......呃......你搞砸了。

我永遠不會說“......你很愚蠢”,但肯定的是,我們得到了這個笑話。

Homestar亞軍是一個網絡動畫系列。

20 20

馬格恩維恩圖404錯誤頁面

馬格恩維恩圖404錯誤頁面。

Magnt的404著陸頁試圖用維恩圖解釋404錯誤。

http://www.magnt.com/404/

但從技術上講,你會得到一個404錯誤,因為一個網站破壞了一些東西, 或者你無法輸入,這意味著404頁面應該有自己的圓圈,並且與其他每個圓圈都有交集。 但我離題了...

Magnt是一個預先包裝的網站服務。

20 20

不是一個利基的笑話404錯誤頁面

不是一個利基的笑話404錯誤頁面。

不是一個利基的錯誤404頁面,他們稱之為一個冒險! 找不到網頁! 錯誤,具有很長的一系列基於圖像的笑話,您可以通過刷新頁面來循環瀏覽。

http://notaniche.com/404

所以,當你沒有找到你想要的東西時,至少你可以對此有點笑。

不是一個利基是亞歷山大弗里森的個人網站。

18 20

MailChimp的冷凍猴子404錯誤頁面

MailChimp的冷凍猴子404錯誤頁面。

我不會開始猜測為什麼一個冷凍猴子(我認為這是他們公司的吉祥物)最能代表404錯誤,但我不能分享這個錯誤。

https://mailchimp.com/404/

該頁面說: 這不是你正在尋找的東西。 哇 - 別開玩笑!

MailChimp是一個電子郵件時事通訊服務。

19 20

蒸餾的Bab 404 404錯誤頁面

蒸餾的Bab 404 404錯誤頁面。

一些404錯誤頁面實際上很有幫助,但起初看起來似乎不是這樣。

https://www.distilled.net/404/

這個在線營銷機構的404頁麵包含兩個使用日期語言來描述你已經失去的人,並且解釋在一個有趣的來回中做什麼。

20 20

Meineke的破車404錯誤頁面

Meineke的破車404錯誤頁面。

放置破車的地方比破損的地方更好!

https://www.meineke.com/wrongpage/

Meineke的404錯誤頁面顯示一名男子正在推倒一輛破損的車輛,考慮到Meineke擁有汽車修理服務,這完全相關。

雖然這個錯誤頁面可能不會幫助您找到您要查找的信息,但它可以指示您邁尼克汽車保養中心的方向。