以上示例取自作者 Jon Acuff 的网站。该网站的页面数量相对较少,并且都可以轻松地容纳在主导航菜单中。
此外,该网站没有层次结构。访问者不必按照特定顺序从“关于”移动到“书籍”或“演讲”。
该网站的设计者选择省略面包屑导航,因为这对于此类网站来说不是必需的。
面包屑和 SEO
“面包屑路径”也可以改善您的 SEO。
Google 使用“面包屑”来组织信息,并且还可以在搜索结果中显示面包屑路径 。SEO 面包屑可帮助 Google 更准确地理解和索引您的网页,从而为搜索者提供更相关的结果。
UX 优势最终也会帮助您的 SEO 排名,因为它们会降低您的跳出率并延长客户与您网站的互动时间。
如果正确使用,“面包屑”可以增强您网站的用户体验。
在设计面包屑导航时,有一些最佳实践可供遵循。
置于页面顶部
人们对熟悉的事物感到舒适;将面包屑导航放在网页顶部已成为一种惯例。
这是符合直觉的,因为当用户意识到他们想要转到其他页面时,他们通常会向上滚动 所有者数据 页面。将“面包屑路径”放在顶部可以强化用户可以轻松找到他们所寻找内容的信念。
使用单词或短语
虽然在面包屑菜单中使用图像可能看起来很有创意,但不要这样做。这很容易让人困惑,因为图像可能会产生歧义。 “主页”图标可能是唯一的例外,因为它非常常用。
坚持使用一个单词或短语。例如 - 主页 > 产品 > 男装 > 裤子 > 牛仔裤是服装电子商务网站的逻辑面包屑格式。