網站麵包屑導航是一組鏈接(路徑),可以幫助用戶了解網站的層次結構並在其中導航。對於那些擁有大量頁面的網站,麵包屑導航可以讓用戶快速找到想要訪問的路徑,減少返回上一級而需要採取的操作。麵包屑導航對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%替換為要優化的主關鍵詞