敲黑板!9个经典404错误页面案例展示

在WordStream,我们优秀的网站开发者最近重新设计了404错误页面。这看起来很傻——为什么要花时间在一个我们不想让人们去的页面上呢?但是我们都很高兴看到这个更新。它是有趣的,并有效地将丢失的客户重定向到我们的主页或搜索栏。

什么是404错误页面?

先做重要的事。当用户试图跟踪一个失效、损坏或不存在的链接时,会出现404或Not Found错误。站点提供的不是用户想要的页面,而是404错误页面。

敲黑板!9个经典404错误页面案例展示

敲黑板!9个经典404错误页面案例展示

网站设计者和营销人员开始意识到抓住每个访问者的重要性,即使他们出现在错误的页面上。事实上,特别是当它们出现在错误页面时!你不希望你的访问者因为一个小故障而放弃你的网站,这个小故障可能是你没有(排除无效链接)的错。(https://www.wordstream.com/blog/ws/2010/06/02/how-to-find-and-fix-broken-links)。

一个典型的404错误页面长什么样子呢?

在设计网站的404错误页面时,记住遵循以下最佳做法:

  • 为了重新捕获那些跟随一个死链的访问者,你的404错误页面应该有一个重定向用户到主页的链接。
  • 包括分类链接,搜索栏,或导航栏的奖励点,使他们很容易找到他们需要的东西。
  • 保持与网站其他部分的品牌一致-我们使用我们的“WordStream Blue”颜色。

记住要有魅力!这句适用于社交场合的话也适用于网页。用户最终出现在错误页面真的不是你的错。然而,顾客永远是对的。

下面是一些我们最喜欢的404页面!

1. GitHub

这个错误页面感觉像是3d的;当你在屏幕上移动光标时,看起来像《星球大战》的人也会跟着你移动!GitHub还提供了一个搜索网站或登录的简单地点。

敲黑板!9个经典404错误页面案例展示

 

2. The Onion

在经典的Onion风格中,这个404页面为你如何迷路提供了一个讽刺/讽刺的解释,以及搜索栏导航。

敲黑板!9个经典404错误页面案例展示

 

3. Slack

Slack的一些开发人员在这个页面上玩得很开心!动画通过它们“奇怪的地方”移动,在不同的空间显示猪和鸡,同时显示顶部和底部的导航栏。

敲黑板!9个经典404错误页面案例展示

 

4. Yelp

如果你像我一样喜欢冷笑话,你会喜欢Yelp的错误页面,上面写着达尔文警探。根据最佳实践,任何Yelper都可以通过主屏幕或底部导航轻松地导航离开这个页面。

敲黑板!9个经典404错误页面案例展示

 

5. Hootsuite

我特别喜欢Hootsuite的错误页面,因为它的错误非常容易引起共鸣,“也许你在这里是因为:你在找你的小狗,然后迷路了。”谁都有这种事。

敲黑板!9个经典404错误页面案例展示

 

6. Spotify

Spotify在这个页面上展示了该品牌的一些个性,同时提供了通往上一页、主页和帮助页的链接。

敲黑板!9个经典404错误页面案例展示

 

7. Weemss

虽然拉里喜欢把小马变成独角兽,但当你点击他们的错误页面时,weemss采取了不同的方法,把小马变成僵尸!更棒的是,他们会通过注册或登录他们的软件来帮助你拯救一匹小马。

敲黑板!9个经典404错误页面案例展示

 

敲黑板!9个经典404错误页面案例展示

 

8. UpWorthy

值得去UpWorthy的错误页面看看这个页面上的视频。虽然UpWorthy没有典型的搜索栏或导航,但它提供了一些点击诱饵——这可能就是你登陆网站的方式。

敲黑板!9个经典404错误页面案例展示

 

9. WordStream

把最好的留到最后!我们的网站开发者最近重新设计了这个可爱的页面——我们正在为鱼取名字。

敲黑板!9个经典404错误页面案例展示

 

你最喜欢的404错误页面是哪一个呢?