[WordPress]為網站添加麵包屑導航的兩種方法

麵包屑能夠呈現網站頁面或文章的導航連結,使瀏覽者能更方便的找到相關內容,除此之外也是搜索引擎最佳化(SEO)的工具之一。

效果如下圖:

麵包屑5 [WordPress]為網站添加麵包屑導航的兩種方法

主題自帶

這個應該不用多作解釋了,有的主題本身就有自帶麵包屑,若你的主題沒有可以使用其他種方法。

安裝外掛

Breadcrumb NavXT(本站使用)

麵包 [WordPress]為網站添加麵包屑導航的兩種方法

正常來說啟用後就會顯示,但你也可以在需要使用麵包屑處插入以下代碼作使用 (ex: content-single.php ):

<div class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/">
    <?php if(function_exists('bcn_display'))
    {
        bcn_display();
    }?>
</div>
麵包屑4 [WordPress]為網站添加麵包屑導航的兩種方法

Flexy Breadcrumb

麵包屑2 [WordPress]為網站添加麵包屑導航的兩種方法

可以通過[flexy_breadcrumb]短代碼在網站中的任何位置顯示麵包屑導航。

Breadcrumb TMC

https://wordpress.org/plugins/breadcrumb-tmc/

麵包屑3 [WordPress]為網站添加麵包屑導航的兩種方法

短代碼

[breadcrumb-tmc]

PHP

 <?php echo do_shortcode( '[breadcrumb-tmc]' ); ?> 

HTML

 <ol class='breadcrumb-tmc'>
   <li>
      <a href="https://www.example.com/">Home</a>
   </li>
   <span class='breadcrumb-tmc-separator'> » </span>
   <li>
     <a href="https://www.example.com/hello-world">Hello World</a>
   </li>
 <ol>

基本上,插件安裝啟用後都會自動加入麵包屑無須另外設定,除非有個人需求可以另外添加。

Yoast SEO

如果你的網站有安裝Yoast SEO插件,在 搜索外觀 – 導航標記 中也可以啟用麵包屑導航的功能

image 2 [WordPress]為網站添加麵包屑導航的兩種方法

4e52d54f6bc42abb41d26eb5b0df6517?s=250&d=wavatar&r=g [WordPress]為網站添加麵包屑導航的兩種方法
0 0 評分數
Article Rating
訂閱
通知
guest
0 Comments
在線反饋
查看所有評論