Yoast 建立 WordPress 麵包屑導航

麵包屑（breadcrumbs）是一種導覽式的階層連結，能夠用來清楚的標示網頁的主要階層，大部分常見的網站也會都會使用到這個功能，在網頁瀏覽時能夠讓使用者更方便快速尋找到目的，也能夠用來增進SEO的優化幫助搜尋引擎抓取網站內容。這次要介紹的就是WordPress的外掛Yoast SEO，透過Yoast SEO外掛提供的麵包屑功能，即使是不會使用語法的人來說也能更快的建立麵包屑功能。

使用版本：WordPress 5.8

• 不懂怎麼寫麵包屑語法。
• 想要透過麵包屑來增強網站的SEO。
• 想快速進行安裝麵包屑功能。

安裝Yoast SEO外掛

首先必須要安裝 Yoast SEO 外掛，無論是免費版或者付費版皆可以使用此功能麵包屑（breadcrumbs）。

如果是已經使用其他的 SEO 外掛，就不建議再安裝一個 SEO 外掛，可能就要考慮換其他方式，不過個人還是很喜歡 Yaost SEO 外掛，視覺化編輯也相當容易操作。

安裝外掛的方式可參考下方連結。

連結

WordPress 安裝外掛方法教學 - INMAG

WordPress 只需要透過安裝外掛的形式就能額外增加許多的功能，也是長期使用 WordPress 自架版的人依賴的功...

URLhttps://ingtt.com/19990/wordpress-plugins-install/

安裝 Yaost SEO 外掛後也必須要確認已經啟用外掛。

設定Yoast SEO麵包屑

接著依照下列方式進入到 Yaost SEO 麵包屑（breadcrumbs）設定位置。

❶ 點選左側欄位的【Yaost SEO 選單】。
❷ 點選子分類【搜尋外觀】。
❸ 點選【導覽標記】進入設定麵包屑（breadcrumbs）。

進入導覽標記後就能夠開始設定麵包屑（breadcrumbs）的內容。

❶ 大部分都可以使用預設格式不需要特別修改，可以將分隔符號改成自己喜愛的樣式。

例如：【首頁 / 文章內容】或者【首頁 > 文章】 …內容等等，依照個人需求設定。

往下設定進階的內容。

❷ 建議可以開啟自訂分類，麵包屑（breadcrumbs）會顯示文章的文章的類別連結，能夠供讀者瀏覽更多文章的機會。

例如：【首頁 / 類別 / 文章內容】或者【首頁 > 類別 > 文章】。

❸ 接著啟用麵包屑（breadcrumbs）功能至佈景主題內。
❹ 儲存設定。

加入Yoast SEO麵包屑語法

最後將語法放至 WordPress 佈景主題中，例如：index.php、single.php、category.php …等等頁面中。

<?php
if ( function_exists('yoast_breadcrumb') ) {
  yoast_breadcrumb( '<p id="breadcrumbs">','</p>' )
}
?>

例如：放至 single.php 後直接就能顯示設定的麵包屑（breadcrumbs）。