パンくずリストSchemaジェネレーター
ページが有効なBreadcrumbList構造化データを提供していると、Googleは検索結果のURL上部にパンくずリストを表示します。このジェネレーターは、ホームから現在のページまでのパンくず階層を受け取り、正しいListItemの位置情報を持つschema.org JSON-LDブロックを作成し、<head>に入れられるscriptタグを返します。WordPressプラグインもYoastも不要で、きれいなJSON-LDだけを生成します。
BreadcrumbList JSON-LDを生成する方法
-
1
各パンくず階層を入力
ホームページから現在のページまで、各階層のラベルとURLを入力します。多くのサイトは2〜5階層です。
-
2
ツールが位置を自動で割り当て
ホームが位置1、次のパンくずが位置2、という順番です。schema.orgで有効な出力にするには位置の連番付けが必要です。
-
3
JSON-LDスニペットをコピー
ジェネレーターは`<head>`へそのまま貼り付けられる完全な`<script type="application/ld+json">`ブロックを返します。
-
4
検証
GoogleのリッチリザルトテストへアクセスしてマークアップがGoogleに受け入れられ、パンくず表示の対象になるか確認します。
有効なBreadcrumbList 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": "パンくずリストの作り方"
}
]
}
最後のパンくずでitemを省けますか?
Googleのドキュメントでは、最後のパンくずが現在のページを指すため、URLを省略することが認められています(多くのSEO担当者も推奨します)。ページURLはリクエストにすでに含まれているため、繰り返しても価値は増えません。このジェネレーターは常にitemフィールドを書き出します。入力する各行には名前とURLが必要で、どちらかが欠けた行はスキップされます。それでも省略形にしたい場合は、コピー後にJSONの最後のitem行を削除してください。
よくあるミス
- 位置の抜けや重複、位置は1, 2, 3… と隙間なく順番通りである必要があります。
- 末尾以外のパンくずでの
itemの欠落、任意で省略できる最後を除き、すべてのパンくずにURLが必要です。 - フラグメントのみのURL(
#section)、Googleはこれらをパンくずの対象として無視します。完全なパスを使ってください。 - 1ページに複数のBreadcrumbListブロック、害はありませんが不要です。Googleはいずれか1つを選びます。
- 表示されているパンくずと一致しないラベル、Googleが構造化データ全体を信用しにくくなります。
配置
- 最もきれいにクロールさせるには、
<script>を<head>に置きます。 <body>内に置いても機能します。クロールバジェットがJSレンダリングを許容できる場合を除き、JavaScriptで注入するのは避けてください。<noscript>で囲まないでください。
よくある質問
推奨ですが、厳密には必須ではありません。Googleは構造化されたパンくずがユーザーに見える内容と一致することを求めるため、表示されるパンくずリストとJSON-LDを併用するのが最も安全です。
直接は影響しません。検索結果での表示(SERPでURLの代わりにパンくずを出す)に影響し、クリック率を改善することがあります。クリック率の改善は長期的に間接的な助けになります。
はい。Googleは、カテゴリ経由とタグ経由など異なる経路で到達できるページに対し、複数のBreadcrumbListブロックをサポートしています。各経路をそれぞれ独立したscriptブロックに入れてください。
JSON-LDまたはページURLをGoogleのリッチリザルトテストに貼り付けます。必須フィールドの欠落を指摘し、Googleが実際に表示するパンくずをプレビューできます。
関連ツール
メタディスクリプション長チェッカー
メタディスクリプションの文字数と推定ピクセル幅を測り、編集上の目安やデスクトップ・モバイルのレイアウト例と比較します。
HTTPセキュリティヘッダーチェッカー
HTTPレスポンスヘッダーを貼り付け、HSTS、CSP、クリックジャッキング、MIME、リファラ、クロスオリジン設定をブラウザー内で確認します。
XMLサイトマップ検証ツール
ブラウザ上でサイトマップXMLを解析し、構文エラー、locの欠落、URLの重複、一般的なサイトマップ項目の値を確認します。
Canonicalタグジェネレーター
任意のURLに対して有効なrel=canonical linkタグを生成します。URLの検証と、避けるべきよくあるミスも含みます。
Google SERP シミュレーター
モバイルとデスクトップの文字数上限を使って、Google 風の検索スニペットを概算で確認します。下書きはこのブラウザーセッション内にのみ残ります。
Canonical URLチェッカー
ページのHTMLを貼り付けてrel=canonicalタグを確認:存在するか、有効な絶対URLか、ページURLと一致するか。
このツールは他の言語でも利用できます
- Generador de esquema de migas de pan [ES]
- ตัวสร้าง Breadcrumb Schema [TH]
- Breadcrumb schema-generator [NL]
- Generator schematu breadcrumbs [PL]
- 브레드크럼 Schema 생성기 [KO]
- Générateur de schéma de fil d'Ariane [FR]
- Breadcrumb Schema-generator [SV]
- Generator Breadcrumb Schema [ID]
- Gerador de Esquema de Breadcrumb [PT]
- Breadcrumb-Schema-Generator [DE]
- Breadcrumb Schema 生成器 [ZH]
- Breadcrumb Schema Oluşturucu [TR]
- Breadcrumb Schema Generator [EN]
- Trình tạo schema breadcrumb [VI]
- مولد Breadcrumb Schema [AR]
- Generatore di Schema Breadcrumb [IT]
- Генератор Breadcrumb Schema [RU]