什么是分面导航?
分面导航(Faceted Navigation)在中文中常被称为“分面搜索”或“筛选导航”,是网站上导航的一种,常见于大型网站中的类别页面,主要是通过某些属性的筛选让用户更快的找到目标页面。分面导航还被称为Faceted Search或者Guided Navigation。常见的分面导航多出现在电商网站、旅游网站、房地产网站及目录网站等中。
分面导航的实现方式
分面导航的实现方式多种多样,常见的设计模式包括:
- 复选框: 用户可以选择多个选项来包含符合任一选中属性的结果(通常是“或”关系,但在同一分面内也可以是“且”关系,例如选择多个颜色)。
- 单选按钮: 用户只能选择一个选项,通常用于需要排他性选择的属性,如“排序方式”。
- 链接列表: 每个分面值都是一个链接,点击链接会加载过滤后的页面。
- 滑块: 常用于数值范围的分面,如价格或尺寸。
- 下拉菜单: 当分面选项过多时,可以使用下拉菜单来节省空间。
用户选择分面后,页面通常会动态更新显示过滤后的结果,而无需完全重新加载整个页面(通过 AJAX 技术实现)。同时,页面的URL通常会更新以反映当前应用的分面参数,这有助于用户分享和收藏特定的过滤结果。
分面导航作为一种方便用户快速找到目标页面的功能板块,虽然有着很好的用户体验,但却会带来一些SEO问题。
分面导航会导致哪些SEO问题?
- 重复内容: 用户根据自己的需求在进行筛选产生的结果页面会有很多相似页面。这些相似页面会导致搜索引擎认为是重复内容,甚至产生关键词蚕食的问题;
- 浪费抓取预算:分面导航产生的大量页面需要搜索引擎分配抓取预算,可能会导致网站重要页面无法及时抓取,浪费抓取预算;
- 稀释链接资产:原本该由一个页面获取的链接资产,变成了众多的筛选结果页面,可能导致链接资产的稀释;
- 索引膨胀:如果过滤结果过多,可能导致索引膨胀。
如何处理分面导航产生的问题?
一旦你的类别页面使用分面导航,过滤搜索URL可能会变成:
https://www.example.com?colour=red&...
https://www.example.com/colour/...
此时,你需要做的是:
- 设置规范页面,在类别页面里添加rel=”canonical”;
- 设置robots.txt,禁止搜索引擎爬取过滤结果页面;
User-agent: *
Disallow: *colour=*
- 设置Nofollow, 当有链接链到过滤结果页面是,设置Nofollow;
- 删除分面导航页面上的内部链接。
- 设置Noindex,对于过滤结果页面使用Noindex禁止搜索引擎索引页面。(如果你没有设置robots.txt的话)
总结
分面导航是一种现代网站设计中不可或缺的交互模式,它通过提供灵活、多维度的过滤选项,极大地增强了用户查找和探索信息的能力。
尤其在数据密集型网站上,分面导航是提升用户体验、提高转化率和改善信息架构的关键技术。然而,在实现时需要充分考虑其对SEO的潜在影响,并采取相应的技术手段进行优化。