目录
什么是面包屑导航?
面包屑导航显示用户从您的主页到他们当前所在页面的路径。您通常会在页面上看到它以水平排列的链接流的形式出现。
什么是侧边栏导航?
侧边栏导航显示在网站的左侧或右侧。它类似于页面顶部的菜单,但主要区别在于它是垂直的。一些网站会一直显示菜单,而另一些网站则会隐藏菜单,让用户自行选择显示。
侧边栏导航的重点是让用户可以跳转到不同的页面或部分。一些网站主题和模板内置了侧边栏导航小部件,但在其他情况下,您可能需要安装插件。
面包屑导航和网站地图有什么区别?
面包屑导航显示用户如何到达他们最近访问的页面。另一方面,站点地图更多地出现在后端(您也需要提交站点地图才能在Google上获得排名)。
网站地图是您网站上所有页面的概览。在网站地图中,您将拥有您的页面、博客文章以及——在许多情况下——图片URL。
有哪些不同类型的面包屑?
主要有三种类型的面包屑导航:
- 基于位置的
- 基于属性的
- 基于路径的
您可能在访问过的网站上看到过基于位置的面包屑导航。例如,在博客上,它可能看起来像这样:
首页 / 旅行 / 目的地 / 欧洲 / 意大利 / 罗马
同时,您可能会在选择特定筛选条件后看到基于属性的面包屑导航。例如,如果您正在购买一件新衬衫,它可能看起来像这样:
M码 / 黄色 / 休闲 / 长袖
基于路径的面包屑导航显示用户到达当前页面的整个路径,但它们通常比基于位置的导航更令人困惑。基于位置的面包屑导航仅显示点击进入特定页面的路径,而基于路径的导航显示整个路径。
使用上面的示例,基于路径的面包屑导航可能看起来像这样:
主页 / 旅行 / 生活方式 / 旅行 / 目的地 / Europe / USA / New York City / Asia / Japan / Tokyo
大多数情况下,你应该关注基于位置的面包屑,而不是基于路径的面包屑。
面包屑如何帮助改进SEO?
搜索引擎使用面包屑来了解网站的页面布局,同时也会考虑内部链接。面包屑也可能会影响转化率和整体用户体验 (UX)。
面包屑通过向搜索引擎提供有关网站结构和内容层次结构的清晰信息来改进 SEO。它们还会创建内部链接,从而提高各个页面在搜索结果中的可见性。
面包屑对可访问性有好处吗?
残障人士使用的工具(例如屏幕阅读器和其他辅助工具)可以使用面包屑导航进行网站导航。如有必要,用户也可以通过面包屑导航返回到之前的页面。
什么时候应该使用面包屑导航?
你应该在具有多个页面和内容类型的网站上使用面包屑,例如带有博客部分的电商网站。如果网站不太专注于一个利基市场,也应该考虑使用面包屑。
使用面包屑的网站类型包括:
- 新闻网站
- 博客
- 在线杂志和出版物
- 拥有 100 多页面的网站
较小的网站不太常见,例如 作品集网站,使用面包屑导航。
选择网站导航时应该考虑哪些因素?
在选择网站导航时考虑网站结构,并评估目标受众的行为以找到要突出显示的页面。您还必须考虑跨设备响应能力。
- 结构: 导航应适合您使用的网站。例如,有时您可能不需要使用侧边栏,仅使用页眉可能更有意义。
- 主要页面: 考虑您想要引导流量的页面,例如特定的博客文章和联系表单。
- 受众: 分析您的受众在浏览您网站时的行为,并对页面布局进行拆分测试。
- 响应式: 针对桌面和移动设备优化您的网站。测试页面的加载时间和布局。
总结
在设计网站时考虑不同的网站导航因素。在页面较多的网站上使用面包屑导航,并在具有不同子类别的网站上考虑使用下拉菜单。
考虑您希望用户浏览的内容类型,以及他们如何到达那里。由于您的网站和目标与其他人的不同,您将不得不尝试不同的方法,看看您的受众如何互动。