Yoast 建立 WordPress 麵包屑導航

Yoast 建立 WordPress 麵包屑導航

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

使用版本:WordPress 5.8

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

安裝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 麵包屑導航

喜歡這篇文章的話
請按個讚或者分享支持一下!

喜歡這篇文章的話
請按個讚或者分享支持一下!

最新的教學及情報資訊都在INMAG!

作者簡介

Avatar photo
寫好每一篇文章讓各位都能學習到各種小知識,希望大家會喜歡!