亏亏插曲叫疼的免费网址导航推荐
网站导航:提示、示例和最佳实践:您网站的导航结构对转换、销售和跳出率有巨大影响。如果访客不知道在哪里可以找到他们想要的东西,他们就会离开。
这是你想要的最后一件事。相反,创建清晰、分层的网站导航,帮助您的访问者立即找到他们想要的东西。
为什么导航在网站上很重要?
如果没有网站导航,您的访问者将无法弄清楚如何找到您的博客、您的电子邮件注册页面、您的产品列表、定价、联系信息或帮助文档。
从这条经验法则开始:您的网站导航结构应该允许某人登陆您网站上的任何页面,并在3次点击内找到他们需要的内容。
在理想的世界中,每个访问者都会从您的主页开始,并按照相同的路径浏览您的网站。但事实并非如此。网站访问者在各个地方导航。
请记住,您希望让人们在您的网站上进一步探索。通过激发好奇心并以优惠价格吸引他们,为他们提供点击链接的理由。
了解网站导航和用户体验之间的联系
用户体验是指访问者感知您网站的可用性和美感的方式。您希望访问您网站的每个人都拥有良好的用户体验。
网页设计和开发的许多方面都会影响用户体验:
字体、颜色和图像
标题和CTA
联系信息的可用性
页面加载时间
形式设计
但是,网站导航是需要考虑的首要因素之一,因为如果访问者无法找到您的网络表单,那么它有多漂亮也无所谓。
网站导航允许访问者从一个页面流向另一个页面而不会感到沮丧。如果您的工作做得很好,访问者会离开您的网站并打算返回,甚至可能从您那里购买东西或注册您的电子邮件列表。
人们每天访问大量网站,因此他们不乏可以找到所需内容的地方。如果您不提供清晰的网站导航菜单、面包屑和其他探索网站的方式,他们也不会打扰。
网站导航的类型
当大多数人想到网站导航时,他们会想到大多数网站标题中出现的网站导航菜单。如果您访问CrazyEgg博客,您将看到一个主要示例:
网站导航crazyegg博客
但是,存在其他类型的网站导航。
侧边栏是许多网站的常见补充。它们位于主要内容的左侧或右侧。有些网站甚至有双侧边栏。
然后是页脚,它通常包含指向站点主页和流行资源的链接。所谓的胖脚已经流行了一段时间。它们允许更多链接,这意味着更好的用户体验。
在Zappos的脂肪躯是一个很好的例子:
网站导航-zappos-footer
许多网站也使用面包屑。这些是显示在特定页面上的分层导航链接。它们会告诉您该页面如何嵌套在其他页面中。您可以在CrazyEgg博客上看到面包屑:
网站导航-crazyegg-breadcrumbs
上面,未链接的页面名称告诉您您所在的位置。然后您可以看到该页面被分配到哪个类别(转换)、它所在站点的部分(博客)和主页(疯狂蛋)。
移动设备的兴起催生了对其他类型网站导航的需求。以汉堡包菜单为例。这是尼尔帕特尔的网站:
网站导航-尼尔-帕特尔菜单
单击它时,汉堡包菜单会展开。
网站导航-neil-patel-meni-expanded
大多数这些菜单只出现在移动设备上。
但请记住,网站导航和超链接并不是同义词。在整个内容中散布内部链接对于SEO来说非常有用,但它们不被视为您网站核心导航的一部分。
3个很棒的网站导航示例
现在我们对什么是网站导航有了更好的理解,让我们弄清楚它是什么样的。以下是使用中的优秀网站导航最佳实践的三个示例。
1.WE3
网站导航-1-we3
在这里,我们有一张WE3主页的截图。我们选择这个例子是因为它展示了如何塑造网络导航最佳实践来满足您的网站或企业的特定需求。
这是该网站的主要焦点。单击此链接可立即找到您所在城市的朋友。
下载链接很特别。您可以通过按钮外观来判断。
搜索在网站导航中极为重要。您希望访问者能够通过对您网站的简单搜索来找到他们想要的内容。
然后我们有社交图标。这是一个非常面向社会的品牌,因此在标题导航中突出显示这些链接非常有意义。
2.保证
网站导航2-确保
这是网站确保的主要导航。它非常简单,但也非常直观。
联系信息是必不可少的。您希望它出现在您网站的每个页面上。此示例显示了与公司代表取得联系的两种方式。
在这里,我们有网站的核心页面。学习和购物链接展开以显示更多选项并缩小访问者的需求范围。
再次,有一个搜索栏。允许人们搜索您的网站可以节省他们的时间并降低您的跳出率。
3.绿街咖啡
网站导航3-greenstreet-coffee
让我们看一个来自本地和电子商务公司的示例。您会看到典型的导航菜单,但由于几个原因,这个菜单很特别。
导航标题的措辞非常用户友好。您可以确切地决定首先要查看的内容,无论您是有兴趣购买还是想了解有关该公司的更多信息。
有一个打开的搜索栏,与前两个示例不同。对于不精通网络导航的人来说,它可能更直观。
有一个图标可以显示您的购物车中有多少商品。这是包含在电子商务案例中的一个非常有益的导航元素。该链接会将您带到您的购物车。
网站导航最佳实践和技巧
如果你从头开始你的网站怎么办?或者您可能已经决定调整您的网站导航以获得更好的结果。你首先应该做什么?
现实情况是,网站导航是建立在自身之上的,并使访问者保持在网站上的参与度。仅缺少一个网站导航最佳实践可能会导致转换失败。
这是网站导航最佳实践的备忘单。密切关注每一项以改善用户体验。
1.使超文本明显
最常见的问题之一是让设计妨碍了可用性。如果访问者无法从正文中分辨出超链接,那么您就有问题了。
使超文本显而易见的最简单方法是确保它与页面上的所有其他元素都不同——而不仅仅是在访问者滚动链接时。将其格式化为不同的颜色、下划线或加粗。如果您愿意,您甚至可以将标题导航链接变成按钮。
2.简化导航栏
许多网站的标题导航栏中的链接过多或过少。考虑您希望人们在您的网站上做什么,同时还要考虑访问者可能想要什么。
例如,您可能希望访问者进行转化,但访问者可能想更多地了解您的公司或了解您的理念。
如果您的导航菜单开始看起来有点混乱,请考虑更好地组织您的网站。使用一个主标题,然后包括一个子菜单,在它下面分类有其他链接。
3.保持侧边栏分开
侧边栏不应看起来像页面上的其余内容。它应该脱颖而出。
许多网站通过颜色来实现这一点。设计人员可能会使用与正文副本不同的背景颜色来格式化侧边栏。
留白——或负空间,如果你愿意——效果很好。确保侧边栏和其他元素之间有足够的分隔。
4.把你的导航放在一个标准的地方
创造力是伟大的,但不是以牺牲用户体验为代价的。将导航放在人们希望找到它的地方。
这包括标题导航栏、侧边栏和页脚。利用这些区域,以便游客可以找到他们需要的东西。如果您想添加创意导航,例如使用多媒体,请明确访问者可以点击。
5.让一切对用户来说都清晰而简单
您网站的导航菜单不是为了巧妙或诙谐的技巧。尽可能使用最清晰的设计和文字,以便访问者了解您的意思。
大多数网站在关于我们或关于我的页面上使用“关于”这个词是有原因的。它清晰可辨。对于“联系”和“服务”等简单的词也是如此。
6.不要忘记页脚
如果您使用WordPress,您可以找到数千个包含胖页脚的主题。充分利用它们。您不必包含数十个链接,但可以充分利用空间。
在某些情况下,您可能只想重复标题导航栏。这样,人们就不必向上滚动来找到他们想要的链接。
您还可以在标题导航栏上展开。添加指向您网站上重要页面的其他链接。
7.将导航与业务的优先级联系起来
虽然牢记用户体验至关重要,但您还希望将访问者引导到最重要的页面以进行转化和销售。将访问者引导至这些基本页面会对您的业务利润产生重大影响。
就好奇心而言,在您的访问者可能感兴趣的页面之间建立平衡,但添加也可以引导访问者通过您的渠道的链接。
例如,包括“关于”和“联系方式”页面以及指向您博客的链接。然后添加一个很棒的CTA,例如“下载”(如果您有移动应用程序)或“试驾”(SaaS业务)。
8.确保网站导航在移动设备上100%响应
如果您的网站导航无法在移动设备上正确呈现,您就有麻烦了。每个主要内容管理系统都有响应式设计和主题,因此请确保您充分利用它们。
在某些情况下,导航菜单只是收紧了。在其他情况下,会出现上述汉堡菜单。确保链接本身足够大,人手可以轻松点击它们。请记住,有些人的拇指比其他人大。
9.留下号召性用语的按钮
十年前,大多数网站都有用于标题导航的按钮。然而,今天,所有这些视觉噪音都让人感觉很笨拙。另外,它不允许您在网站导航中强调特定链接。
为号召性用语保留这些按钮。您可能会要求访问者注册您的电子邮件列表、演示您的产品或安排通话。不管怎样,让它比其他链接更大胆、更亮。
了解您的受众如何浏览您的网站
世界上所有的网站导航最佳实践都不能替代可操作的数据。您的观众与其他人不同,因此您想知道他们在您网站上的表现。
用户行为报告会告诉您有多少人点击了您网站的特定区域。一个疯狂的鸡蛋热图,例如,用色温来显示您的访问者的注意力所在的位置。
例如,您可能会发现没有人点击导航栏中的链接。为什么?也许您没有明确表示超文本是一个链接,或者您在栏下方制造了太多干扰。
滚动图也非常有用。如果您知道人们从不滚动到您网站上的页脚,那么您就不必太强调页面的那部分。
开始使用CrazyEgg工具的分步指南
运行用户行为报告以大致了解人们如何响应您的网站导航。您还可以运行Recordings来观看单个用户的操作。例如,这将告诉您人们是否对特定链接感到困惑,或者他们是否因为找不到想要的链接而点击离开。
登录您的CrazyEgg帐户并下载Chrome扩展程序。决定是要创建一个快照还是多个快照。
网站导航快照
输入要从中生成快照的URL,然后为每个URL命名。然后,您可以在您的网站上安装CrazyEgg跟踪代码并开始获得奖励。
收集数据后,在您的网站导航上运行A/B测试。一次改变一些小东西,看看它们是否对点击有影响。
随着时间的推移,您可以继续在您的网站上运行快照以查看访问者的行为如何变化。例如,当您向导航栏添加新内容时,您会想看看它的表现如何。
结论
网站导航是用户体验和网站设计中最容易被忽视的方面之一。我们常常认为这是理所当然的。
与其因为其他网站看起来不错而镜像它们,不如弄清楚哪些导航元素对您的业务和受众最重要。添加吸引双方兴趣的链接。
您知道您希望人们转换您的报价并购买您的产品,但您的受众可能还没有准备好购买。导航链接应该为他们提供留在您网站上的其他理由。
通过快照、录音和A/B测试,您可以微调您的网站导航并确保为您的受众提供最佳的用户体验。