パンくずリストにSEO効果はある?2026年も実装すべき理由と構造化データの書き方
「パンくずリストって今でもSEOに効果あるの?」——結論から言うと、2026年も実装する価値はあります。ただし、その理由は多くの記事で語られている内容とは少し異なります。
2025年1月、Googleはモバイル検索結果でのパンくず表示を廃止しました。「CTR向上に効く」という従来の説明は、少なくともモバイルでは当てはまらなくなっています。
この記事では、2026年時点でパンくずリストを実装すべき本当の理由、BreadcrumbList構造化データの正しい書き方、WordPress・Next.jsでの実装方法までを解説します。
パンくずリストを含む構造化データの実装状況を確認したい方は、無料診断ツールでチェックできます。
結論:3行でまとめ
- パンくずリストは2026年も実装する価値がある(ただしモバイル検索結果では非表示)
- 効果は間接的:順位が直接上がるわけではない。サイト構造の明示と内部リンク強化が主な効果
- UIに表示しているパンくずと構造化データを一致させることが必須
最短実装手順(WordPress + Yoast SEOの場合)
- Yoast SEO > 検索での見え方 > パンくずリスト で有効化
- テーマの適切な位置に
<?php yoast_breadcrumb(); ?>を追加 - リッチリザルトテストで確認
これだけで構造化データ付きのパンくずリストが出力されます。
検索結果での表示比較(Before/After)
パンくずリストを実装すると、検索結果の表示がどう変わるかを見てみましょう。
デスクトップ検索結果
パンくずなし(URLがそのまま表示):
📄 パンくずリストのSEO効果は?2026年も実装すべき理由
https://example.com/blog/seo/breadcrumb-guide/
パンくずリストのSEO効果を2026年の最新仕様で解説...
パンくずあり(階層構造が表示):
📄 パンくずリストのSEO効果は?2026年も実装すべき理由
example.com › ブログ › SEO
パンくずリストのSEO効果を2026年の最新仕様で解説...
パンくずがあると、ページがサイト内のどこに位置するかが一目でわかります。「SEOに関する記事だな」と判断でき、クリック判断の材料になります。
モバイル検索結果(2025年1月以降)
変更前(〜2025年1月):
example.com › ブログ › SEO
パンくずリストのSEO効果は?
変更後(2025年1月〜):
example.com
パンくずリストのSEO効果は?
モバイルでは構造化データを実装していてもパンくずは表示されません。ドメイン名のみの表示になります。
ここまで読んで、自社サイトが気になった方へ
URLを入力するだけ。会員登録は一切不要で、30秒後に以下がわかります。
100点満点スコア
改善点Top3
改善レポート
URLを入力するだけ / 会員登録不要 / データ保存なし
パンくずリストとは
パンくずリスト(Breadcrumb)は、サイト内での現在位置を階層的に示すナビゲーションです。
ホーム > ブログ > SEO > パンくずリストのSEO効果
名前の由来は童話「ヘンゼルとグレーテル」。森で迷わないようにパンくずを落として道しるべにした話から、「元の場所に戻れるナビゲーション」という意味で使われています。
パンくずリストの役割
| 役割 | 説明 |
|---|---|
| ユーザビリティ | 現在地の把握、上位階層への移動が簡単になる |
| サイト構造の明示 | 検索エンジンにサイトの階層構造を伝える |
| 内部リンクの強化 | 上位階層へのリンクが自然に増える |
| 検索結果での表示 | デスクトップではURLの代わりにパンくずが表示される |
2026年、パンくずリストを取り巻く状況
モバイル検索結果では非表示に(2025年1月〜)
2025年1月23日、Googleはモバイル検索結果でのパンくず表示を廃止しました。
変更前(〜2025年1月):
example.com > ブログ > SEO
パンくずリストのSEO効果は?
変更後(2025年1月〜):
example.com
パンくずリストのSEO効果は?
モバイルでは、パンくずの代わりにドメイン名のみが表示されます。デスクトップ検索結果では引き続きパンくずが表示されます。
これが意味するのは、「パンくずリスト → CTR向上」という効果は、少なくともモバイルユーザーには当てはまらなくなったということです。日本のGoogle検索の約75%はモバイルからのアクセスです。
FAQ・HowToリッチリザルトは廃止、パンくずは継続
構造化データを巡る状況を整理すると:
| 構造化データ | 状況(2026年時点) |
|---|---|
| FAQPage | 2023年8月〜政府・医療サイト限定。一般サイトではリッチリザルト非表示(詳細) |
| HowTo | 2023年9月〜リッチリザルト廃止 |
| BreadcrumbList | 継続サポート(デスクトップで表示) |
| Article | 継続サポート |
| Product | 継続サポート |
パンくずリストは「唯一残った構造化データ」ではありませんが、業種を問わず使いやすく、今も広く有効な構造化データの一つです。
それでもパンくずリストを実装すべき3つの理由
「モバイルで表示されないなら意味ないのでは?」と思うかもしれません。しかし、パンくずリストの価値は検索結果での表示だけではありません。
1. サイト構造をGoogleに明示できる
構造化データでパンくずを記述すると、Googleにサイトの階層構造を明確に伝えられます。
Googleは構造化データがなくても、URLやページ内のリンクからサイト構造を推測します。しかし、明示的に記述した方がGoogleの理解が安定しやすい傾向があります(Google公式の明言ではなく、SEO実務者の経験則です)。
特に以下のケースでは構造化データの効果が大きいです:
- URLがサイト構造を反映していない(例:
/p/12345のようなID形式) - 複数のカテゴリに属するページがある
- サイトリニューアルで階層構造が変わった
具体例:ECサイトの商品ページ
あるアパレルECサイトの商品ページを例に考えます。
URLがID形式の場合:
URL: https://shop.example.com/items/12345
このURLからは「メンズのTシャツ」であることが分かりません。しかし、パンくず構造化データがあれば:
{
"@type": "BreadcrumbList",
"itemListElement": [
{ "position": 1, "name": "ホーム", "item": "https://shop.example.com/" },
{ "position": 2, "name": "メンズ", "item": "https://shop.example.com/mens/" },
{ "position": 3, "name": "Tシャツ", "item": "https://shop.example.com/mens/tshirts/" },
{ "position": 4, "name": "ベーシック白Tシャツ" }
]
}
検索結果には shop.example.com › メンズ › Tシャツ と表示される可能性が高くなり、ユーザーは商品カテゴリを一目で把握できます。
2. 内部リンク構造が自然に強化される
パンくずリストを設置すると、全ページから上位階層へのリンクが自然に増えます。
記事A → カテゴリページ → トップページ
記事B → カテゴリページ → トップページ
記事C → カテゴリページ → トップページ
この内部リンク構造により:
- 重要なページ(カテゴリ、トップ)へのリンクが集まる
- クローラーがサイト全体を巡回しやすくなる
- ページ間の関連性がGoogleに伝わる
3. デスクトップ検索結果での視認性
モバイルでは非表示になりましたが、デスクトップ検索結果では引き続きパンくずが表示されます。
デスクトップユーザーの割合は約25%ですが、B2Bサイトやデスクトップ利用が多い業種では依然として重要です。URLがそのまま表示されるより、パンくずの方がページの文脈が伝わりやすいです。
効果に関するデータ
パンくずリスト単体の効果を示す公式データはありません。参考として、関連する統計を紹介しますが、これらはパンくずリストの直接効果を示すものではない点に注意してください。
| 調査内容 | 結果 | 出典・注意 |
|---|---|---|
| 構造化データ実装後のCTR変化 | 平均+25%(リッチリザルト全般) | Google公式事例。Rotten Tomatoes社の事例。パンくず単体ではない |
| 日本のデスクトップ/モバイル比率 | デスクトップ約25%、モバイル約75% | StatCounter Global Stats(2026年7月時点の概算) |
| B2Bサイトのデスクトップ比率 | 約50-60%がデスクトップ | 業界一般の傾向。サイトにより大きく異なる |
注意: 上記はリッチリザルト全般や検索行動の統計であり、パンくずリスト単体の直接効果を示すものではありません。「パンくずを入れればCTRが25%上がる」という解釈は誤りです。
パンくずリストの効果は、他の要素(コンテンツ品質、タイトル、他の構造化データ)と組み合わさって発揮されます。単体での効果測定は困難ですが、実装コストが低いため、階層構造があるサイトでは実装を推奨します。
注意: Googleの構造化データガイドラインでは、ユーザーに見えない構造化データや、ページ内容と一致しない構造化データに対してmanual actionの可能性があると明記されています。UIに表示しているパンくずと一致させることが重要です。
前提:パンくずは「順位上昇テクニック」ではない
ここで誤解を防いでおきます。
パンくずリストの構造化データを入れても、検索順位が直接上がるわけではありません。Googleはパンくずをランキング要因として使っているとは公表していません。
パンくずリストの効果は以下のような間接的なものです:
- サイト構造の理解 → クロール効率の改善
- 内部リンクの強化 → 重要ページへのリンク集約
- 検索結果での表示 → CTR改善(デスクトップのみ)
「パンくずを入れれば順位が上がる」という期待で実装すると、効果を実感できずがっかりするかもしれません。正しい期待値を持って実装することが重要です。
あなたのサイトはパンくずを実装すべきか?判断フローチャート
以下のフローで判断してください。
Q1. サイトに階層構造がありますか?(トップ→カテゴリ→詳細ページ)
├── はい → Q2へ
└── いいえ(1階層のみ)→ パンくず不要。他の構造化データ(Article等)を優先
Q2. 既にパンくずリストをUIに表示していますか?
├── はい → Q3へ
└── いいえ → Q2-aへ
Q2-a. UIにパンくずを追加する予定はありますか?
├── はい → UI実装後、構造化データも追加
└── いいえ → 構造化データだけの追加は非推奨(UIと一致が原則)
Q3. 構造化データ(JSON-LD)は実装済みですか?
├── はい → Q4へ
└── いいえ → 実装推奨。テンプレート1箇所の修正で全ページに反映可能
Q4. UIの表示内容と構造化データは一致していますか?
├── はい → 実装完了。リッチリザルトテストで定期確認
└── いいえ → 一致させる修正が必要
サイト種別ごとの推奨
| サイト種別 | パンくず優先度 | 理由 |
|---|---|---|
| EC・通販サイト | ★★★ 必須 | 商品→カテゴリ→トップの階層が明確。複数経路にも対応 |
| コーポレートサイト | ★★☆ 推奨 | サービス→事業領域→トップの構造を明示 |
| ブログ・メディア | ★★☆ 推奨 | 記事→カテゴリ→トップの構造。記事数が多いほど効果大 |
| LP(1ページ完結) | ☆☆☆ 不要 | 階層構造がないため意味がない |
| B2Bサービス | ★★★ 必須 | デスクトップ利用が多く、パンくず表示の恩恵が大きい |
| ポートフォリオ | ★☆☆ 任意 | 階層が浅い場合は不要 |
BreadcrumbList構造化データの書き方
JSON-LD形式での構造化データの基本についてはJSON-LD構造化データ実装ガイドも参照してください。
基本構造(JSON-LD)
Googleが推奨するJSON-LD形式での記述例です。
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "ホーム",
"item": "https://example.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "ブログ",
"item": "https://example.com/blog/"
},
{
"@type": "ListItem",
"position": 3,
"name": "SEO",
"item": "https://example.com/blog/seo/"
},
{
"@type": "ListItem",
"position": 4,
"name": "パンくずリストのSEO効果"
}
]
}
ポイント:
positionは1から始まる連番- 最後の項目(現在のページ)は
itemを省略可能 nameは表示するテキスト、itemはURL
HTMLへの埋め込み
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "ホーム",
"item": "https://example.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "パンくずリストのSEO効果"
}
]
}
</script>
<head>内または<body>内のどこに配置しても問題ありません。
複数の経路がある場合
ECサイトなど、1つのページが複数のカテゴリに属する場合は、複数のパンくず経路を記述できます。
例:「青いTシャツ」が「メンズ > トップス」と「セール」の両方に属する場合
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "ホーム",
"item": "https://example.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "メンズ",
"item": "https://example.com/mens/"
},
{
"@type": "ListItem",
"position": 3,
"name": "トップス",
"item": "https://example.com/mens/tops/"
},
{
"@type": "ListItem",
"position": 4,
"name": "青いTシャツ"
}
]
},
{
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "ホーム",
"item": "https://example.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "セール",
"item": "https://example.com/sale/"
},
{
"@type": "ListItem",
"position": 3,
"name": "青いTシャツ"
}
]
}
]
}
Google公式ドキュメントでも複数経路はサポートされています。
WordPress・Next.jsでの実装方法
WordPress
方法1: Yoast SEOプラグイン(推奨)
Yoast SEOを使用している場合、パンくずリストは自動で構造化データ付きで出力されます。
- Yoast SEO > 検索での見え方 > パンくずリスト
- 「パンくずリストを有効にする」をオン
- テーマファイルに以下を追加:
<?php
if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb( '<nav class="breadcrumb">', '</nav>' );
}
?>
方法2: 手動実装
プラグインを使わない場合は、UIのパンくずHTML出力とJSON-LDの両方を実装します。
UIのパンくずHTML(テンプレートファイルに追加):
<?php
function display_breadcrumb_html() {
if ( is_front_page() ) return;
echo '<nav class="breadcrumb" aria-label="パンくずリスト">';
echo '<ol itemscope itemtype="https://schema.org/BreadcrumbList">';
// ホーム
echo '<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">';
echo '<a itemprop="item" href="' . home_url('/') . '"><span itemprop="name">ホーム</span></a>';
echo '<meta itemprop="position" content="1" />';
echo '</li>';
$position = 2;
// カテゴリ(投稿の場合)
if ( is_single() ) {
$categories = get_the_category();
if ( $categories ) {
echo '<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">';
echo '<a itemprop="item" href="' . get_category_link($categories[0]->term_id) . '">';
echo '<span itemprop="name">' . esc_html($categories[0]->name) . '</span></a>';
echo '<meta itemprop="position" content="' . $position++ . '" />';
echo '</li>';
}
}
// 現在のページ
echo '<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">';
echo '<span itemprop="name">' . get_the_title() . '</span>';
echo '<meta itemprop="position" content="' . $position . '" />';
echo '</li>';
echo '</ol></nav>';
}
?>
JSON-LD出力(wp_headに追加):
function custom_breadcrumb_json_ld() {
if ( is_front_page() ) return;
$items = array();
$position = 1;
// ホーム
$items[] = array(
'@type' => 'ListItem',
'position' => $position++,
'name' => 'ホーム',
'item' => home_url('/')
);
// カテゴリ(投稿の場合)
if ( is_single() ) {
$categories = get_the_category();
if ( $categories ) {
$items[] = array(
'@type' => 'ListItem',
'position' => $position++,
'name' => $categories[0]->name,
'item' => get_category_link($categories[0]->term_id)
);
}
}
// 現在のページ
$items[] = array(
'@type' => 'ListItem',
'position' => $position,
'name' => get_the_title()
);
$json_ld = array(
'@context' => 'https://schema.org',
'@type' => 'BreadcrumbList',
'itemListElement' => $items
);
echo '<script type="application/ld+json">' . json_encode($json_ld, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) . '</script>';
}
add_action('wp_head', 'custom_breadcrumb_json_ld');
Next.js
Next.jsでは、next-seoパッケージまたは手動でJSON-LDを出力します。
方法1: next-seoパッケージ
npm install next-seo
import { BreadcrumbJsonLd } from 'next-seo';
export default function BlogPost({ post }) {
return (
<>
<BreadcrumbJsonLd
itemListElements={[
{
position: 1,
name: 'ホーム',
item: 'https://example.com/',
},
{
position: 2,
name: 'ブログ',
item: 'https://example.com/blog/',
},
{
position: 3,
name: post.title,
item: `https://example.com/blog/${post.slug}/`,
},
]}
/>
{/* ページコンテンツ */}
</>
);
}
方法2: 手動実装
export default function BlogPost({ post }) {
const breadcrumbJsonLd = {
'@context': 'https://schema.org',
'@type': 'BreadcrumbList',
itemListElement: [
{
'@type': 'ListItem',
position: 1,
name: 'ホーム',
item: 'https://example.com/',
},
{
'@type': 'ListItem',
position: 2,
name: 'ブログ',
item: 'https://example.com/blog/',
},
{
'@type': 'ListItem',
position: 3,
name: post.title,
},
],
};
return (
<>
<script
type="application/ld+json"
dangerouslySetInnerHTML={{ __html: JSON.stringify(breadcrumbJsonLd) }}
/>
{/* ページコンテンツ */}
</>
);
}
よくある実装ミスと注意点
1. UIのパンくずと構造化データが一致していない
画面に表示しているパンくずと、構造化データの内容が異なるケースがあります。
❌ 画面: ホーム > ブログ > SEO > 記事タイトル
❌ 構造化データ: ホーム > 記事タイトル(カテゴリが抜けている)
Google公式ガイドラインでは、構造化データはページに表示されているパンくずを反映する必要があるとされています。
2. URLとサイト構造が一致していない
パンくずで示す階層と、実際のURL構造が異なる場合、Googleが混乱する可能性があります。
❌ パンくず: ホーム > ブログ > SEO > 記事
❌ URL: example.com/p/12345(階層構造を反映していない)
完全に一致させる必要はありませんが、大きく乖離している場合は整理を検討してください。
3. トップページにパンくずを入れている
トップページは階層の最上位なので、パンくずリストは通常は不要です。
❌ トップページに「ホーム」だけのパンくず
✅ トップページにはパンくずなし
ただし、これは「間違い」というより「不要」という話です。入れても大きな問題にはなりません。
4. 構造化データのエラー
よくある構文エラー:
positionが0から始まっている(1から始める)itemにURLではなくアンカー(#section)が入っている- JSON-LDの構文エラー(カンマの過不足など)
リッチリザルトテストで必ず検証してください。
パンくずが検索結果に表示されない場合
構造化データを正しく実装しても、検索結果にパンくずが表示されないことがあります。
原因1: モバイル検索
2025年1月以降、モバイル検索結果ではパンくずは表示されません。デスクトップで確認してください。
原因2: Googleが採用しない判断をした
Googleは構造化データを必ず採用するわけではありません。公式ドキュメントには以下の記載があります:
Google doesn't guarantee that your page will appear with this feature in search results.
構造化データが正しくても、Googleの判断で表示されないことがあります。
原因3: インデックスに反映されていない
構造化データを追加した後、Googleがページを再クロールするまで反映されません。Search Consoleでインデックス登録をリクエストすると早まることがあります。
実装状況のチェック方法
1. リッチリザルトテスト
GoogleリッチリザルトテストにURLを入力すると、構造化データの検出状況とエラーを確認できます。
2. Search Console
Search Console > 拡張 > パンくずリスト で、サイト全体の実装状況とエラーを確認できます。
3. 実際の検索結果で確認
site:example.comでデスクトップ検索し、パンくずが表示されているか目視確認します。
パンくずリストを含むAI検索対応度を一括でチェックしたい場合は、無料診断ツールをお試しください。構造化データの実装状況をレポートで確認できます。
まとめ
- パンくずリストは2026年も実装する価値がある構造化データ
- ただし、モバイル検索結果では非表示になった(2025年1月〜)
- SEO効果は間接的:サイト構造の明示、内部リンク強化、デスクトップでの表示
- 「入れれば順位が上がる」わけではない。正しい期待値を持つ
- UIのパンくずと構造化データを一致させる
- リッチリザルトテストで必ず検証する
関連記事
- JSON-LD構造化データの書き方完全ガイド — BreadcrumbList以外の構造化データも解説
- FAQPageスキーマはもう効かない?2026年に残すべき構造化データ — FAQ構造化データの現状と判断基準
- SEO対策 2026年版|AI Overview時代に変わること・変わらないこと — 2026年のSEO全体像
FAQ
Q: パンくずリストを入れると検索順位は上がりますか?
直接的な順位上昇は期待できません。パンくずはランキング要因ではなく、サイト構造の理解や検索結果での表示に影響する要素です。間接的にSEOに貢献する可能性はありますが、「入れれば順位が上がる」という期待は持たない方がよいでしょう。
Q: モバイルで表示されないなら実装する意味はないですか?
デスクトップ検索結果では引き続き表示されます。また、検索結果での表示以外にも、サイト構造の明示や内部リンク構造の強化という効果があります。特に大規模サイトやB2Bサイトでは実装する価値があります。
Q: 構造化データなしでもパンくずは表示されますか?
Googleは構造化データがなくても、URLやページ内のリンクからパンくずを推測して表示することがあります。ただし、構造化データで明示した方が意図通りに表示される可能性が高くなります。
Q: 複数のカテゴリに属するページはどうすればいいですか?
複数のパンくず経路を@graphで記述できます。ECサイトなど、1つの商品が複数のカテゴリに属する場合に有効です。Google公式ドキュメントでもサポートされています。
この記事の内容、自社サイトではどこまでできていますか?
URLを入力するだけ。会員登録は一切不要です。
AI検索対応度の総合スコア
7カテゴリ100点満点で評価
優先度つき改善ポイントTop3
具体的な修正手順つき
PDF / Markdownレポート
AIに渡して改善提案をもらうことも可能
URLを入力するだけ / 会員登録不要 / 30秒で結果表示
改善ポイント例:
関連記事
著者情報・更新日の設定方法|SEOとAI検索に効く信頼性の高め方
著者情報と更新日の正しい書き方・構造化データ設定を解説。ProfilePage・Article構造化データのコード例、WordPress・Next.js別の実装...
OGPタグの書き方と設定方法|必須タグ・画像サイズ・確認手順
OGPタグの書き方と設定手順を解説。og:title・og:image・Twitter Cardの必須タグ、1200×630px画像の作り方、Facebook・...
canonicalタグの設定方法と確認手順|重複コンテンツ対策の基本
canonicalタグの正しい設定方法を、HTML・HTTPヘッダー・サイトマップの3つの方法で解説。WordPress・Shopify・Next.js別の実装...