Yoast 建立 WordPress 麵包屑導航

麵包屑(breadcrumbs)是一種導覽式的階層連結,能夠用來清楚的標示網頁的主要階層,大部分常見的網站也會都會使用到這個功能,在網頁瀏覽時能夠讓使用者更方便快速尋找到目的,也能夠用來增進SEO的優化幫助搜尋引擎抓取網站內容。這次要介紹的就是WordPress的外掛Yoast SEO,透過Yoast SEO外掛提供的麵包屑功能,即使是不會使用語法的人來說也能更快的建立麵包屑功能。
使用版本:WordPress 5.8
安裝Yoast SEO外掛
首先必須要安裝 Yoast SEO 外掛,無論是免費版或者付費版皆可以使用此功能麵包屑(breadcrumbs)。
如果是已經使用其他的 SEO 外掛,就不建議再安裝一個 SEO 外掛,可能就要考慮換其他方式,不過個人還是很喜歡 Yaost SEO 外掛,視覺化編輯也相當容易操作。

安裝外掛的方式可參考下方連結。
安裝 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)。
