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

发布时间 : 2019/12/10 来源 :引擎力 作者 :引擎力 浏览量 : 1323

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

 

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

成功之处:

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

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


怎么做:

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

l “找不到网页。”

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

l “哎呀!出错了。”

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


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

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

成功之处:

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


怎么做:

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

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

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

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

Luke确实很可怜。


3. List25 –最佳404页

 List25 –最佳404页


成功之处:

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

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

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


怎么做:

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

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

l 网址输入错误

l 复制和粘贴错误

l 失效链接

l 截断链接

l 内容被移动

l 内容被删除

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


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

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

成功之处:

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

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

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


怎么做:

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

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


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

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

成功之处:

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

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


怎么做:

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

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

l 菜单导航

l 返回主页的链接

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

l 搜索框

l 热门文章链接

l 热门产品链接


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

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

成功之处:

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

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


怎么做:

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

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

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


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

 Path–超简单404页面设计

成功之处:

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

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


怎么做:

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

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


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

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

成功之处:

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

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


怎么做:

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

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


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

 Everipedia – 404错误消息文本示例

成功之处:

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


怎么做:

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

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


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

 Heyzap –最佳互动404页面示例

成功之处:

谁不喜欢玩游戏?

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


怎么做:

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

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


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

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


成功之处:

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

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

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


怎么做:

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

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

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


两步流程如下所示:

 OptinMonster –带引导磁铁的404页示例-2


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


奖励部分:Exit-Intent(退出意图)

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

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

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

(这是使用OptinMonster的Canvas主题创建的。)

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

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

奖励部分:Exit-Intent(退出意图)


声明:本平台发布的内容(图片、视频和文字)以原创、转载和分享网络内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。
标签:
分享到:
免费为外贸企业量身定制海外效果营销整合方案
免费为外贸企业量身定制海外效果营销整合方案
已为131230家外贸企业量身定制海外营销方案
*全方位了解您的需求,定制您的海外营销方案
感谢您的留言!
引擎力将有营销专家与您电话联系,确认您的具体需求。
外贸营销就找引擎力
纯手工操作,定制您的海外营销
  •  英语专8营销官为您服务 英语专8营销官为您服务
  •  120位技术开发人员团队 120位技术开发人员团队
  •  12年外贸营销实战经验 12年外贸营销实战经验
  •  	200家上市公司、国企的选择 200家上市公司、国企的选择
3秒钟后将自动返回页面