パンくずナビゲーション

技術&インフラ

サイト階層内でのユーザーの現在位置を示す補助的なナビゲーションで、SEOとUXの向上に役立ちます。

定義

パンくずリスト(ブレッドクラムナビゲーション)は、ウェブサイトのページ階層内でのユーザーの現在位置を表示する補助的なナビゲーション要素です。通常、ページ上部にクリック可能なリンクの横並びとして表示され、ホームページから現在のページまでの経路をたどります。この名称は、ヘンゼルとグレーテルの童話で主人公が帰り道の目印としてパンくずを落としたことに由来します。ウェブデザインにおいてもパンくずリストは同じ目的を果たし、ブラウザの戻るボタンやメインナビゲーションメニューに頼ることなく、訪問者がサイト内で来た道を辿り直すことを可能にします。

重要な理由

パンくずリストは2つの異なるユーザー層に役立ちます。訪問者にとっては、即座の位置確認を提供します。ブログカテゴリや製品セクションの深い階層にいる読者は、サイト全体の中での自分の位置を正確に把握し、ワンクリックで上位レベルに戻ることができます。検索エンジンにとっては、パンくずリストがページ間の関係とサイト構造を明確にします。Googleはパンくずのマークアップを解析し、検索結果にクリック可能なパスとして直接表示でき、生のURLを置き換えます。この構造化された表示は、ユーザーがクリック前にページのコンテキストをプレビューできるため、クリック率を向上させます。

FlipLinkでの使い方

FlipLinkのマーケティングサイトでは、ブログ記事、機能ページ、ユースケースページ、用語集のエントリなど、コンテンツページ全体にパンくずリストナビゲーションを使用しています。各パンくずリストはホームページから始まり、現在のページタイトルの前に関連するセクションを含みます。これらはJSON-LD BreadcrumbListスキーマの構造化データで実装されており、検索エンジンがサイト階層を理解し、検索結果にパンくずスタイルのリンクを表示するのに役立ちます。構造化データのマークアップはGoogleの推奨フォーマットに従い、パスがリッチリザルトとして表示されるようになっています。

技術的な詳細

パンくずリストのマークアップは、Schema.orgの`BreadcrumbList`スキーマタイプを使用します。リスト内の各項目は、`position`、`name`、`item`(URL)を持つ`ListItem`です。JSON-LDブロックはページの`<head>`内に配置され、概念的に以下の構造に従います: - ポジション1:ホーム(ルートURL) - ポジション2:セクション名(例:ブログ、機能、用語集) - ポジション3:現在のページタイトル 検索エンジンはこれらの構造化データを可視的なパンくずリストHTMLとは独立して読み取るため、ビジュアル要素とスキーマの両方が同期している必要があります。可視的なパンくずリストがJSON-LDと異なるパスを示している場合、Googleはマークアップを完全に無視する可能性があります。一般的なミスとしては、実際のページ階層から生成する代わりにパンくずリストをハードコーディングすること、またはビジュアルコンポーネントのみをレンダリングしてスキーマを省略することが挙げられます。

ベストプラクティス

**パンくずリストは簡潔に。** 各レベルには短いラベルを使用します。セグメントとして「FlipLink公式ブログ」よりも「ブログ」の方が適切です。長いラベルはモバイルデバイスでパンくずリストを画面外に押し出します。 **ホームページから始める。** すべてのパンくずパスはサイトのルートから始めるべきです。ホームページをスキップすると階層ロジックが崩れ、ユーザーと検索エンジンの両方を混乱させます。 **すべてのセグメントをクリック可能に。** 中間レベルがリンクではなくプレーンテキストのパンくずリストは、ナビゲーションの目的を損ないます。 **URL構造と一致させる。** パンくずリストは恣意的なグループ分けではなく、実際のサイト階層を反映すべきです。 **構造化データを使用する。** [JSON-LD](/glossary/json-ld) BreadcrumbListスキーマを追加することで、Google検索結果でのパンくずスタイル表示が可能になります。これなしでは、サイト内ナビゲーションの視覚的な利点は得られますが、検索リスティングでの[SEO](/glossary/seo)の利点を逃します。

よくある質問

**パンくずリストは検索ランキングに直接影響しますか?** パンくずリスト自体は直接的なランキング要因ではありません。しかし、より良いサイト構造、改善されたクロール可能性、強化された検索結果表示(リッチリザルト)に寄与し、これらすべてが間接的にクリック率とユーザーエンゲージメントシグナルを改善する可能性があります。 **すべてのページにパンくずリストが必要ですか?** ホームページはルートであるため、通常パンくずリストは不要です。特定のキャンペーン用に設計されたランディングページも、意図的にメインサイト階層から分離されている場合はスキップできます。その他すべてのコンテンツページはパンくずリストの恩恵を受けます。 **パンくずリストとサイトマップの違いは何ですか?** [サイトマップ](/glossary/xml-sitemap)は検索エンジンクローラー向けにサイトのすべてのインデックス可能なページをリストします。パンくずリストは人間の訪問者向けに単一ページへの階層パスを示します。異なる問題を解決します:サイトマップは発見を助け、パンくずリストはナビゲーションを助けます。

関連用語

他の言語で利用可能

PDFを
もっと活用しませんか?

FlipLinkを活用して、PDFから魅力的でインタラクティブなコンテンツを作成している多くの企業に加わりませんか。クレジットカード不要で無料スタートできます。