パンくずリストとは？SEOでの役割とWordPressでの設定・確認方法

こんにちは。バナナデスクです。

検索から記事へ来た人は、ブログのトップページを見ていないことがあります。「ほかにも教室づくりの記事を読みたい」と思ったとき、戻り先が分からなければ、そこで読むのをやめてしまうかもしれません。

そんなときの道案内が、記事の上などに出る「ホーム → 教室の案内 → この記事」というパンくずリストです。「教室の案内」は、関連する記事をまとめたカテゴリーに当たります。読者はこの名前を押すと、同じまとまりの記事を探せます。

私は、まず一つの記事を選び、見せたい経路を決める、表示する、リンク先を開く、裏側のデータを読むという順番で確かめる進め方を勧めます。この記事では、記事の投稿や管理に使うWordPressについて、2026年10月1日に編集担当が検証用サイトで行った記録をもとに、設置から確認までを説明します。

執筆：バナナデスク｜WEBビジネスの設計・集客・改善

更新日：2026年11月7日

パンくずリストは、記事が属する場所を伝える

パンくずリストは、サイト内の現在地と、上位のまとまりへ移る道筋を示します。ブラウザーの「戻る」が直前に見ていた画面へ戻るのに対し、パンくずはその記事が属する場所を示すものです。読者が実際に訪れたページを順番に並べた履歴とは限りません。

GoogleのBreadcrumb資料でも、URL、つまりページのアドレスをそのまま区切って並べるより、読者がそのページへたどり着く一般的な経路を示すことが勧められています。記事のURLに日付が入っていても、年・月・日を全部パンくずにする必要はありません。

ここで分けておきたいのが、画面に見える道案内と、検索エンジンへ渡す構造化データです。構造化データは、ページの情報を「名前」「順序」「URL」などの項目に分け、機械が読み取れる形にしたものです。その書き方の一つをJSON-LDといいます。画面の表示を変えても、JSON-LDまで同じように変わるとは限らないため、別々に確認します。

SEOは、検索エンジンに内容や構成を伝えやすくするための工夫です。パンくずはサイトの構造を理解する手掛かりになりますが、設置すれば順位が何位上がる、AIに引用される、と約束できるものではありません。まずは、読者が関連する記事へ迷わず移れることを目標にしましょう。

2カテゴリーの記事では、見せたい経路を決める

例として、「体験教室の持ち物を案内する」という架空記事を使います。この記事は「教室の案内」と「運営の準備」の二つのカテゴリーに所属しています。参加者への説明を調べる人と、教室を運営する人では、次に読みたい記事が違うためです。

検証では、記事の中心が「参加者へ持ち物を伝えること」なので、「教室の案内」を通る経路を使う設計にしました。自分の記事でも、読んだ人が次にどんな記事を探しそうかを考え、見せたい経路を一行でメモしておきます。カテゴリー名は、検索語を詰め込むより、押した先にある記事を想像できる短さにすると使いやすくなります。

二つのカテゴリーに所属しているからといって、両方が順番に表示されるわけではありません。どの経路を出すかは、サイトの見た目や共通レイアウトを決める「テーマ」と、機能を追加する「プラグイン」の仕様や設定で変わります。決めた経路と実際の表示が一致するかは、あとで対象の記事を開いて確かめます。

WordPressで実際に表示させた条件と手順

元の検証は、編集担当が2026年10月1日にWordPress Playgroundの隔離サイトで行ったものです。WordPress Playgroundは、本番サイトと分けてWordPressを試せる環境です。記録された構成はWordPress 7.1.2、テーマがTwenty Twenty-Five 1.5、プラグインがAll in One SEO無料版5.0.2でした。本番ブログのテーマを変更した記録ではありません。

All in One SEOは、以下では画面の表記に合わせてAIOSEOと呼びます。検証では「教室の案内」「運営の準備」を用意し、同じ架空記事を両方へ所属させました。そのうえでAIOSEOのパンくず設定を変更・保存し、記事に表示させています。

自分で試すときは、AIOSEOが有効で投稿を編集できるサイトで、対象を一つに絞って進めてください。最初にその記事の公開ページを開き、すでにテーマがパンくずを出していないかを見ます。表示がある場合は、その経路とリンク先の確認へ進みます。これからAIOSEOで追加する場合の手順は次のとおりです。

1. 対象記事とカテゴリーを確認する。WordPress管理画面の「投稿」から記事を編集し、所属カテゴリーを確認します。先ほどメモした経路で通りたいカテゴリーに所属しているかを見てください。
2. パンくずの設定画面を開く。管理画面のAll in One SEOからGeneral Settings（一般設定）→ Breadcrumbs（パンくず）へ進みます。Shortcodeの欄で、本文に入れるコードを確認します。
3. 先頭の表示名を決めて保存する。Homepage labelは、サイトの先頭を表す名前です。検証例に合わせるなら「ホーム」にし、Save Changes（変更を保存）を押します。この段階で変えているのは画面用の表示です。
4. 記事にコードを入れる。記事の編集画面へ戻り、表示したい位置でブロック追加の「＋」を押します。「ショートコード」を探して選び、コードを入力します。ショートコードは、角括弧で囲んだ短い指示を置くと、プラグインがその場所へ表示を作る仕組みです。
5. 保存後のページを開く。記事を更新し、閲覧用のページを開き直します。管理画面の見本だけで終えず、記事の上に一つの経路が出ているかを見ます。名前、リンク先、JSON-LDは、このあと順番に照合します。

元の検証では、設定の変更と保存は管理画面で操作しています。ただし、本文へのコード設置はREST API、つまり外部のプログラムからWordPressの記事データを保存する窓口を使いました。上のショートコードブロックを手で入力する部分は、読者が編集画面で試すための案内です。

検証で使ったコードは[aioseo_breadcrumbs]です。この文字列をショートコードブロックへ入れます。AIOSEOの公式資料では、専用ブロックやウィジェット、テーマのプログラムへPHPコードを入れる方法も紹介されています。ここでは、一つの記事で確認しやすいショートコードの方法を使います。

記事本文に置いたコードは、その記事のための設置です。全記事で共通の位置に出すには、テーマの共通レイアウトであるテンプレート側の対応が必要になります。まず一つの記事で確認を終え、全記事への設置を考える段階で、テーマとAIOSEOのどちらが表示を担当するかを決めます。

見える経路と、クリックした先を照合する

検証用サイトでは、無料版で主カテゴリーを指定しない状態の出力が「ホーム → 教室の案内 → 体験教室の持ち物を案内する」になりました。表示させるカテゴリーを指定するPrimary Categoryは操作していません。二つのカテゴリーに所属するこの投稿で、自動的に選ばれた経路が設計と一致した、という観測です。

自分のページでも、先頭から表示名を読み、リンクになっている「ホーム」とカテゴリー名を一つずつ押してください。移動先でページの見出しとブラウザーのアドレスを確認します。次の表は、元の検証で確認した表示、移動先、JSON-LDの対応です。

例えば「教室の案内」を押したら、そのカテゴリーの記事一覧が開き、対象の記事が含まれているかを見ます。表示名が正しくても、別のカテゴリーや古いURLへ移動すれば、読者は期待した記事を探せません。最後の項目は現在の記事を表すため、リンクの有無だけで良否を決めず、使っている設定と照らし合わせます。

元の検証では、同じページを表示幅375pxでも開きました。パンくずは幅315px・高さ51pxで2行に折り返され、ページとパンくずの横はみ出しはなく、名前と区切りも読めたという記録です。自分のサイトでは、スマートフォンかブラウザーの端末表示機能でページを狭くし、長い記事名の続きが切れずに読めるかを確認してください。これらの寸法は検証環境の結果なので、同じ数値にそろえる必要はありません。

表示するカテゴリーを指定する機能は、利用条件を確認する

思っていたものと別のカテゴリーが表示されたら、まず投稿の所属カテゴリーと、現在パンくずを出しているテーマやプラグインを確認します。「主カテゴリー」は、複数の所属先のうち、パンくずなどで優先して使うカテゴリーを指定する設定です。カテゴリーを選んだ順番を変えるだけで、必ず経路を固定できるとは考えないでください。

2026年11月7日に確認したAIOSEOのPrimary Term資料では、この指定機能はProのBasic以上が対象です。複数カテゴリーに所属する投稿の編集画面でSelect Primary Categoryから選び、更新する方法が案内されています。元の無料版試験では、この有料機能を操作していません。

自分の環境に設定欄がない場合は、利用中のプランと機能の有無を先に調べます。表示経路を変えるためだけに、記事をほかのカテゴリーから外したり、分類全体を作り直したりする前に、どの機能で経路を管理できるかを確かめましょう。記事を分類することと、表示する経路を選ぶことは、別に考えると整理しやすくなります。

JSON-LDは画面と別に取得して読む

次に、画面の名前と、検索エンジンへ渡すデータを比べます。JSON-LDの中では、パンくず全体をBreadcrumbListという型で表し、一つずつの項目をListItemとして並べます。各項目のpositionが順番、nameが名前、itemが移動先のURLです。

1. 対象記事のページソースを開く。PCのブラウザーで閲覧用ページを開き、右クリックメニューなどから「ページのソースを表示」を選びます。ソースは、そのページを作るためのHTMLなどの記述です。
2. パンくずのデータを探す。ページ内検索でBreadcrumbListを探します。JSON-LDなら、application/ld+jsonと書かれたscript要素の中にあります。見つからなければ、データはまだ確認できていない状態として、出力元の設定を調べます。
3. 順番・名前・URLを照合する。positionの順にnameを読み、さきほど画面で見た経路と比べます。itemがあれば、クリック後に確認した移動先と合うかも見ます。今回の例なら、上の表の「JSON-LD」欄が照合の基準になります。

Googleの資料では、少なくとも二つのListItemが必要で、最後の項目ではitemを省略できます。元の検証で取得したデータは1・2・3の順で、表示した三つの名前と対応していました。最後の記事にitemがないことも、それだけで設定漏れとはいえません。

気を付けたいのは、AIOSEOの公式資料が、画面のパンくずと構造化データを別の出力として説明していることです。パンくず設定画面の変更は画面表示を対象とし、Homepage labelも構造化データ側の名前を変更する設定ではないとされています。元の5.0.2の検証では、両方が「ホーム」になっていましたが、これはその環境での観測として扱います。

名前が違う場合は、どちらで、どの項目が違うかをメモしてください。PHPフィルターという、出力をプログラムで調整する仕組みもありますが、まずは違いと出力元を特定することが先です。テーマとプラグインの双方から別の経路が出ている場合も、それぞれの設定を見直します。

表示がおかしいときに戻る場所

確認が途中で止まったら、症状に合う行から戻ります。表に出てくるhrefはリンクの移動先を指定するHTMLの属性です。「キャッシュ」は、表示を速くするために保存されたページの写しを指します。設定を変えたのに古い表示が残るときは、保存と再読み込みに加えて、キャッシュの影響も確認します。

作業を終える前に、対象記事をもう一度開き、経路が一つ表示されること、カテゴリー名を押すと目的の記事一覧へ移ること、JSON-LDの内容を確認できたこと、スマホ幅でも読めることを順番に確かめます。食い違いが残った場合は、対象記事のURLと、どの名前・移動先・データが違ったかを記録しておくと、修正する場所を絞れます。

最後にカテゴリーの記事一覧を見て、読者が続けて読みたい記事を探せるかを確認してください。短い名前だけを整えるのでなく、その先の記事一覧までつなげることで、パンくずが読者のための道案内になります。

関連記事：専門分野が複数あるブログのカテゴリー設計｜読者の用事で記事をつなぐ方法