网站面包屑导航是一组链接(路径),可以帮助用户了解网站的层次结构并在其中导航。对于那些拥有大量页面的网站,面包屑导航可以让用户快速找到想要访问的路径,减少返回上一级而需要采取的操作。面包屑导航对seo也有很大的帮助,它可以降低用户跳出率,因为路径可以吸引那些第一次访问网站某个页面的人继续了解整个网站。
本文介绍三个插件:
- Flexy Breadcrumb:不推荐,过多的样式,对主题的兼容性很差
- Breadcrumb NavXT
插件:Flexy Breadcrumb插件使用
实现方式
这个插件是通过简码(短代码)实现,可以在相应位置添加代码:
<?php echo do_shortcode( '[flexy_breadcrumb]'); ?>
插件配置
安装完插件,打开插件设置,包括如下配置:
1、通用设置
2、样式设置
如下:


Breadcrumb NavXT是其中比较出色的插件:Breadcrumb NavXT 插件
Breadcrumb NavXT 提供了 WordPress 上几乎所有页面的导航处理,包括存档页面、独立页面、模板页面 (包括子模板)、分类页面 (包括子分类)、标签页面……都被照顾到了。它的可用性很强,对搜索引擎和用户体验都是友好的,是 WordPress 导航系统的有力补充。另外,插件的后台选项做得很到位,你可以在后台对每一类型的导航进行加工处理,可以分别对导航的显示结构和现实文本进行修改和自定义。
官网:https://mtekk.us/code/breadcrumb-navxt/
第一步:下载或后台直接安装
下载 Breadcrumb NavXT 插件链接:https://wordpress.org/plugins/breadcrumb-navxt/
第二步:进入设置界面进行设置
Breadcrumb NavXT 插件提供了有两种显示模式:
1. 显示在一个 Element 内
显示结构:Page 1 > Page 1.2 > Page 1.2.5
代码调用:
<div class="breadcrumbs"
typeof="BreadcrumbList"
vocab="https://schema.org/">
<?php if(function_exists('bcn_display'))
{
bcn_display();
}?>
</div>
2. 显示在一个列表内
显示结构:
<li>Page 1</li>
<li>Page 1.2</li>
<li>Page 1.2.5</li>
代码调用:
<div class="breadcrumb">
<?php
if(function_exists('bcn_display')) {
bcn_display_list();
}
?>
</div>
修改设置
面包屑导航标题修改,首页面包屑修改%htitle%;
这里仍然可以将%title%替换为要优化的主关键词