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向他们提供优惠券或折扣代码。
[db:seo描述]
Wbsem