JSON-LD構造化データ生成
FAQ・Article・BreadcrumbList等のJSON-LDをフォーム入力でコード生成
FAQPage(よくある質問)
詳しく読む — 関連ガイド記事
よくある質問
JSON-LDとは何ですか?
JSON-LD(JavaScript Object Notation for Linked Data)は、構造化データをウェブページに埋め込むためのW3C標準形式です。Googleなどの検索エンジンがページの内容を理解しやすくなり、検索結果にリッチリザルト(FAQ・パンくず等の拡張表示)が表示されやすくなります。
どこに貼り付ければよいですか?
生成されたコードを、HTMLの<head>タグ内または<body>タグの末尾に貼り付けてください。Next.jsの場合はScript要素にtype="application/ld+json"として追加します。
FAQPageスキーマはどのように使いますか?
ページ内にQ&A形式のFAQセクションがある場合に使用します。検索結果に「よくある質問」として展開表示される可能性があり、クリック率(CTR)向上が期待できます。Googleの推奨では1ページに1つのFAQPageスキーマを設置します。
複数のスキーマを同一ページに設置できますか?
はい、可能です。例えばArticleとBreadcrumbListを同一ページに設置することは一般的です。この場合、このツールで個別に生成したコードをそれぞれ<script>タグとして追加してください。
生成したJSON-LDは検証できますか?
Googleのリッチリザルトテスト(search.google.com/test/rich-results)やSchema.org Validatorで検証できます。Googleサーチコンソールの「拡張機能」メニューからも確認できます。
ファイルはサーバーに送信されますか?
いいえ、すべての処理はお使いのブラウザ内で完結します。入力した情報が外部サーバーに送信されることはありません。
LocalBusinessスキーマはどのような場合に使いますか?
店舗・クリニック・飲食店・不動産会社など、実際の住所を持つビジネスに使用します。営業時間・電話番号・住所をGoogleに正確に伝えることでGoogleマップへの表示精度が向上します。
SoftwareApplicationスキーマはどのような場合に使いますか?
WebアプリやWebツールなどのオンラインサービスに使用します。評価(aggregateRating)を設定すると検索結果に星評価が表示される可能性があります。
開発者ツール一覧
すべて見るこのツールについて
使い方
- スキーマの種類を選択する(FAQPage・Article・BreadcrumbList等)
- フォームに情報を入力する
- 「JSON-LDを生成する」ボタンをクリック
- 生成されたコードをHTMLの<head>内または<body>末尾に貼り付ける
このツールの特徴
- ✓5種類のスキーマに対応:FAQPage・Article・BreadcrumbList・LocalBusiness・SoftwareApplicationをカバー。SEO対策で最もよく使われるスキーマが揃っている
- ✓フォーム入力でJSON-LDを自動生成:構造化データの書き方を覚えなくても、フォームに情報を入力するだけで正しいJSON-LDが生成される
- ✓完全無料・登録不要:ブラウザ内で処理するため入力情報がサーバーに送信されない
- ✓script タグ付きで出力:HTMLにそのままコピー&ペーストできる形式で出力
こんなときに便利
- •サイトにFAQセクションを追加してリッチリザルトを狙いたい
- •ブログ記事にArticleスキーマを設定してGoogle検索での信頼性を高めたい
- •店舗情報をGoogleマップ・検索に正確に伝えたい
- •自作WebツールにSoftwareApplicationスキーマを追加して検索結果に星評価を表示したい
- •JSON-LDの書き方がわからず毎回ドキュメントを調べている
仕組み・技術的背景
JSON-LDはSchema.orgが定義する語彙を使ってウェブページの内容を機械可読な形式で記述する標準規格です。 Google・Bing等の検索エンジンはJSON-LDを解析して、検索結果にFAQ展開・パンくずリスト・星評価などのリッチリザルトを表示します。 このツールはJavaScriptのみで動作し、入力した情報をブラウザ内でJSON-LDオブジェクトに組み立てます。 生成後はGoogleのリッチリザルトテストで検証することを推奨します。