# パンくずリストとは？設置おけるSEO効果や作り方、種類を解説！ > **Canonical:** https://www.tsuyoshikashiwazaki.jp/blog/internal-link/breadcrumbs/ > This Markdown is the AI-optimized parallel version of the canonical HTML page above. Authority, freshness, and canonicalness belong to the canonical page. > **Schema.org/Article** > - headline: パンくずリストとは？設置おけるSEO効果や作り方、種類を解説！ > - author: 柏崎剛 > - datePublished: 2025-02-19T07:02:42+09:00 > - dateModified: 2025-12-23T02:07:20+09:00 > - inLanguage: ja > - url: https://www.tsuyoshikashiwazaki.jp/blog/internal-link/breadcrumbs/ > > **Schema.org/BreadcrumbList** > - 1: SEO対策研究室 (https://md.tsuyoshikashiwazaki.jp/) > - 2: パンくずリストとは？設置おけるSEO効果や作り方、種類を解説！ (https://md.tsuyoshikashiwazaki.jp/blog/internal-link/breadcrumbs/) 目次閉じるもっと見る ## 要約 - パンくずリスト設置はユーザーが現在位置を把握しやすくなるメリットと、Googleクローラーがサイト構造を理解しやすくなるメリットがある。 - パンくずリスト作成はWordPressのテーマ設定やプラグインを使う方法、手動でコードを記述する方法があり、目的やスキルに応じて選択できる。 - パンくずリスト設置時の注意点は、リンク切れを防ぎ、モバイル対応を意識することである。 ## パンくずリストとは ![パンくずリストとはサイト上部にあり閲覧中のページの所属するカテゴリーを示すものである]() パンくずリストとは、ウェブサイトの階層構造を視覚的に示すナビゲーションです。ユーザーが現在訪問しているページの位置を把握し、上位階層にスムーズに戻ることを助けます。 パンくずリストは通常、トップページから対象ページまでの経路をリンク形式で表示します。ユーザーエクスペリエンスの向上に寄与するだけでなく、内部リンク構造も強化します。検索エンジンがサイト全体の構造を効率的にクロール・インデックスすることもできるため、SEOの観点からも重要であると言われています。また、構造化データ（Schema.org）を使用することで、検索結果に直接表示されるパンくずリストを実現することが可能です。 ## パンくずリストの由来 パンくずリストの由来は、童話「ヘンゼルとグレーテル」が基になっています。 童話の中にはヘンゼルとグレーテルが森においてきぼりにされるシーンがあります。迷わず家に帰ることができるようにとヘンゼルが考えたのが、帰り道を記録する目的でパンくずを落としながら進むという方法でした。そんなエピソードが、ウェブサイト内での現在位置を示し、ユーザーが上位階層や起点に戻るための道筋を視覚的に表示するナビゲーション機能であることから、パンくずリストという名称が付けられているのです。なぜパンくずリストというのかの答えはここにあります。 童話では鳥にパンくずが食べられるというオチがある一方、ウェブサイトのパンくずリストはしっかりと構造化されており、ユーザーと検索エンジン双方にとって信頼性の高いナビゲーションとして機能します。 ### パンくずリストの英語での言い方 パンくずリストの英語表記は、一般的に「**breadcrumb navigation**」または「**breadcrumbs**」とされます。この用語はGoogleの公式ガイドラインや構造化データ（Schema.org）のドキュメントでも採用されており、SEOおよびWebデザインの分野で広く認知されています。特に「breadcrumbs」は、検索エンジンやクローラーがサイト構造を効率的に理解する手助けとなり、検索結果に表示されるナビゲーション要素としても活用されます。 また、簡潔で専門性の高い表現であるため、Web管理者やSEO担当者にとって標準的な用語として使用されています。他に正式名称として「breadcrumbs list」や「topic path」と表記されることもありますが、一般的には「**breadcrumbs**」が最適とされています。 ## パンくずリストのメリット パンくずリストを設置することでのメリットを挙げてると以下が考えられます。 - ユーザーが現在どのページにアクセスしているかを示すことで探している情報にアクセスしやすくなる - Googleによるクロールをサポートすることでクローラビリティの改善になる パンくずリストの主なメリットは、UX（ユーザーエクスペリエンス）の向上とSEOの強化にあります。 まず、パンくずリストはユーザーが現在アクセスしているページの位置を階層的に示すため、情報の探索が容易になり、離脱率の低下や滞在時間の増加につながります。また、Googleのクローラーに対してサイト構造を効率的に伝える役割も果たし、ページのインデックスが迅速かつ正確に行われる可能性が高まります。 ユーザー体験と検索エンジン最適化の両方を効果的に支えるパンくずリストはウェブサイトには必須です。 ## パンくずリストの種類 ![パンくずリストの種類は3種類ある]() パンくずリストの種類は3種類あります。 - 位置型パンくずリスト - 属性型パンくずリスト - パス型パンくずリスト それぞれのパンくずリストの種類を解説します。 ### 位置型パンくずリスト 位置型パンくずリストの特徴は、サイトの階層構造に基づいて、現在のページがどの位置にあるかを示します。 ``` トップページ > カテゴリ > サブカテゴリ > 現在のページ ``` 主に大規模なサイトや階層が深いサイトで利用され、ユーザーが現在の位置を把握し、上位階層に移動するための道筋を示します。ECサイト（商品カテゴリ）やニュースサイトでよく見かけます。 ### 属性型パンくずリスト 属性型パンくずリストは、現在のページの属性やフィルタリング条件を基に生成されるパンくずリストです。 ``` ホーム > メンズ > シューズ > スニーカー > ブラック ``` ユーザーが絞り込み検索やフィルタリングを行った際に、その条件を視覚的に表示し、他の選択肢に素早く戻れるようにします。ショッピングサイトで色、サイズ、ブランドなどの条件指定をしたときに使用されています。 ### パス型パンくずリスト パス型パンくずリストは、ユーザーが辿った経路（ブラウジング履歴）を記録する形のパンくずリストです。 ``` ホーム > キャンペーン情報 > 商品詳細 > おすすめ商品 ``` 特定の経路でページを辿った場合に、その経路を表示し、直前のページに戻りやすくするために使用されます。比較サイト、旅行予約サイトなどで使用される可能性が高いとされています。 パス型パンくずリスト（Path-based Breadcrumbs）は、ユーザーの閲覧履歴を追跡し表示するため、技術的な実装が複雑であり、またプライバシーの観点からも慎重な対応が求められます。そのため、現在では日本国内のウェブサイトでパス型パンくずリストを採用している事例は非常に稀で具体的なサイトの例を挙げることが難しい状況です。 一般的には、位置型や属性型のパンくずリストが主流となっています。 ## パンくずリストの作り方 パンくずリストを作るには、WordPressのテーマ設定を利用する方法、プラグインを使う方法、自力でコードを実装する方法があります。 それぞれの方法について詳しく解説します。 ### WordPressのテーマの設定でパンくずリストを有効化 WordPressでサイトを作成している場合のパンくずリストは、特に有名な多くのテーマではデフォルトでパンくずリスト機能が提供されています。 WordPress管理画面の【外観】→【カスタマイズ】を開き、【パンくずリスト】かたは【ナビゲーション】に該当する項目の設定を有効にすることで使用可能になります。 ### プラグインを使用する テーマにパンくずリスト機能がない場合や、高度なカスタマイズを求める場合は、プラグインが便利です。おすすめのプラグインに「**Yoast SEO**」や「**Breadcrumb NavXT**」が挙げられます。 ![Yoast SEOはパンくずリスト作成に便利なプラグインです。]() Yoast SEOにはパンくずリスト機能が組み込まれており、ダウンロードして有効化するだけで簡単に実装できます。新規プラグインの追加からYoast SEOを選択しダウンロードします。 ``` 管理画面に「SEO」が表示されたら→「検索での見え方」→「パンくずリスト」→「有効」→表示場所を指定する。 ``` 必要に応じて設定値を決め、調整します。 ![breadcrumb-navxtはパンくずリスト作成に便利なプラグインです。]() Breadcrumb NavXTはパンくずリストを高度にカスタマイズ可能にする専用プラグインです。過去のWordPressプラグインBreadcrumb Navigation XT の後継です。Breadcrumb NavXTを使用してパンくずリストを設定する場合、パンくずリストを表示したい位置にコードを記述する必要があります。 ``` テーマの適切な箇所（header.php）に以下のコードを追加して表示します。 ``` ``` if (function_exists('bcn_display')) { bcn_display(); } ``` ### コードを手動で記述して実装する方法 より細かい制御が必要な場合、自分でコードを記述する方法もあります。 以下のコードを functions.php に追加し、パンくずリストを生成します。 ``` function custom_breadcrumb() { echo ''; } ``` テーマの適切な箇所（header.phpなど該当箇所）に以下を追加して出力します。 ``` ``` > [パンくずリスト（BreadcrumbList）のマークアップを追加する方法 | Google 検索セントラル  |  Documentation  |  Google for Developersパンくずリスト（Breadcrumblist）の構造化データ（schema.org）のマークアップ例をご紹介します。JSON-LD や microdata を使用した実装方法を確認できます。Google for Developers外部リンク!\[パンくずリスト（BreadcrumbList）のマークアップを追加する方法 | Google 検索セントラル  |  Documentation  |  Google for Developers\]()]() ## パンくずリストを作る時の注意点 パンくずリストを作る時の注意点をまとめます。以下に注意して設置しましょう。 - 階層を深くしすぎない - 対策キーワードをパンくず（アンカーテキスト）に含める - パンくずリストは全ページの上部に配置する - リンク切れが無いか確認する - モバイル表示を意識する パンくずリストはシンプルな構造であることが望ましく、ユーザーから見てわかりやすい階層構造にします。すべてのページで「トップページ > カテゴリ > サブカテゴリ」のように階層を一貫して表示すると良いでしょう。上部への配置が基本です。 対策キーワードをパンくずリストの基となるカテゴリー名に入れる事で、どんなサイトなのかをGoogleに分かりやすく伝えることになり上位表示しやすくなります。その一方で沢山のキーワードを詰め込みすぎること視覚的にも違和感であり不自然でユーザーの混乱を招く点にも気を付けて対策します。 ページやカテゴリーで404エラーが出た場合、パンくずリストでもリンク切れが起こります。手動で設置している場合は時々リンク切れが起こっていないか確認する必要があります。Googleの検索結果に正しく反映されるように構造化データを設定し直しましょう。 また、スマートフォンでウェブページを閲覧する際にパンくずリストが長くなりすぎるとユーザー体験が低下し離脱に繋がります。長すぎるパンくずリストはウェブページの画面を覆い、視認性と操作性を悪化させます。SEOの観点からスマホでのパンくずリスト表示は見え方を調整し設置します。 ## 独自調査と集計結果 パンくずリストの設置で何に気を付けていますか？集計データを拡大[このデータセットの詳細ページを見る]() ## まとめ パンくずリストはユーザーが検索からウェブページへ辿り着いた場合も、トップページから巡った場合も、「今どこにいるのか」を明確に表示しユーザーをナビゲートする機能です。ユーザーおよびGoogleにとって分かりやすく、利便性の高いパンくずリストを作成するためには、ウェブサイト作成の初期段階におけるサイト構造の適切な設計が求められます。 ウェブサイトのUXを高めるためにパンくずリストの最適化に務めてみてはいかがでしょうか。 ### 📕パンくずリストを設置するメリットは何ですか？ 📖ユーザーネームが現在どのページにアクセスしているかを示すことで探している情報にアクセスしやすくなることと、クローラビリティの改善になることです。 ### 📕パンくずリストは英語でなんと言いますか？ 📖一般的に「breadcrumb navigation」または「breadcrumbs」です。 ### 📕パンくずリストは自作できますか？ 📖できます。コードを自作で記述して実装しましょう。記事にfunctions.php に追加すべきコードを記載したので参考にしましょう。 ## 関連する記事 [!\[内部リンクとは？SEO効果を最大化する設置方法と最適化の全手法\]()]()[内部リンクとは？SEO効果を最大化する設置方法と最適化の全手法]()内部リンクの設置と最適化方法を徹底解説。サイト構造の改善やP…[!\[サブディレクトリとは？サブドメインとの違いやSEO効果　作るコツやタイミングを解説\]()]()[サブディレクトリとは？サブドメインとの違いやSEO効果と作るコツとタイミングを解...]()サブディレクトリとは？サブドメインとの違い、SEO効果を徹底…[!\[noindexタグとは、インデックスから除外する理由や書き方・nofollowとの違い\]()]()[noindexタグとは？インデックスから除外する理由や書き方、nofollowと...]()noindexタグとは、特定のページを検索エンジンからインデ…[!\[アンカーリンクの使い方と記載された画像\]()]()[アンカーリンクとは？基本の使い方からずれ対策まで、メリット・注意点を徹底解説]()アンカーリンクの基本的な使い方やずれ対策、内部・外部リンクの…[!\[オレンジ色と濃紺の背景に『相互リンクとは？ 相互リンクのやり方と効果を解説』と書かれたアイキャッチ画像。中央に柏崎剛氏が指を差している写真が配置され、周囲にはブログ画面のイラストやリンクチェーンのアイコンが散りばめられています。\]()]()[相互リンクとは？SEOの効果と関連性を徹底解説！]()相互リンクとは、SEO効果と関連性を高めるために異なるウェブ…[!\[サブドメインとは　サブディレクトリとの違いとメリットとデメリットを解説\]()]()[サブドメインとは？サブディレクトリとの違いやメリット・デメリットを解説！]()サブドメインとは、既存のドメインの前に文字列を追加して作る独…‹› ## 記事が気に入ったらシェアをお願いします！ []()[]()[]()[]()[]()[]()[]() --- > **Schema.org/Person** (author) > - name: 柏崎剛 > - url: https://www.tsuyoshikashiwazaki.jp/profile/ > > **Schema.org/Organization** (site owner) > - name: SEO対策研究室 > - url: https://www.tsuyoshikashiwazaki.jp/ > - logo: https://www.tsuyoshikashiwazaki.jp/wp-content/uploads/2025/07/cropped-20250722-114641-3bfe11f1.jpg