面包屑是一种在用户界面中显示用户当前位置的导航辅助工具,通常出现在网页的顶部或侧边栏。
面包屑导航得名于《汉塞尔和格莱特》童话,故事中的人物创建了一条面包屑路径,以便他们可以追溯自己的脚步。
就像内部链接一样,它们有助于让用户留在网站上,并帮助他们找到他们正在寻找的信息。如果他们感到迷失方向,他们可以使用面包屑链接上一级并继续在网站上的旅程,而不是点击浏览器的后退按钮。
一般来说,面包屑导航对于具有深层网站架构的网站更有优势。因为它可以帮助用户在多个级别之间导航。
对于非常小或扁平的网站来说,面包屑导航并不是那么有用。因为大多数页面只需单击一下即可进入主页。
但我们仍然建议实施面包屑导航,因为其潜在的好处大于时间投入。面包屑导航可以出现在 Google 搜索结果中。丰富的结果(称为丰富摘要)通常更具吸引力和信息量,因此可能会吸引更多点击。
让我们来探讨一下在你的网站中添加面包屑的主要好处:
1.鼓励用户浏览你的网站
面包屑可以提示用户导航到你网站上的其他页面。这可以带来更高的广告或销售收入。
假设用户进入一家销售狗粮的产品页面,但没有找到他们想要的东西。
他们可能不会退出(或跳出),而是会注意到面包屑菜单。决定探索狗狗玩具系列的其余产品,最终购买其他产品。
2.建立有利于 SEO 的内部链接
与其他类型的内部链接一样,面包屑可以帮助搜索引擎访问你网站上的页面。并了解你的网站结构。
换句话说,内部链接可以提高网站的可爬行性。这可以使你的更多网页出现在Google 索引(潜在结果数据库)中。并且相关关键字的排名也会更高。
3.增强用户体验
人们讨厌迷路。当面对一个新地点时,人们通常会搜索可识别的物体或地标——网站也是如此。你需要让访客感到满意并尽可能减少摩擦。
面包屑可以减少在网站架构中向上移动所需的点击次数,从而改善用户体验。在没有面包屑导航的网站上,用户可能需要多次点击后退按钮。或者浏览多个菜单。
但是通过面包屑导航,用户可以单击面包屑路径中的单个链接。此外,许多用户已经习惯了网站上的面包屑导航。如果你的网站没有面包屑导航,可能会让用户感到失望。
4.降低跳出率
几乎没有人会通过主页进入网站,一切都与自然搜索有关。这意味着你网站的任何部分都可能成为入口点。如果所选页面不符合他们的需求,你必须开发一种方法来引导这些访问者到你网站的其他部分。面包屑可以降低跳出率,因为你为访问者提供了浏览你网站的另一种方式。你不认为将访问者引导到你的主页比返回 Google 更好吗?
下面是你提到的三种面包屑类型的一些例子:
1.基于层次结构的面包屑:
这种面包屑展示了用户从网站首页到当前页面的导航路径。每个层次结构的级别都是一个链接,用户可以点击回到上一级。
例如,在一个电子商务网站上,面包屑可能是这样的:
主页 > 电子产品 > 笔记本电脑 > 戴尔XPS 13
2.基于属性的面包屑:
这种面包屑不仅显示了层次结构,还可能包括一些属性或者分类,帮助用户更精确地了解当前页面的内容。
例如,在一个服装网站上,面包屑可能是这样的:
主页 > 男士 > 外套 > 皮夹克 > 黑色皮夹克
3.基于路径的面包屑:
这种面包屑显示了用户到达当前页面的具体路径,可能包括搜索结果、特定的筛选条件等。
例如,在一个旅游预订网站上,面包屑可能是这样的:
主页 > 酒店搜索 > 巴黎 > 四星级酒店 > 带泳池的酒店 > 巴黎艾菲尔铁塔酒店
4.基于历史的面包屑
在一个在线课程中,学生可能在不同的课程模块之间跳转。面包屑可以记录他们的学习路径:
课程首页 > 模块1 > 视频1 > 视频2 > 返回模块1
基于层次结构的面包屑:通常以树状结构呈现,每个级别都是一个链接,用户可以通过点击这些链接回到上一级。
基于属性的面包屑:增加了属性或分类的详细信息,例如商品的类型、颜色、尺寸等。
而基于路径的面包屑:则记录了用户的具体操作和选择过程。
基于历史的面包屑:通常显示用户在会话中的导航路径,可能包括用户在不同页面或部分之间的跳转。
每种面包屑都有其适用的场景,设计者可以根据网站的具体需求和用户的使用习惯来选择最合适的类型。
使用面包屑进行 SEO 时的 3 个常见错误
实现面包屑导航是改善网站 SEO 和提供更好 UX 的直接方法。
然而,有时候,实施面包屑导航可能会弊大于利。
1.太大或太小——应该以恰到好处为目标
面包屑应该容易看到但不显眼。
稍微小一点的字体是可以的,但是太小的文本在移动设备上会难以看清且难以点击。
将它们放置在页面顶部、图像下方或 H1 标题上方,以便于找到。
2.重复导航栏
如果面包屑只是复制导航栏中已有的内容,它们可能不会起到任何其他作用。
如果没有帮助,则无需添加更多编码(并占用空间!)。
3.为了面包屑而抛弃导航栏
如果你不想重复导航,但也不能完全依赖面包屑。
它们作为其他导航功能的补充,而不是替代。
尽管使用了面包屑导航,汉塞尔和格莱特仍然在森林里迷路了。不要让这种情况发生在你的访客身上!面包屑导航为访客提供了一种易于掌握的方法来浏览你的网站,他们可以立即了解你的网站结构。出于同样的原因,Google 喜欢它们。
在“阿福赚美刀”(v)中,我会持续分享海外营销干货,SEO职场,以及最新的国外案例和资讯。我用多年的实战经验为你筛选了国外精品内容,并做了人工翻译。期望能够消灭信息差!感兴趣的小伙伴们进来看看吧!
面包屑是一个简单的改变,可以帮助你的网站在搜索结果页面上脱颖而出,使你的网站更易于导航。虽然它们不能保证显著提升 SERP,但它们对用户和搜索引擎都有帮助。