您不能总是得到想要的东西。这是生活中的确如此,并且在网络上是正确的 - 有时候,您想要的只是没有。

但是,当访问者搜索博客内容,产品页面或电子商务结帐时,什么都没有出现?也许他们复制了一个并不完美的地址。也许您的页面的那一部分是用于维护或更新的内容,或者您​​只是还没有完成网站的那部分。

立即下载:HTML&CSS的免费介绍指南

不管原因,你需要一个拍摄的“no results found” page — one that looks halfway decent, delivers options for visitors to click though and head somewhere else, and ultimately convinces users that stopping by your page wasn’t a waste of time. And don’t just take our word for it: research shows that消费者第一印象的94%与您的网站设计有关。如果您的“未找到结果”页面不提供某物有价值的是,新访客只会将其业务带到其他地方。

因此,让我们潜入:“找不到结果”页面需要什么基本框架?哪些设计元素至关重要?您如何构建一个“不在此处,无所事事”的页面,以说服用户继续浏览您的网站?

不是您要寻找的页面

如果用户找不到他们在您的网站上想要的内容,则不会坚持下去。这称为“跳出率” - 根据谷歌,当用户在您的网站上打开单个页面然后离开而无需单击其他任何内容时,就会发生这种情况。

多个因素影响站点跳出率。例如,如果您的主页内容无法提供上下文和关键信息立即地,用户不会留在页面上。如果您的页面布局使访问者很难找到所需的链接,则不会呆很长时间。而且,如果他们偶然发现了一个“找不到的结果”页面(即使他们负责错误的搜索查询或复制不良链接),他们会反弹。

但这并不是所有的坏消息。bob官网官方网站虽然“找不到结果”页面并不是您访问用户的首选,但正确的设计可以将死胡同变成机会。就是这样。

设计(不是)死胡同

“找不到结果”页面通常看起来像死胡同,但实际上它们是重定向用户兴趣并降低跳出率的机会。尽管未找到的结果的形式会根据您的品牌风格和网站美学而有所不同,但仍有一些基本的设计指南可以帮助用户保持现场现场。

提供出路。

当访问者最终进入您的“未找到结果”页面时,请为他们提供另一种选择。指向其他网站页面的突出链接有所帮助,但最好的选择是前中心搜索栏,可让他们轻松进入新的查询并获得前进的位置。

Make apologies.

始终承担责任,即使不是您的错。诸如“对不起,我们找不到任何东西”或“糟糕 - 我们的终点出了问题”,可以帮助消除用户的挫败感,并使他们更倾向于坚持下去。

暗示相似性。

如果用户最终借助搜索引擎或现场查询来进入您的“未找到结果”页面,请根据所使用的关键字提供类似的页面 - 不会导致死亡的页面。虽然用户可以自己删除或更改关键字并重做搜索,但他们通常不确定哪个术语将其发送给错误的方向。进行繁重的举重,以帮助用户到达前进的位置。

Implement alerts.

在某些情况下,“找不到结果”页面正在短暂。考虑在线拍卖或房地产网站 - 查询可能不会返回一天的结果,而在新物品或房屋可用的情况下,下一篇文章可能会返回多个页面。警报允许用户注册在相关页面可用时通知它们的电子邮件列表并提供双重好处的电子邮件列表:不仅在内容符合其好奇心时用户会回来,而且警报注册为针对和营销活动提供关键的联系信息。

拼出它。

推动您的死胡同结果的最简单方法之一?在特定于网站的咒语检查器中构建。对于具有高度技术产品系列(例如制药公司或制造公司)的企业来说,这是一个很好的工具,在该公司中,拼写对于返回相关结果至关重要。

将点连接。

最后但并非最不重要的?通过提供基于其搜索输入来反映潜在用户偏好的链接来个性化“未找到的结果”体验。虽然这些链接可能不是exactly他们想要的东西,个性化可以帮助游客抵制反弹的冲动。

“未找到结果”页面的示例

谈论出色的“找不到结果”页面是一回事,但是在实践中它们是什么样的?让我们分解一些很棒的例子。

约翰·刘易斯

找不到结果的示例Page John Lewis

约翰·刘易斯“找不到结果”页面清楚地表明:我们有错,这里有一些您可能正在寻找的流行类别。即使他们的第一次尝试并不理想,它也使用户有机会对自己想要的东西进行零。

弗雷泽之家

未找到结果的示例

弗雷泽之家页面为用户提供了搜索栏,以再次尝试查询,还提供了一些搜索技巧,以在下一次尝试中从网站中获得最大收益。

eBay

找不到结果的示例Page eBay

eBay如果您要寻找的内容不会出现,则可以轻松获取警报 - 但稍后可能会出现。一键单击使用户可以注册警报,并将其保留在该品牌的在线轨道中。

drugs.com

找不到结果的示例Pages.com

In the example above, we searched for “phenobarbital” — a drug commonly used to treat dog seizures — but did a terrible spelling job. Thedrugs.com网站抓住了一般的含义,并提供了与我们实际查询有关的搜索结果列表,这清楚地表明,拼写甚至还没有接近 - 没有呼吁用户不知道这些复杂的术语。

“找不到结果”的页面工具来降低跳出率

是否想构建更好的“未找到结果”页面并降低您的跳出率?您有选择。

HubSpot CMS

降低跳出率的工具HubSpot CMS

如果您正在寻找一个功能齐全的解决方案,该解决方案使您可以创建从着陆页到注册表格再到“未找到结果”页面的所有内容,则HubSpot CMS是您的理想起点。查看14天的试验,以查看该内容管理系统如何帮助提高访客的兴趣 - 即使查询和内容不匹配。

Wix

降低弹跳率的工具

Wix免费使用,易于使用,使其成为您全功能的网站的绝佳起点。通过简单的设计控件,高级功能和搜索引擎优化构建最佳拟合站点。

JOOMLA!

降低弹跳率的工具Joomla

JOOMLA!具有功能齐全的免费,但确实需要更多的技术知识来有效设计和部署网站。如果您的优先事项是创建最佳的“找不到结果”页面,并且您不介意投入工作 - Joomla!可以帮忙。

没有结果?没问题

有时,用户搜索和站点内容根本不匹配。令人愉悦的外观,特征的“找不到结果”页面可以帮助将用户的注意力转移到他们没有找到的内容上可以在您的网站上发现。

(正)结果?由于用户体验的增强,提高了利息和降低的跳出率。

新的呼吁行动

CSS简介

最初出版于2020年5月11日7:15:00 AM,更新于5月11日2020年5月11日

话题:

网站设计