“面包屑路径”也可以改善您的 SEO。
Google 使用“面包屑”来组织信息,并且还可以在搜索结果中显示面包屑路径 。SEO 面包屑可帮助 Google 更准确地理解和索引您的网页,从而为搜索者提供更相关的结果。
UX 优势最终也会帮助您的 SEO 排名,因为它们会降低您的跳出率并延长客户与您网站的互动时间。
面包屑导航最佳实践
如果正确使用,“面包屑”可以增强 whatsapp数据 您网站的用户体验。
在设计面包屑导航时,有一些最佳实践可供遵循。
置于页面顶部
人们对熟悉的事物感到舒适;将面包屑导航放在网页顶部已成为一种惯例。
这是符合直觉的,因为当用户意识到最佳免费在线 seo 营销工具的最大概述 他们想要转到其他页面时,他们通常会向上滚动页面。将“面包屑路径”放在顶部可以强化用户可以轻松找到他们所寻找内容的信念。
使用单词或短语
虽然在面包屑菜单中使用图像可能看起来很有创意,但不要这样做。这很容易让人困惑,因为图像可能会产生歧义。 “主页”图标可能是唯一的例外,因为它非常常用。
坚持使用一个单词或短语。例如 – 主页 > 产品 > 男装 > 裤子 > 牛仔裤是服装电子商务网站的逻辑面包屑格式。
必须为用户体验增加价值
网站面包屑路径并不一定就是每个网站的最佳选择。如果您的页面相对较少,面包屑菜单会不必要地扰乱您的页面设计。
只有当面包屑导航确实能够改善用户体验时才使用。
虽然用户体验设计涉及到何时使用什么类型的菜单的细节,但一般来说,如果你的面包屑菜单只有两三个步骤,那么你就不需要它了。您可以同样有效地使用主导航标题甚至汉堡菜单。
保持简短
不要使用短行无法容纳的长短语。例如,“所有男士冬季服装尺码 s-xxl”这一步骤就太长了。
不要添加不必要的页面,以为它会让 墨西哥电话号码 您的网站看起来更好 – 它只会让它看起来混乱。
层次结构
“面包屑”应该引导访问者返回上一级页面。这意味着第一个面包屑应该始终是主页,因为它将让用户了解他或她在页面上的位置。
每个面包屑都应该从父页面开始,然后按顺序列出其后面的子页面,即使访问者从搜索引擎或直接链接直接进入排名较低的页面。
使用单字符分隔符 ( 或 )
为了保持习惯和方便,请在每个面包屑之间使用一个字符的分隔符。
特殊字符 < 和 > 最为常见,因为它们表示箭头。避免使用斜线,如 – 或 |或 \ 因为它们不具有方向性,并且没有以视觉方式传达 从父页面到子页面的进展。
面包屑的类型
网站的面包屑结构主要有三种类型。在决定哪种类型最适合您之前,请仔细考虑用户的意图和对您网站的整体体验。
按位置
基于位置的面包屑显示从父页面到子页面的页面进程,就像您计算机上的子文件夹一样。
这是最常见的面包屑路径类型,因为它可以作为访问者的视觉地图,向他们显示他们在网站上的位置以及他们可以去哪里。
例如,上面的截图取自康涅狄格州立公园和森林网站。
基于面包屑导航的位置表明访问者位于康涅狄格州政府网站的子页面上。
基于属性
对于具有许多子页面的网站,基于属性的面包屑路径用于根据访问者指定的特征对相似的页面(通常是产品列表)进行分组。这从概念上向顾客展示了他们正在查看什么类型的商品。
亚马逊就是一个很好的例子。网站上有很多单独的页面,其中大多数都不引起任何特定客户的兴趣。产品列表页面顶部的基于属性的“面包屑路径”向客户显示他或她正在查看正确的产品类别 – 在本例中为初学者数码相机。
这也使得客户能够快速意识到他们是否处于错误的类别并后退一步或两步,而不会丢失他们迄今为止应用的所有过滤器。
例如,客户可能想要一台数码相机,而不是傻瓜相机——他或她只需要在面包屑路径中单击下一步即可到达正确的类别。