在WordStream,我们优秀的网站开发者最近重新设计了404错误页面。这看起来很傻——为什么要花时间在一个我们不想让人们去的页面上呢?但是我们都很高兴看到这个更新。它是有趣的,并有效地将丢失的客户重定向到我们的主页或搜索栏。
什么是404错误页面?
先做重要的事。当用户试图跟踪一个失效、损坏或不存在的链接时,会出现404或Not Found错误。站点提供的不是用户想要的页面,而是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还提供了一个搜索网站或登录的简单地点。
2. The Onion
在经典的Onion风格中,这个404页面为你如何迷路提供了一个讽刺/讽刺的解释,以及搜索栏导航。
3. Slack
Slack的一些开发人员在这个页面上玩得很开心!动画通过它们“奇怪的地方”移动,在不同的空间显示猪和鸡,同时显示顶部和底部的导航栏。
4. Yelp
如果你像我一样喜欢冷笑话,你会喜欢Yelp的错误页面,上面写着达尔文警探。根据最佳实践,任何Yelper都可以通过主屏幕或底部导航轻松地导航离开这个页面。
5. Hootsuite
我特别喜欢Hootsuite的错误页面,因为它的错误非常容易引起共鸣,“也许你在这里是因为:你在找你的小狗,然后迷路了。”谁都有这种事。
6. Spotify
Spotify在这个页面上展示了该品牌的一些个性,同时提供了通往上一页、主页和帮助页的链接。
7. Weemss
虽然拉里喜欢把小马变成独角兽,但当你点击他们的错误页面时,weemss采取了不同的方法,把小马变成僵尸!更棒的是,他们会通过注册或登录他们的软件来帮助你拯救一匹小马。
8. UpWorthy
值得去UpWorthy的错误页面看看这个页面上的视频。虽然UpWorthy没有典型的搜索栏或导航,但它提供了一些点击诱饵——这可能就是你登陆网站的方式。
9. WordStream
把最好的留到最后!我们的网站开发者最近重新设计了这个可爱的页面——我们正在为鱼取名字。
你最喜欢的404错误页面是哪一个呢?