schema.org準拠のJSON-LDをフォームからリアルタイム生成
<script type="application/ld+json">
<script type="application/ld+json"> ブロックをHTMLの <head> 内に貼り付けてご利用ください。公開前にはGoogleのリッチリザルトテスト等での検証を推奨します。本ツールは、Webページに埋め込むJSON-LD形式の構造化データを、フォームに入力するだけで自動生成する無料ツールです。難しい記法を覚えなくても、schema.orgの語彙に沿った正しい形式のコードが得られます。インストールや会員登録は不要で、すべての処理はブラウザ内で完結し、入力した内容が外部サーバーへ送信されることはありません。
使い方は3ステップです。まず上部のセレクトで作成したい構造化データの種類(@type)を選びます。次に表示されたフォームに、見出し・URL・著者・日付・ロゴなど必要な項目を入力します。入力に応じて下部のコード欄がリアルタイムで更新され、<script type="application/ld+json"> タグ込みの整形済みJSON-LDが表示されます。最後に「コピー」ボタンを押してコードを取得し、ご自身のHTMLの <head> 内に貼り付ければ完了です。
| @type | 主な用途 | 代表的な項目 |
|---|---|---|
| Article | ブログ記事・ニュース記事 | 見出し・著者・公開日・画像・発行元 |
| WebPage | 一般的なコンテンツページ | ページ名・URL・説明・言語 |
| Organization | 企業・団体・店舗の紹介 | 名称・ロゴ・URL・連絡先・SNS |
| WebSite | サイト全体情報・サイト内検索 | サイト名・URL・検索アクション |
| Person | 人物・著者プロフィール | 氏名・肩書・画像・SNS・所属 |
構造化データは、検索エンジンやAIに対してページの内容を「機械が理解できる形」で伝える仕組みです。人間が読む本文とは別に、これは記事です・著者は誰です・公開日はいつです、といったメタ情報を明示することで、検索結果でのリッチリザルト(強調表示)の対象になったり、AIによる要約や回答の情報源として扱われやすくなったりします。
近年はGoogle検索だけでなく、生成AIによる回答最適化=AEO(Answer Engine Optimization)の文脈でも構造化データの重要性が高まっています。著者・発行元・日付などをJSON-LDで明示しておくと、コンテンツの出典や信頼性がAIにとって判別しやすくなります。ただし構造化データはあくまで補助であり、正確で有用な本文があってはじめて効果を発揮します。順位やリッチリザルト表示を保証するものではない点に注意してください。
生成されたコードは、原則としてHTMLの <head> 内に貼り付けます(<body> 内でも認識されます)。1つのページに複数の構造化データを併記することも可能で、たとえば記事ページに Article と BreadcrumbList、Organization を同時に置けます。貼り付けたら、Googleの「リッチリザルトテスト」や schema.org 公式の「Schema Markup Validator」でエラーや不足項目がないかを必ず確認しましょう。
script type="application/ld+json" のタグ内に埋め込みます。script type="application/ld+json" ブロックをそのままHTMLの head 内に貼り付けるのが一般的です。body 内でも問題なく認識されます。1ページに複数の構造化データを置くこともでき、たとえば記事ページにArticleとBreadcrumbListを併記できます。貼り付け後はGoogleのリッチリザルトテストやschema.orgのValidatorで正しく認識されるか確認してください。