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

面包屑导航是什么?

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

SEO基础知识:网站的面包屑导航的作用及部署规范

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

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

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

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

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

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

SEO基础知识:网站的面包屑导航的作用及部署规范

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

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

面包屑的SEO优化重点

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

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

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

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

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

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

SEO基础知识:网站的面包屑导航的作用及部署规范

SEO基础知识:网站的面包屑导航的作用及部署规范

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

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

结构化标记:Microdata

标记重点

需跟随html标签一同出现

SEO基础知识:网站的面包屑导航的作用及部署规范

SEO基础知识:网站的面包屑导航的作用及部署规范

结构化标记:JSON-LD

标记重点

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

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

总结

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