11个精彩的404页面：将失去的访客变成忠实的客户

1. 乐高——友好“找不到网页”错误页面示例

成功之处：

Lego的404页不仅是100％包含了品牌信息，而且有趣且易于理解。 它没有使用技术用语，也没有提到某些人可能不理解的“ 404错误”。

您的访客唯一需要知道的是他们没有找到他们想要的页面。 他们并不在乎为什么， 他们只是想要一个解决方案。

怎么做：

首先，用正常人们的交流语言代替科技术语。不要使用默认的404信息，而是使用人们能够理解的短语，例如：

l “找不到网页。”

l “很抱歉，我们找不到您想要的页面。”

l “哎呀！出错了。”

l “哦，天哪，这个链接坏了。”

2. 英国电子邮件中心–交互式404页面示例

成功之处：

英国电子邮件中心使用一个分为两部分的404页面，并承担了所有的责任，这为访问者提供了一种有趣的方式来解决他们的404问题。

怎么做：

不要将错误归咎于访客。 相反，要道歉。

如果你在解释哪里出错了，不要使用绝对词。相反，使用“might have”或“possibly”这样的单词和短语。这种措辞不太可能让访问者觉得这个错误是他们造成的。

您也可以做电子邮件中心英国所做的事情，让用户“解雇”其中一名开发人员。

Luke确实很可怜。

3. List25 –最佳404页

成功之处：

List25的此404错误页面非常出色，并且它也不会影响品牌形象。

用户体验设计的最佳实践是解释在传递错误消息时出错的原因。 List25给出了25种解释。

他们在顶部有一个搜索栏，因此访客不必一直滚动浏览整个列表。但是我们可以肯定，大多数List25访客都会去这么做。

怎么做：

大多数网站都不会像List25那样有解释列表，但绝对要花点时间解释出了什么问题。

以下列出了404错误的可能出现的原因：

l 网址输入错误

l 复制和粘贴错误

l 失效链接

l 截断链接

l 内容被移动

l 内容被删除

如果你想加入一些与你的品牌有关的有趣的元素，那就去做吧！

4. Brett Terpstra –简单的404页面设计示例

成功之处：

404错误页面最令人讨厌的事情之一是，它可能意味着进入了死胡同。 如果页面设计不当，您可能最终无处可去。

Brett Terpstra的404页面提供了一系列帖子，其中包含了与您尝试访问的链接相关的关键词。这些帖子都是可链接的，这样浏览起来既方便又快捷。

这个页面并不华丽，但是非常有用。

怎么做：

您可以使用Google的自定义搜索API从您的网站中获得最佳匹配内容，以显示在404页上。 这样可以快速为访问者提供了其页面丢失问题的解决方案。

这需要访问Google的开发者控制台，并且不适合胆小的人。 Smashing Magazine网站上有很棒的教程，可以帮助您入门。

5. Steve Madden -含产品的404页面示例

成功之处：

史蒂夫·马登（Steve Madden）的404页为失去页面的访客提供了更多选择。搜索框是404错误页面的重要补充。它提供了几种不同的获取帮助的方式，可让访问者知道他们正在倾听。

这些页面还包含指向其他流行产品的链接，以分散访问者的注意力，让他们摆脱这种糟糕的体验。非常狡猾但也很有效。

怎么做：

通过404错误页面的文本内容和设计帮助那些失去页面的访客。以下一些想法可以鼓励访问者继续浏览和搜索，从而延长他们在您网站上的浏览时间。

404页面设计中应包括的一些内容：

l 菜单导航

l 返回主页的链接

l 指向您的站点地图的链接

l 搜索框

l 热门文章链接

l 热门产品链接

6. 9gag –带号召性用语的404页面示例

成功之处：

9gag的404页有一个目的：让您下载他们的应用。 他们甚至不假装想要其他东西。

添加一整个页面的特拉沃尔塔的《低俗小说》的流行的gif动画也十分有趣！

怎么做：

简洁是关键。当然，我们只是提供一些方法让访问者继续浏览您的网站，但是不要让他们有太多选择。

理想情况下，您应该坚持一至两个号召性用语。 您不希望访问者犹豫太久并被吓退，从而逃离您的网站。

草地总是会有更绿的，对吧？ 如果您给访客提供太多选择，他们最终可能会后悔自己的选择，并为此而怨恨您。

7. Path–超简单404页面设计

成功之处：

Path的404页面简单明了。他们不希望有断链和丢失的页面，因此他们提供了让访问者联系Path支持人员进行报告的选项。

请注意，Path还包含一个导航页脚，以防访客不想报告问题而宁愿四处浏览。这给了访问者权力，并有助于减轻他们的沮丧感。

怎么做：

这样做的目的是使访问者有机会报告问题。

您可以通过几种方式来执行此操作。 您可以像Path一样简单，涵盖联系支持人员的选项。另一种选择是使用反馈表。

8. IMDB –有趣且涵盖品牌的404页面示例

成功之处：

还记得这篇文章开头糟糕的默认404错误页面吗？陌生感会让访客感到不适应。IMDB通过在404页上向访客显示电影名言来消除这种情况。

这里的品牌效应很微妙。没有电影海报，没有吸引访客注意力的预告片。IMDB只是提供了电影名言，网站首页的链接以及所引用电影的链接。

怎么做：

在设计404错误页面时，一定要保持对品牌的熟悉度。

与其让您的用户迷失方向，不如让他们体验他们所知道的相同品牌。

9．Everipedia – 404错误消息文本示例

成功之处：

Everipedia的404页面满足了访问者对在线百科全书的所有要求。这提醒了游客为什么他们喜欢这个网站，并让他们日后能够继续访问这个网站。

怎么做：

TED演讲者和营销人员Renny Gleeson谈到404错误页面时说过，“一个简单的错误页面能告诉我这个页面并不是我当前要访问的页面。或者提醒我为什么喜欢你。”

使用你的404页面来提醒访客他们为什么爱你。你的独特价值主张是什么?你和你的竞争对手有什么不同?

10.  Heyzap –最佳互动404页面示例

成功之处：

谁不喜欢玩游戏？

Heyzap的404页添加了一个互动元素，该元素将使访问者在该网站上参与并保持长时间互动。 甚至也许这些互动足以抵消他们最初登陆错误页面的挫败感！

怎么做：

你不需要开发一款游戏，但是可以考虑在你的页面上添加一个互动元素。

添加互动元素可以使您的网站访问者在404错误页面上做一些别的事情。 这增加了页面停留时间并降低了跳出率，同时对于使网站保持在Google搜索结果中也很重要。

11.  OptinMonster –带引导磁铁的404页示例

成功之处：

OptinMonster的404页面包含一个超级酷的引导磁铁。另外，它涵盖了一个相当天才的想法，那就是提供一个下载程序告诉大家如何从错误页面转换遗弃的访客。

我们不希望人们认为他们的时间浪费在我们的网站上。从404页面提供市场营销课程仍然可以为访客提供大量信息。

当然，我们有一些偏见，但我们在营销这方面也很擅长。这种转变非常有效。

怎么做：

通过在404错误页面添加一个MonsterLink来提供你自己的引导磁铁。

MonsterLinks是OptinMonster的出色功能之一，它允许你将任何链接、按钮或图像转换成一个两步optin处理过程。

它需要用户通过在显示optin表单之前首先单击链接来启动该过程。

两步流程如下所示：

事实证明，这些类型的选项可将转化率提高高达785％！ 单击此处开始OptinMonster，然后按照本教程进行操作，即可将Monster Link添加到您的404错误页面。

奖励部分：Exit-Intent（退出意图）

我们很少见到在404页上使用Exit-Intent退出意图技术。 退出意图有助于降低跳出率，易于设置，并且每次都能提高转化率。

Exit-Intent（退出意图）的工作原理是检测用户何时将放弃您的404错误页面，然后在此时显示弹出窗口。 这样可以防止您失去超过70％离开您网站并永不返回的访问者。

这是当用户即将从404错误页面退回时显示的弹出窗口的示例。

（这是使用OptinMonster的Canvas主题创建的。）

该弹出窗口是用户的欢迎站点，因为它可以帮助他们找到所需的内容。 作为网站所有者，它为您创造了奇迹，因为它给了他们最后一次继续浏览您的网站的机会。

当访问者将要离开404页面时，您还可以使用exit-intent向他们提供优惠券或折扣代码。