TL
ツールラボ
💰寄付する
💰寄付する

JSON-LD Schema Generator

Generate Schema.org JSON-LD structured data markup for SEO rich results.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Article Headline",
  "description": "A short description of the article.",
  "author": {
    "@type": "Person",
    "name": "Author Name"
  },
  "datePublished": "2026-07-19",
  "dateModified": "2026-07-19",
  "publisher": {
    "@type": "Organization",
    "name": "Publisher Name",
    "logo": {
      "@type": "ImageObject",
      "url": "https://example.com/logo.png"
    }
  },
  "image": "https://example.com/article-image.jpg",
  "url": "https://example.com/article-slug"
}
</script>

このツールについて

JSON-LD(JavaScript Object Notation for Linked Data)は、Schema.org構造化データをWebページに追加する推奨方法です。Googleなどの検索エンジンはこれを使用してコンテンツを理解し、星評価、FAQ、パンくず、商品価格などのリッチリザルトを検索結果ページに直接表示します。

ドロップダウンからスキーマタイプを選択して事前入力テンプレートを読み込み、実際のデータに合わせてJSONを編集します。右パネルにHTMLの<head>に貼り付けるスクリプトタグが表示されます。

使い方

  1. スキーマタイプ(Article、Product、FAQなど)を選択します。
  2. 左パネルのテンプレートを実際のデータで編集します。
  3. 右パネルにHTMLに貼り付ける<script>タグが表示されます。
  4. スクリプトタグをコピーしてページの<head>セクションに追加します。

活用事例

ブロガーはArticleマークアップを追加して著者と日付のリッチリザルトを有効にします。ECチームはショッピング知識パネル向けに価格と在庫のProductマークアップを追加します。地元ビジネスは電話番号と営業時間付きのマップパック結果に表示するためLocalBusinessマークアップを追加します。

よくある質問

  • JSON-LDを追加するとリッチリザルトが保証されますか?いいえ。Googleがマークアップをクロールして処理し、品質シグナルに基づいてリッチリザルトを表示するか判断します。Googleのリッチリザルトテストツールでテストしてください。
  • スクリプトタグはどこに置けばいいですか?Googleは<head>への配置を推奨していますが、<body>でも機能します。
  • 1つのページに複数のJSON-LDブロックを持てますか?はい。各スキーマタイプは独自の<script type="application/ld+json">ブロックを持つことができます。