AIに理解されるJSON-LDの書き方 — 構造化データでAIOスコアを最大化

JSON-LDとは？

JSON-LD（JavaScript Object Notation for Linked Data）は、Webページに構造化データを埋め込むための形式です。Schema.orgが定義するスキーマに基づいて、ページの内容を機械可読な形で記述します。

AIO Scoreでは、JSON-LDの有無と充実度で最大15点（全体の約11%）の配点があります。

なぜJSON-LDがAIOに重要なのか

AIエージェントがWebページを読む際、HTMLのテキストだけでなく、構造化データを積極的に参照します。JSON-LDが適切に設定されていれば：

必須スキーマタイプ

1. Organization（企業情報）

{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "あなたの会社名",
  "url": "https://あなたのサイト.com",
  "logo": "https://あなたのサイト.com/logo.png",
  "description": "会社の説明",
  "email": "info@あなたのサイト.com",
  "foundingDate": "2024",
  "sameAs": [
    "https://twitter.com/あなたのアカウント",
    "https://github.com/あなたのアカウント"
  ]
}

2. SoftwareApplication（SaaSサービス）

{
  "@context": "https://schema.org",
  "@type": "SoftwareApplication",
  "name": "サービス名",
  "applicationCategory": "WebApplication",
  "operatingSystem": "Web",
  "offers": {
    "@type": "Offer",
    "price": "2980",
    "priceCurrency": "JPY"
  }
}

3. FAQPage（よくある質問）

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "質問文",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "回答文"
      }
    }
  ]
}

4. WebSite（サイト情報）

{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "サイト名",
  "url": "https://あなたのサイト.com",
  "description": "サイトの説明"
}

実装方法

Next.js の場合

layout.tsxの内に配置：

<script
  type="application/ld+json"
  dangerouslySetInnerHTML={{
    __html: JSON.stringify(jsonLdData)
  }}
/>

HTMLの場合

の直前に配置：

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "あなたの会社名"
}
</script>

AIOスコアへの影響

3種類以上のスキーマを設定すれば満点です。Organization + SoftwareApplication + FAQPage の組み合わせが最も効果的です。

まとめ

JSON-LDは、AIがサービスを正確に理解するための「名刺」のようなものです。3つのスキーマを設定するだけでAIOスコアが大幅にアップします。テンプレートをコピーして、今日から実装しましょう。