---
title: "BreadcrumbListとは？HTML共有・AI生成サイトでの意味をやさしく解説"
description: "BreadcrumbListの意味と、AI生成サイトや静的HTMLを外部公開したときに検索結果でどう機能するかを解説。実装の最小例と確認方法を初心者向けにまとめます。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/what-is-breadcrumb-list-html-share"
markdown: "https://giga-site.com/articles/what-is-breadcrumb-list-html-share/index.md"
category: "用語解説"
publishedAt: "2026-06-25"
updatedAt: "2026-06-25"
readingMinutes: 4
---
# BreadcrumbListとは？HTML共有・AI生成サイトでの意味をやさしく解説
Googleの検索結果でURLの代わりに「ホーム > カテゴリ > 記事名」と階層が表示されることがあります。これを実現するのがBreadcrumbListという構造化データです。AIで作ったマルチページサイトをURLで公開したとき、このマークアップがあるかどうかで検索クリック率が変わることもあるため、意味と実装方法を理解しておく価値があります。
> Source HTML: https://giga-site.com/articles/what-is-breadcrumb-list-html-share
> Article index: https://giga-site.com/articles/index.md
## ひとことで言うと
BreadcrumbListはSchema.orgが定義する構造化データの型の一つで、現在のページがサイト階層のどの位置にあるかを示すリスト情報です。例えば「トップ > ブログ > SEO基礎」という3階層を定義すると、Googleがそれを検索結果のURLスニペット部分にパンくずナビとして表示するリッチリザルトを生成できます。
JSON-LDで記述する場合は、@typeをBreadcrumbList、itemListElementに各階層をListItemとして配列で並べます。各ListItemにはposition（順番を示す整数）、name（表示名）、item（そのページの絶対URL）の3つを指定します。AIツールが複数ページのサイトを生成した場合、各ページに対応する階層情報を個別に設定する必要があります。
- 相手がログインなしで開ける状態か確認する
- PCとスマホで最低1回ずつ表示を確認する
- 内部情報・個人情報・不要な外部送信が残っていないか見る
- レビュー期限と修正時の差し替え方を決めておく
## HTML共有で関係する場面
ギガサイト便などでAI生成のマルチページサイトを公開し、Googleにインデックスされた場合、BreadcrumbListが正しく設定されていると検索結果にパンくずが表示されます。特にカテゴリページ・詳細ページという2〜3階層構造を持つLP集合では、ユーザーが求めているページを素早く判断できるため、クリック率改善につながることがあります。
単ページの静的HTMLをURLで共有するケースでは、BreadcrumbListの効果は限定的です。パンくずは階層を持つサイトで意味を持つため、提案書1枚・LPを1URLで共有するだけなら優先度は低く、まずOGPとpage titleを正しく設定する方が実用上の優先度が高いです。
## よくある誤解
「BreadcrumbListを入れればGoogleがそのURLを正しいパスとして認識してくれる」という誤解があります。実際にはBreadcrumbListのitemフィールドに書いたURLと実際のページURLが一致していないとエラーになります。AIが自動生成したBreadcrumbListのitemURLがexample.comのままになっているケースがよくあるため、公開ドメインに変更する作業が必要です。
HTMLに視覚的なパンくずナビ（ul/li要素のナビゲーション）が実装されていればBreadcrumbListは不要、と思う人がいますが両者は別物です。視覚的なパンくずはユーザー向け、BreadcrumbListは検索エンジン向けの機械読み取り用データです。どちらか一方だけでも機能しますが、両方揃えるのがGoogleが推奨する実装です。
## 安全に使うための注意点
BreadcrumbListのitem（URL）には必ず公開可能な絶対URLを書いてください。社内プレビュー用の一時URLや認証付きURLを書くと、検索エンジンがそこにアクセスしようとしたときに403エラーになり、構造化データが無視されます。本番ドメインへの移行時にitem URLを必ず書き換えるチェックリストを用意しておくと安全です。
positionの番号は1から連番で並べることがGoogleの仕様です。1, 2, 4 のように欠番があったり、0始まりにしたりするとバリデーションエラーになります。AIツールが自動生成したBreadcrumbListを使う場合は、リッチリザルトテストに貼って「エラー 0件」を確認してから本番投入するのが確実な手順です。
## よくある質問
### BreadcrumbListを入れると必ず検索結果にパンくずが表示されますか？
表示されるかはGoogleの判断に委ねられており、正しく実装しても表示されないことがあります。ただしエラーのない正しいBreadcrumbListは表示される可能性を高める条件の一つです。Search Consoleのパンくずリストレポートで状況を確認できます。
### 1ページだけのLPにBreadcrumbListは意味がありますか？
意味はほぼありません。BreadcrumbListは複数ページの階層構造を持つサイトで効果を発揮します。単ページLPの場合は代わりにWebPage型またはLandingPage型のJSON-LDを実装する方が適切です。
### BreadcrumbListで指定するURLはhttpsとhttpどちらにすべきですか？
本番サイトのプロトコルに合わせてください。現在ほぼ全てのサイトがhttpsのため、httpsを使うのが標準です。httpとhttpsを混在させるとGoogleが別URLとして認識し、インデックス分散が起きる場合があります。
## 関連記事
- [SRI（Subresource Integrity）とは？HTML共有・AI生成サイトでの意味をやさしく解説](https://giga-site.com/articles/what-is-sri-html-share/index.md)
- [Referrer-Policyとは？HTML共有・AI生成サイトでの意味をやさしく解説](https://giga-site.com/articles/what-is-referrer-policy-html-share/index.md)
- [Permissions-Policyとは？HTML共有・AI生成サイトでの意味をやさしく解説](https://giga-site.com/articles/what-is-permissions-policy-html-share/index.md)
- [Same-Origin Policyとは？HTML共有・AI生成サイトでの意味をやさしく解説](https://giga-site.com/articles/what-is-same-origin-policy-html-share/index.md)
- [sandbox付きiframeとは？HTML共有・AI生成サイトでの意味をやさしく解説](https://giga-site.com/articles/what-is-sandbox-iframe-html-share/index.md)
- [CORSプリフライトとは？HTML共有・AI生成サイトでの意味をやさしく解説](https://giga-site.com/articles/what-is-cors-preflight-html-share/index.md)
```json
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "BreadcrumbListとは？HTML共有・AI生成サイトでの意味をやさしく解説",
"description": "BreadcrumbListの意味と、AI生成サイトや静的HTMLを外部公開したときに検索結果でどう機能するかを解説。実装の最小例と確認方法を初心者向けにまとめます。",
"datePublished": "2026-06-25",
"dateModified": "2026-06-25",
"mainEntityOfPage": "https://giga-site.com/articles/what-is-breadcrumb-list-html-share",
"url": "https://giga-site.com/articles/what-is-breadcrumb-list-html-share",
"inLanguage": "ja",
"image": "https://giga-site.com/og-image.png",
"articleSection": "用語解説",
"author": {
"@type": "Organization",
"name": "ギガサイト便"
},
"publisher": {
"@type": "Organization",
"name": "ギガサイト便"
},
"mainEntity": [
{
"@type": "Question",
"name": "BreadcrumbListを入れると必ず検索結果にパンくずが表示されますか？",
"acceptedAnswer": {
"@type": "Answer",
"text": "表示されるかはGoogleの判断に委ねられており、正しく実装しても表示されないことがあります。ただしエラーのない正しいBreadcrumbListは表示される可能性を高める条件の一つです。Search Consoleのパンくずリストレポートで状況を確認できます。"
}
},
{
"@type": "Question",
"name": "1ページだけのLPにBreadcrumbListは意味がありますか？",
"acceptedAnswer": {
"@type": "Answer",
"text": "意味はほぼありません。BreadcrumbListは複数ページの階層構造を持つサイトで効果を発揮します。単ページLPの場合は代わりにWebPage型またはLandingPage型のJSON-LDを実装する方が適切です。"
}
},
{
"@type": "Question",
"name": "BreadcrumbListで指定するURLはhttpsとhttpどちらにすべきですか？",
"acceptedAnswer": {
"@type": "Answer",
"text": "本番サイトのプロトコルに合わせてください。現在ほぼ全てのサイトがhttpsのため、httpsを使うのが標準です。httpとhttpsを混在させるとGoogleが別URLとして認識し、インデックス分散が起きる場合があります。"
}
}
]
}
```