パンくずリストスキーマ生成
検索時のナビゲーションを改善するパンくずリストの構造化データを生成します
パンくずリストの項目3
検証の警告
位置 1
位置 2
位置 3
生成されたJSON-LD
パンくずリストのプレビュー
このプレビューは、名前を付けた項目を現在の順序で表示します。最後の項目は現在のページを表します。
入力済みの項目: 3 / 3
<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": "商品",
"item": "https://example.com/products"
},
{
"@type": "ListItem",
"position": 3,
"name": "電子機器",
"item": "https://example.com/products/electronics"
}
]
}
</script>スクリプト全体のコードを該当ページにコピーしてください。使用前に検証の警告を確認してください。
使い方
- パンくずリストの名前と完全なページURLで、ナビゲーションの階層を定義してください。
- 上下の操作ボタンを使い、一般的な項目から具体的な項目へと並べてください。
- スクリプト全体のコードをページのheadまたはbodyにコピーしてください。コピーしたコードにはscriptタグがすでに含まれています。
- サイト階層内の各ページの位置に合わせて、個別のパンくずリストを使用してください。
無料パンくずリストスキーマ生成: SEO向けJSON-LD構造化データを作成
このパンくずリストスキーマ生成ツールは、Schema.org仕様に沿った有効なBreadcrumbList構造化データマークアップをJSON-LD形式で作成します。パンくずリストのスキーマは、検索エンジンがサイトのページ階層を理解する助けとなり、検索結果にパンくずリストを表示して、ユーザーに分かりやすいナビゲーション経路を検索結果上で示せる場合があります。
Googleが有効なパンくずリストのマークアップを認識すると、パソコン版のGoogle検索結果にパンくずリストが表示される場合があります。表示は保証されません。このジェネレーターは、HTMLにそのまま貼り付けられる、整形済みのJSON-LDコードを出力します。
小規模なビジネスサイト、大規模なECストア、コンテンツ中心のブログのいずれでも、パンくずリストの構造化データを追加することは、SEOの改善策として最も手軽で効果の大きい方法の1つです。このジェネレーターが検証、整形、コード生成を行うので、コンテンツ戦略に集中できます。
主な機能
- JSON-LD出力: 推奨されるJSON-LD形式で、Schema.orgに準拠したBreadcrumbListマークアップを生成します
- パンくずリストのビジュアルプレビュー: パンくずリストがウェブページ上でどう表示されるかをリアルタイムで確認できます
- 矢印での並べ替え: 矢印ボタンで、パンくずリストの項目を簡単に並べ替えられます
- 組み込みの検証: 名前の未入力、無効なURL、必要な最小項目数を自動でチェックします
- ワンクリックコピー: JSON-LDコードを含む完全なscriptタグを、HTMLにそのまま貼り付けられる状態でコピーします
- 項目数の制限なし: サイト構造に必要なだけ、階層のレベルを追加できます
- URL形式の検証: すべてのURLが正しいHTTPまたはHTTPSプロトコルであることを確認します
- ライブコードプレビュー: 編集に合わせて、生成されるJSON-LDコードがリアルタイムに更新されます
- XSSに安全な出力: コンテンツ内のscriptタグは、セキュリティのために自動でエスケープされます
- ダークモード対応: ライトテーマでもダークテーマでも快適に編集できます
パンくずリストスキーマ生成の使い方
- 階層を決める: ホームページから始めて現在のページで終わるように、パンくずリストの項目を追加します
- 名前とURLを入力: 各項目に、分かりやすい名前と、そのページの完全なURLを入力します
- 必要に応じて並べ替える: 上下の矢印を使って、項目を正しい階層順に並べます
- スキーマを検証: 検証をクリックして、名前の未入力、無効なURL、項目数の不足などのエラーを確認します
- コードをコピー: コードをコピーをクリックすると、完全なJSON-LDのscriptタグがクリップボードにコピーされます
- HTMLに貼り付け: コピーしたコードを、ページのheadまたはbodyセクションに追加します
活用例
- ECの商品ページ: ホーム > カテゴリ > サブカテゴリ > 商品というパンくず経路を検索結果に表示します
- ブログとコンテンツサイト: ホーム > ブログ > カテゴリ > 記事というナビゲーションを表示して、コンテンツを見つけやすくします
- 企業サイト: ホーム > サービス > コンサルティング > 戦略のような、分かりやすいサイト階層の経路を作成します
- ドキュメントサイト: ドキュメント > APIリファレンス > 認証のような、ドキュメントの階層でユーザーを案内します
- 教育プラットフォーム: ホーム > コース > ウェブ開発 > JavaScriptのようなコースのナビゲーション経路を構成します
- 不動産情報サイト: ホーム > 物件 > ニューヨーク > マンハッタンのような、エリア別のパンくずリストを作成します
- 求人サイト: ホーム > 求人 > エンジニアリング > ソフトウェア開発者のような、業種別の経路を作成します
- レシピサイト: ホーム > レシピ > イタリアン > パスタ > カルボナーラのような料理ナビゲーションを表示します
よくある質問
このツールは無料ですか?
はい、パンくずリストスキーマ生成は完全に無料で、作成できるパンくずリストスキーマの数にも制限はありません。登録や支払いは不要です。
データは安全ですか?
もちろんです。処理はすべてブラウザー内で行われます。URL、ページ名、生成されたコードがサーバーに送信されたり、どこかに保存されたりすることはありません。
JSON-LDとは何ですか? なぜ使うべきですか?
JSON-LD (JavaScript Object Notation for Linked Data)は、Googleが推奨する構造化データの形式です。導入が簡単で、ページのHTML構造に影響を与えず、検索エンジンで最も広くサポートされている形式です。
パンくずリストの項目はいくつ必要ですか?
Googleのパンくずリスト機能には、少なくとも2つの項目が必要です。サイトの階層を反映した経路にしてください。このジェネレーターでは各項目に名前と完全なページURLが必要です。Googleは、手動で記述するマークアップでは最後の項目のURLを省略することも認めています。
JSON-LDコードはどこに置くべきですか?
JSON-LDのscriptタグはHTML内のどこにでも置けますが、headセクションかbodyタグの末尾が最も一般的な場所です。配置場所にかかわらず、Googleは検出して解析します。
パンくずリストスキーマで検索順位は上がりますか?
パンくずリストのマークアップはナビゲーションの説明に役立ちますが、順位の変動やクリック数の増加を保証するものではありません。対象となるパンくずリスト情報をパソコン版の検索結果に表示するかどうかは、Googleが判断します。
ヒントとベストプラクティス
- ホームページから始める: ページに合った意味のある階層にしてください。Googleは、ホームページや現在のページを最初や最後のパンくずにすることを必須としていません。
- URL形式を統一する: パンくずリスト全体で、末尾にスラッシュを付けるか付けないかのどちらかに統一してください
- 名前は簡潔に: 各ページの内容と位置づけがはっきり分かる、短く説明的な名前にしてください
- すべてのURLにアクセスできるようにする: パンくずリストスキーマ内のURLは、すべて実在し、公開されているページを指している必要があります
- 表示中のパンくずリストと一致させる: 構造化データは、ページ上に表示されるパンくずリストのナビゲーションと同じ内容にしてください
- Googleのリッチリザルトテストで確認: 実装後に、Googleの構造化データテストツールでマークアップを検証してください
関連ツール
SEO- FAQスキーマ生成質問と回答からFAQPage JSON-LDを作成しますSEO
- スキーママークアップ生成リッチスニペット用の構造化データを生成しますSEO
- JSON整形JSONを整形・検証・圧縮します。ファイルをアップロードして、2、4、8スペースのインデントを選択できます。開発者
- JSON Schema生成JSONデータからJSON Schemaを自動生成します開発者
- Robots.txt生成検索エンジン用のrobots.txtファイルを作成しますSEO
- Google検索結果プレビューGoogle検索結果でのページの表示をプレビューしますSEO
- 返品・返金ポリシー生成包括的な返品・返金ポリシーを作成しますSEO
- URLスラッグ生成SEOに適したURLスラッグを作成しますSEO
- UTMリンク作成追跡用のUTMパラメーターを含むキャンペーンURLを作成しますSEO
- 読みやすさスコアFlesch-Kincaid、Gunning Fogなどでテキストの読みやすさを分析しますSEO
- Hreflangタグ生成多言語・複数地域向けのSEO用にhreflangタグを生成しますSEO
- TwitterカードプレビューページのTwitterカードメタタグをプレビュー・生成しますSEO
最近追加されたツール
すべてのツール- YouTubeバナー作成ツールセーフエリアのガイド付きで2560x1440のチャンネルアートをデザインし、PNGで書き出しSNS
- YouTubeチャンネルID検索ハンドルやチャンネルURLを、RSSフィード付きの固定チャンネルIDに変換SNS
- YouTubeチャンネル名ジェネレータージャンルとキーワードからオリジナルのチャンネル名案を生成SNS
- YouTube低評価チェッカーあらゆるYouTube動画の非表示の低評価数と高評価率を確認SNS
- YouTube埋め込みコード作成ツール開始時間、自動再生、プライバシーモードに対応したレスポンシブなiframe埋め込みコードを生成SNS
- YouTubeフォントジェネレーターテキストをタイトル、コメント、チャンネル名に使えるおしゃれなUnicodeフォントに変換SNS
- YouTubeハッシュタグジェネレーターカテゴリ別にYouTubeのトレンドハッシュタグを探し、自分のキーワードも組み合わせSNS
- YouTube収益計算ツール再生回数とジャンル別RPMからYouTubeの収益を概算SNS
- YouTube登録リンク作成ツール開くと登録確認ポップアップが表示されるチャンネルリンクを作成SNS
- YouTube登録者数カウンターあらゆるチャンネルの登録者数を自動更新でリアルタイムに追跡SNS
- YouTubeタグ抽出ツールあらゆるYouTube動画の非表示タグを表示し、ワンクリックでコピーSNS
- YouTubeサムネイルダウンロードあらゆるYouTube動画のサムネイルをHDなど全解像度でダウンロードSNS