使您的网站易于导航的 10 个技巧
精心设计的网站导航和难以逾越的迷宫有什么区别呢?好吧,良好导航的原则比您想象的要简单得多。这里有十个基本提示,可让您的网站轻松导航。
想想访客的想法
良好的网站导航的第一步是让自己站在一个典型访问者的角度。因此,与其将您认为必不可少的内容放在首位,不如考虑用户想要发现您的内容的顺序。
请记住,您网站的新访问者不像您那样了解他们的方式。他们对你的品牌一无所知。因此,请使用导航来引导人们踏上探索之旅。
例如,人们可能首先想知道是什么让您的公司与众不同,您的品牌价值是什么,当然还有您销售的产品。另外,他们会想知道他们可以信任您的公司。因此,您网站的“关于我们”页面应该很容易从访问者可能到达的任何登录页面中找到。
遵守约定
包含主页、关于我们、联系我们和常见问题(常见问题)选项的简单菜单可能看起来有点乏味。但这是人们习惯看到的,所以他们知道选项的含义。人们也习惯于在网站顶部的某处看到蓝色的超链接和搜索框,那么为什么要重新发明轮子呢?
导航越直观,人们就会越快找到他们需要的东西。因此,通常最好不要对您的网站导航过于有创意。相反,坚持人们已经熟悉的惯例。
将用户引导至相关内容
改进网站导航的一种简单方法是将用户引导至页面内的相关内容。这种类型的导航可以通过超链接、号召性用语 (CTA) 或相关内容小部件或插件来实现。
当您希望用户阅读特定内容时,通常最好使用超链接和 CTA。例如,可以使用超链接将用户引导至某些支持信息。CTA 将用于提示用户采取行动,例如订阅邮件列表或购买产品。
相关内容小部件或插件最适合用于将用户引导至与当前页面主题相关的其他页面。例如,关于类似主题的博客文章,或在线商店中的类似产品。
避免使用多级菜单
当用户无需执行任何操作即可查看所有选项时,导航处于最佳状态。但是,某些网站的页面和选项太多,无法完全避免使用下拉菜单。尽管如此,还是建议尽可能避免使用多级下拉菜单,因为它们难以导航且不是很直观。
在理想情况下,您根本不会使用下拉菜单。相反,最好限制菜单项的数量,然后在用户到达相关页面时提供进一步的导航选项
总是有搜索功能
如果您不知道自己的路,即使是页面很少的网站也很难导航。因此,最好在网站上包含搜索功能。但是,某些内容管理系统上的标准搜索功能非常基础。例如,它们没有自动建议,也不包括缩略图预览。因此,通常最好使用自定义小部件或插件搜索功能来为用户提供最佳体验。
实现面包屑
面包屑是您可能在某些网页顶部看到的主题类别的踪迹。面包屑的每一项都是一个文本链接,指向网站上的某个页面类别。这种类型的导航设备通常看起来像;网页设计 > 用户体验 > 导航 > 使您的网站易于导航的 10 个技巧。
面包屑占用的空间很小,不会减损内容。而且它们很容易使用 Yoast 之类的插件来实现。更重要的是,许多用户都熟悉面包屑导航,因此这种简单的网站添加是改进导航的一种简单方法。面包屑也有利于搜索引擎优化 (SEO)。
将站点地图添加到您的网站
站点地图可能看起来有点过时,您可能认为人们不使用它们。但是布局合理的站点地图可以很好地帮助导航。最好为用户提供多种浏览网站的方式。
站点地图充当网站的目录,当其他导航方法失败时,某些用户将访问该目录。站点地图也有利于 SEO。因此,如果您对站点地图进行一些思考并对其进行格式化以使其易于使用,它将有助于用户浏览您的站点。例如,按主题将内容组合在一起,而不仅仅是按日期顺序列出页面。并包含一个 HTML 站点地图以方便用户使用,并包含一个 XML 站点地图以供搜索引擎使用。
确保导航易于查找和阅读
所有导航选项都必须易于查找和阅读。因此,例如,避免在菜单上使用小字体。并为超链接和号召性用语使用对比色。导航也应划分为逻辑分组。
导航项的标题和悬停描述应该是明确的,当然也应该是准确的。最好使用文本而不是图标。事实上,在网站导航方面,简单总是最好的。
在桌面和移动设备上测试导航
就像网站上的所有内容一样,最好不要假设您第一次就能正确导航。因此,请测试您的所有导航选项并尝试以用户的方式查看您的网站。或者,更好的是,请不熟悉您网站布局的人为您测试导航。
并且不要忘记在各种设备上测试导航。例如,在桌面上看起来很棒的菜单在移动设备上可能会失真。而且,如果您将导航项放置得太近,则它们可能难以在平板电脑或手机上使用。
结论
总结以上的最好方法是;保持简单并使其直观。因为您永远不希望用户在您的网站上感到困惑或迷失。因此,如果可以,请限制导航选项的数量,并在必要时引导用户进行下一步。永远不要假设您的用户会知道下一步该去哪里。相反,为访问者提供多种方式来浏览您的网站。