Yoast 建立 WordPress 麵包屑導航

Yoast 建立 WordPress 麵包屑導航

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

使用版本:WordPress 5.8

安裝Yoast SEO外掛

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

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

Yoast 建立 WordPress 麵包屑導航

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

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

Yoast 建立 WordPress 麵包屑導航

設定Yoast SEO麵包屑

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

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

Yoast 建立 WordPress 麵包屑導航

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

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

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

Yoast 建立 WordPress 麵包屑導航

往下設定進階的內容。

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

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

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

Yoast 建立 WordPress 麵包屑導航

加入Yoast SEO麵包屑語法

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

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

例如:放至 single.php 後直接就能顯示設定的麵包屑(breadcrumbs)。

Yoast 建立 WordPress 麵包屑導航

相關文章
作者簡介
個人頭像照片
努力寫文中!