ツール
入力
結果
結果はここに表示されます。構造化データは、ページが Google、Bing、AI 回答エンジンに対して自分が何者かを伝える手段です。著者と日付のある記事、価格のある商品、場所と時間のあるイベントといった具合で、Google はその形式として JSON-LD を推奨しています。手書きするには、入れ子になった @type オブジェクトや正確なプロパティ名を覚えておかなければなりません。ここではタイプを選び、author.name: Lin Wei や offers.price: 0 のような行を書くだけで、そのまま貼り付けられる script ブロックが得られます。結果はそれぞれ、Google 検索セントラルのドキュメントがそのリッチリザルトに挙げる必須・推奨プロパティと照合されるので、公開前に何が足りないかがわかります。自分の TypeScript コードで型チェック付きの JSON-LD を書くなら、Schema.org の語彙全体を型として提供する google/schema-dts（Apache-2.0）が使えます。
動作のしくみ
- ドット付きのキーは入れ子のオブジェクトになり、よく使うものには @type が自動で付きます。author は Person、publisher は Organization、offers は Offer、address は PostalAddress になります。
- 同じキーを繰り返すと配列になり（複数の sameAs や画像）、数値は数値として書き出され、InStock や EventScheduled のような値は完全な schema.org の URL に展開されます。
- FAQ ページは q: と a: の行、パンくずリストは 1 行に 1 つの「名前 | URL」、店舗の営業時間は「hours: Mo-Fr 09:00-18:00」のような行で書きます。
- 出力内の < はすべて \u003c にエスケープされるため、</script> を含む値があってもタグを途中で閉じてページにマークアップを注入することはできません。
- 入力を空のまま実行すると、選んだタイプの書き始めの行が表示されます。
データの行き先
どこにも行きません。このツールは完全にブラウザ内で動作します。貼り付けたテキストはページが処理し、サーバーに送信されることも、ログに記録されることもありません。
このツールは無料で登録不要です。結果は開いているページの中にだけあり、どこにも保存されません。
必要なポイント
このツールは無料です。ログインもポイントも必要ありません。
よくある質問
- JSON-LD を追加すればリッチリザルトが表示されますか？
- 表示される資格が得られるだけです。リッチリザルトを表示するかは Google が決め、マークアップはページ上に実際に見えている内容を記述していなければなりません。また、縮小・廃止されたタイプもあります。HowTo のリッチリザルトは 2023 年に廃止され、Google は 2026 年 5 月に FAQ のリッチリザルトを完全に廃止しました。FAQPage のマークアップは Schema.org としては引き続き有効で害もないため、このツールは注記付きで出力します。
- 必須と推奨の違いは何ですか？
- 必須プロパティは資格を左右します。offers.price と評価またはレビューのない SoftwareApplication や、location の住所がない Event は、リッチリザルトの対象になりません。推奨プロパティは見た目と、Google がページをどれだけ理解できるかを改善します。このツールは Google のドキュメントのプロパティ名で両方を分けて表示します。
- 出力はどこに入れればよいですか？
- ページの HTML の head でも body でも構いません。Google はどちらも読み取ります。Next.js では、type が application/ld+json の script 要素としてレンダリングします。その後、ページの URL を Google のリッチリザルトテストに、またはコードを validator.schema.org に貼り付けて、意図どおりに解析されるか確認してください。
- BlogPosting や Restaurant のような、より具体的なタイプを使えますか？
- はい。@type: の行を追加してください。Article の代わりに BlogPosting や NewsArticle、SoftwareApplication の代わりに WebApplication や MobileApplication、さらに Restaurant、Store、Dentist といった LocalBusiness の任意のサブタイプが使えます。チェックは選んだ基本タイプに従います。
背後にあるオープンソース
このツールは外部ライブラリを同梱しない独自実装です。google/schema-dts（Apache-2.0）はコードとして同じ仕事をします。自分のプログラムで同じことをしたいなら、Web ページを呼ぶのではなくそちらから始めてください。
google/schema-dts別の呼び方
- JSON-LD 生成
- 構造化データ 生成
- 構造化データ マークアップ 作成
- schema.org ジェネレーター
- リッチリザルト JSON-LD
- Article 構造化データ