WEBTODESIGN

Yoast SEOのパンくずリストを自作テーマに追加する

Yoast SEOの機能で、パンくずリストを生成できる機能があります。

これを、自作テーマに追加してみます!

設定を有効化する

初期設定では有効化されていますが、オプションの設定もできるので一度確認すると良いと思います。

管理画面サイドバーの「Yoast SEO」の「検索の見え方」から「パンくずリスト」のタブを選択します。

Yoast SEOの設定

下までスクロールすると、有効・無効にできます。何か設定を変えていたら「変更を保存」で保存しておきましょう。

パンくずリストの有効化

テーマファイルに挿入

以下のコードをパンくずリストを設置したい場所に挿入します。以下は公式で紹介されているコードです。

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

例えば、single.php(記事ページ)やpage.php(固定ページ)。サイト全体に表示したい場合はheader.phpとかでもいいですね。pタグでなくてもいいし、idではなくclassにしても大丈夫でした。

これはHTMLの要素が追加されるだけなので、見た目は何も装飾されていません。

CSSも追加すれば完了です!

ソース

Yoast SEOのヘルプセンターの「How to implement Yoast SEO breadcrumbs」の記事