互联网技术 · 2024年2月15日

面包屑导航的作用和部署规范

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

面包屑导航是什么?

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

面包屑对SEO很重要,很重要,很重要!

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

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

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

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

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

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

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

面包屑的SEO优化重点

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

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

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

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

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

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

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

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

结构化标记:Microdata

标记重点

需跟随html标签一同

结构化标记:JSON-LD

标记重点

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

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

总结

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

OpenMagic API

Need more than content? Move into the product flow.

If you are here for model access, pricing, developer docs, or the future API console, the dedicated product path now lives on api.openmagic.ai.

登录免费注册