不要让用户“崩溃”，看看“脑洞”大开的404错误页面设计

数字营销行业飞速发展，营销人员越来越注意网站的规划和布局，通过打造最具吸引力的网站页面来吸引、转化用户。

然而，404错误页面（404 error page）却经常被忽略，相信你也体会过看到白底黑字的“错误404，找不到网页”时的沮丧感。当网站无法提供有效指引时，这种沮丧感就更强烈。如果你的公司的404页面也是这样子的，可能已经无形中给顾客留下了不好的印象。

许多品牌和企业都忽视了404错误页面的作用，这对他们来说，将会是一个巨大的损失。

404错误是一种标准响应码，它表明用户可以正常访问服务器，但服务器无法找到用户请求的网页，即原始网页URL失效。

如何避免用户打开失效链接？

如果用户无法访问你的网站，谷歌会认为你无法为用户提供良好的客户体验，这将导致你的网站排名、流量和转化率下降。为防止此类情况的发生，你需要时时进行网站维护和更新，投资优质服务器，确保用户能够轻松访问你的页面。

此外，你可以使用以下工具检查失效链接：

1、Xenu Link Sleuth 死链接检测工具

2、Screaming Frog SEO Spider

3、W3C Link Checker

去除所有失效链接并不意味着你可以忽视404错误页面。因为网络用户偶尔会出现点击错误，或输入错误等问题，这时，404错误页面就是你与客户进行沟通交流的工具。

而精美的404错误页面将大大减轻客户无法打开网页的失落感，甚至改变用户对你品牌的看法。

下面为你推荐几个制作精美的404错误页面设计，希望能为你的页面设计找到灵感。

1、Emailcenter UK Ltd

Emailcenter UK Limited，英国著名的电子邮件营销平台。当你丢失目标页面时，心里多少回会有怒火。

Emailcenter UK Limited专门在其404页面为消费者提供了一个解气小游戏，将网页开发人员照片放置在该页面，让顾客决定由谁为这个错误负责，选择他们想要“解雇”的工作人员，无形中就消除了顾客的不愉快。

2、Smashing Magazine

Smashing Magazine，专业网页设计师和开发人员的在线杂志。

通常，多数会注意到404错误页面的网站都会在该页面添加各种华丽的图片，但Smashing Magazine采用了不同的方式，以文本内容为主，并且格式与标准文章相同，内容不会影响网页的整体布局。

在Smashing Magazine文本内容中，幽默地将服务器比喻为作者，而这位作者正在创建一个名为《我们找不得到你的页面！404错误》的文章。

3、Klaus

Klaus，丹麦网站开发人员，他设计的404错误页面给人们带来了“穿越”的视觉冲击，有一种回到了使用Commodore64的时代的既视感。

Commodore64是由CommodoreInternational公司于1982年8月发行的8位家用电脑，被吉尼斯世界纪录列为世界上销量最高的单片机(1500万销量)。

4、Roman Braiser

法国里尔的一名开发人员Roman Braiser在404页面中添加了一个拯救小旅鼠的小游戏。

不幸进入该页面的用户，可以点击页面里的链接按钮，为落下来小旅鼠提供降落伞，直到最后一只小旅鼠落地游戏结束，会跳出一个感谢页面，能为本来沮丧的用户带来乐趣和成就感。

当然，用户也可以不玩游戏直接回到主页。

5、Cirque du Soleil

Cirque du Soleil在他们的404页面上展示了一幅梦幻般的画面，来驱散访客无法到达目标页面的失望感。

页面中有这么一句话，“有时候，在找到自己想要的东西，注定要迷失，”这句话不仅引起了用户的共鸣，还激起了他们浏览Cirque du Soleil页面的兴趣。

此外，页面上还有页眉和页脚菜单，可以将用户引导到网站的主页面。

6、IMDB（互联网电影数据库克）

Internet Movie Database的404页面则是非常应景，展示了许多著名电影的经典台词，包括有《头天情缘》“Eternal Sunshine of the Spotless Mind”（1993年）、《谋杀绿脚趾》“The Big Lebowski”（1998）、《回到未来》“Back to the Future”（1985）、《黑客帝国》“The Matrix”（1999）、《美丽心灵的永恒阳光》“Eternal Sunshine of the Spotless Mind”（2004年）等电影。

此外，该页面还提供链接，将访客引导到网站主页。

7、9gag

用户能在9gag网站上传并分享“自创”的图像与影片。

该公司的404页面设计完全符合他们的整体风格，因为只要用户在9gag上搜索不到照片时，就会出现JohnTravolta的照片，而404页面也一样。更令人赞叹的是，9gag还在其404页面提供该应用程序下载链接！不得不说，相当聪明。

8、Embrace Pet Insurance

Embrace宠物保险公司，用他们的方式缓解了404页面的尴尬，他们表示丢失的页面是被狗狗们“吃了”，毕竟谁也不会跟宠物计较。

Embrace时常更换该页面的宠物图片，让人萌化的狗狗定会让你的坏心情烟消云散。

9、CSS-Tricks

CSS-Tricks是一个关于运用CSS技术进行网络开发和设计的小技巧交流网站。

CSS-Tricks的404页面像一张被挖开了一个洞的白纸，白纸上的内容让人有点难以理解，但其实CSS-Tricks通过那个洞里的“暗语”为用户提供了目标链接，非常符合CSS-Tricks的专业性。

10、Elative

位于帕洛阿尔托的创意公司Elative为他们的404页面创建了一个加密标题，标题下面是一个宇航员形象的小人，因宇宙飞船毁坏滞留在了别的地方，在他的头上有一个建议返回基地的小标，指引用户回到主页面。