网站的面包屑导航的作用及部署规范

时间：2024-03-05 08:00:01 | 来源：网站运营

时间：2024-03-05 08:00:01 来源：网站运营

网站上的面包屑导航（Breadcrumb）在视觉上只是一个配角，但对于使用便利性与搜索引擎在检索，理解网站内容时却是非常重要又有效的功能。 帮助你的网站提升搜索引擎友好度！

面包屑导航是什么？

在商场逛时，却没有一个指示、标识告诉你现在处于哪一区哪一层楼，会不会觉得很懵逼呢？面包屑是在各大网站上都会有的基本功能，以最近互相厮杀的电商 虾皮平台与PChome平台为例，在商品的上方都会出现有很多个箭头组合成的文字列。这些文字让你能快速了解这商品究竟是被划分到哪一分类中，若要找同类型 商品，只要通过面包屑上的文字超链接即可快速前往上一层级的分类页。

面包屑对SEO很重要，很重要，很重要！

网站就如一栋商场，里面包罗万象，网页遵循规模从几页到几页万页都有可能，若没有好好的规划环境“导航”，用户与搜索引擎的爬虫可是会在 网站内迷路。尤其想要进行SEO的电商来说，若是让爬虫迷路了，爬虫可是会耍性子没有耐性待在你的网站里，会影响你的网页收录。要是搜索引擎的索引库里没有 你的网页（或是更新后的内容资料），连被任命的机会都没有了，要怎么竞争关键词的最高首位呢？

帮助用户与搜索引擎理解目前位置

可通过面包屑的超链接，回到主分类页，提高网页易用性

在搜索引擎结果页上有突出的表现方式

另外有好好设计面包屑的话，在搜索结果页上（SERP）也会出现跟别人有差异的显示效果，更容易引起你的网页的独特性。

面包屑如何让搜索引擎爬虫不迷路？

要把网站想成一栋商场，商场的每个规模每个区每个柜都会有他的分配逻辑性。以Yahoo超级商城网站为例，面包屑可以帮助搜索引擎理解“喔原来-现在女装在ＯＯ区的ＯＯ品牌柜上啊”，让搜索引擎了解目前网页在整体网站的相对位置，以及也可以通过由面包屑的文字内容初步了解现有网页的内容。就像是面试建立追求只写出精华重点就好，面包屑，就是最简单的重点！

面包屑的SEO优化重点

面包屑虽然小，却是SEO的大重点。以下有几个优化重点：

每一层级的文字都要简洁，不宜过长

每一层级的链接都必须是有效链接

建议含家居的层级数不超过5层（特别是关键字的著陆页所处的层级数不宜过深）

面包屑就只要是面包屑就好了吗？

这个问题，好像是面包屑的人生哲学题啊。俗话说的好，见人说人话，见搜索引擎当然要说机器听得懂的话。搜索引擎的爬虫在爬网页时，在他的眼里面并不是像我们一样看到七彩缤纷有图有文的网页内容，而是一堆源代码。而在之中，要让搜索引擎知道「我是面包屑，选我选我！！」的话，则必须增加「结构化标记」，让搜索引擎能一眼辨认出面包屑的尊贵不凡，读取面包屑的文字。

让面包屑更上一层：增加结构化标记

上面提到的，搜索引擎看的是源代码，因此要加上结构化标记。面包屑的结构化标记现在支持两种标记方式，一个是Microdata，另一个是jsON-LD方式。设定后可使用 google结构化资料测试工具确认是否编写错误。

结构化标记：Microdata

标记重点

需跟随html标签一同

结构化标记：JSON-LD

标记重点

是Javascript格式，放在网页的哪一边都可以

可以不出现在前端，如果对于网页视觉有特殊规划的人可以选择JSON-LD

总结

只要有良好的面包屑导航与正确的结构化标记，就能让搜索引擎理解面包屑的语意并给予好的 评价。做好SEO就先从网站的面包屑开始做优化吧。

文章来源：老王博客

来源地址：https://www.laowangboke.com/article/348.html