引子

404本来是一种计算机网络术语，不过慢慢的，演变成了一种文化现象……

什么是404？

在中国大陆，404仿佛是受到屏蔽网站的“代名词”，但其实真正被屏蔽的网站是无法返回HTTP状态码的。而是出现下面这样的页面。

真正意义上的404指HTTP 404或者“Not Found”消息，这是HTTP一种状态码，HTTP状态码非常多，404是最出名的一个，也是用户最常见的一种，表示客户端浏览网页时，服务器无法正常提供消息，或者服务器由于不明原因无法回应。造成这种结果通常是用户访问的对应网页不存在。
404对于搜索引擎去除死链接有帮助，这也提醒着我们网站维护人谨慎操作，例如不要轻易更改URL格式。

常见的情况有哪些？

网址输入错误
搜索引擎收录地址过期
其他损坏的链接地址

404应该包含什幺元素？

404页面承载着这样几个任务：在表明状态码同时，使得页面更加友好，提供站点标识，站点地图，还可以增加有趣的小部件等。

如何优化？

要讲清楚。404页面向群体包含运维人员和用户，我们首要任务当然是明确写清服务器返回了HTTP状态码404。
分清重点。无论如何，普通用户还是看到这个页面的主要人群，枯燥的术语对于他们而言是没有太大用处的。因此页面的中心应该放在跳转导流。
功能齐全。站点地图或者跳转主页是有必要的，同时一个搜索框也能够方便用户快速重新检索自己想要的内容。
更加友好。让我们的404提示更加通俗易懂，例如添加上一段文字“这个页面暂时去了火星，我们正在寻找它”，使用更多类似于“可能”，“暂时”的模糊的词语等等来表达。这意味着更加注重人文关怀，将枯燥变得有趣，在产品高度趋同同质化的今天，注重与用户的内心交互成为脱颖而出的宝贵品质和差异化竞争的新战场。对于很多“小白”来说，看到密密麻麻的错误码是崩溃的，是挫败的，我们要做的就是消除这种负面的，不愉快的信息，减轻用户的心理压力。
加分项：体现企业和品牌价值观。例如腾讯巧妙地利用的404页面放上了寻人启事，把404做成一次公益，传递社会责任。

优秀的404页面大赏

腾讯404

访问 https://www.qq.com/404/ 了解更多

Twitter的宕机鲸鱼(Fail Whale)

这个页面主题元素由一位华人设计师创作而来，被Twitter买下作为宕机页，曾引起一波风潮。可爱幽默的画面让用户摆脱了没能正确访问的不悦，可以说非常的成功。后来Google也模仿了这一页面。

现在的样式如上图，包含了最基本的元素，Logo，主页链接，提示信息，搜索框等，一应俱全，简单明了。同时作为一个全球人都在用的社交网站，还有快速语言选择。

谷歌

网易新闻

“0”变成了一个类似于地鼠的小精灵，头上是一个信号塔，在上下来回跳动，仿佛在努力的搜索信号。

Facebook

主图像是一个包扎后的经典“点赞”图标，意味着“残缺”。

谷歌酷容浏览器的小恐龙（Chrome Dino）

这个小游戏可谓是程序员的小浪漫了，其萌萌的造型吸粉无数。
你可以在谷歌浏览器地址栏输入 chrome://dino 直接全屏玩这个游戏。

淘宝网

作为信息密集非常高的网站，淘宝自然不放过任何一个能打广告（zhuanqian）的地方，页面中充满了各种跳转链接导航，下面还有推荐购物。
当然这个漫画也昭示着网站姓“马”，可爱喜庆的风格还是很走心的。

迪士尼（Disney）

Pokemon精灵宝可梦

特色当然是采用了“鸭神”可达鸭的图片，可达鸭什么都不知道的傻乎乎的性格仿佛正在向用户卖萌。

IMDb

巧妙的把电影台词放在了404页面。

知乎

非常契合知乎的网站主题，两个问号，简洁有力。
“返回上页”非常有用。

GitHub

GitHub采用了一个动态效果，移动鼠标会改变视角。

新浪微博

发现了第二个做了返回上一页的404页面。画风也是非常诙谐幽默。

Bilibili哔哩哔哩动画

浓浓的二次元味道，上面说清楚了问题过程，方便程序员调试，下面还会有Bilibili文化相关漫画，给用户解闷。

优酷

优酷卖了个萌，将服务器拟物化。

美团外卖

用自己的主题形象袋鼠代表着送餐员，以“迷路了”代替404字样。

饿了么

其他

这里是用了谐音梗。
塞尔达传说主角名字英文就叫Link（林克），画面中就是一个Game Over的Link，即“A DEAD LINK”。

超级马力欧。

红白机小蜜蜂。

有没有回到Old Days的感觉呢。

TVB台词风。

后记

WP森林

这个404页是我写这篇文章的启发点。
这个网站估计是关停了，只留下这这么一页陶渊明的《桃花源记》。通读全文，意境之高，妙不可言——古人的智慧和这里的情景竟然如此契合：原来这里的确有很多美好的人和事物，日子过得不错，也有从外面到访的人，后来这个人告诉了其他人，但是却找不到了，永远都找不到了，最终无人问津。全文意境深远，充满了对以往的美好回忆，对未来的一丝悲凉，可谓是越读越妙。不过这样的404页还是略显隐晦了些，但是读懂的话感觉印象会非常深刻。