パンくずリストとは？SEO効果と実装方法（JSON-LD・HTML）

パンくずリストとは

パンくずリスト（Breadcrumb Navigation）は、ユーザーが現在どのページにいるかを階層的に示すナビゲーション要素です。「ホーム > カテゴリ > サブカテゴリ > 現在のページ」のように表示します。童話「ヘンゼルとグレーテル」でパンくずを落として道を示したことが名前の由来です。

SEO効果

• サイト構造の伝達：クローラーがサイトの階層構造を理解しやすくなる
• 内部リンクの強化：各階層ページへのリンクが増え、クロールされやすくなる
• リッチリザルト：構造化データを実装するとGoogle検索結果にパンくずが表示され、CTR向上につながる

HTML実装例

<nav aria-label="パンくずリスト">
  <ol>
    <li><a href="/">ホーム</a></li>
    <li><a href="/blog">ブログ</a></li>
    <li aria-current="page">現在のページ</li>
  </ol>
</nav>

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": "記事タイトル"}
  ]
}