サイト構造設計分析・改善

構造化データ(JSON-LD)の実践:AI検索の「サイテーション」を獲得するサイト設計

By ラボ猫
2026/3/20(更新: 2026/3/22
構造化データ(JSON-LD)の実践:AI検索の「サイテーション」を獲得するサイト設計
TL;DR

この記事の要点まとめ

  • JSON-LDはAIに情報を正確に伝えるための仕組み
  • Article・FAQなどのスキーマが特に重要
  • LLMO.CLUBの実際のNext.js実装例(一次情報)を大公開

導入:AIは「見た目」ではなく「構造」を読む

「構造化データって入れた方がいいの?」

一昔前のSEOでは「余裕があれば」といった位置づけでしたが、AI検索(GEO)の時代において、その答えはシンプルです。

AI検索(PerplexityやSearchGPTなど)では、人間が読む「文章」を書くだけでは足りません。AIエージェントに「ここは記事のタイトル」「ここは著者の情報」と“機械が理解できる形”で情報を渡す必要があります。

そのための世界標準の仕組みが、構造化データ(JSON-LD)です。

この記事では、基本概念から、実際にこのサイト(LLMO.CLUB)のブログシステムで動いているNext.jsの実装コードまで、一次情報として包み隠さず公開します。

構造化データ(JSON-LD)とは何か

ひとことで言えば、検索エンジンやAIにサイトの「意味」を直接伝えるコードです。

理由

通常のHTMLは「人間向けの見た目(UI)」を伝えるものです。一方でJSON-LDは、裏側で以下のような意味情報(セマンティクス)を伝えます。

  • これは「記事(Article)」である
  • この記事の著者は「ラボ猫(Person)」である
  • 読者のこの質問(FAQ)に対する答えはこれである

具体例(一番シンプルな形)

人間には画面上見えませんが、クローラーやAIエージェントにとっては、このデータこそが「サイトの設計図」になります。

Lab Cat
ラボ猫:「HTMLが体なら、JSON-LDはDNAや骨格みたいなものだにゃ。これがしっかりしてないと、AIにスルーされちゃうにゃん」

【実践】LLMO.CLUBのJSON-LD実装を公開!

「構造化データを入れたほうがいい」と言うのは簡単ですが、ここではE-E-A-T(経験・専門性・権威性・信頼性)の観点から、実際にLLMO.CLUBのブログ記事ページ(`src/app/blog/[slug]/page.tsx`)で稼働しているTypeScript(Next.js)のコードを惜しみなく公開します。

① Article(記事)スキーマの実装例

記事のタイトルやアイキャッチ画像、更新日や著者(Author)情報をAIに正確に渡すためのコードです。LLMO.CLUBでは動的にSanity CMSから取得したデータを流し込んでいます。

このコードにより、AIは著者の権威性や記事の鮮度を人間を介さずに瞬時に理解し、サイテーション(引用)のソースとして選びやすくなります。

② FAQPage(よくある質問)スキーマの実装例

LLMO.CLUBの各記事の末尾には「よくある質問」が設置されていますが、これもすべてJSON-LDで自動的にマークアップを出力しています。

FAQスキーマを入れることで、AI検索エンジンでの「ダイレクトアンサー(直接回答)」に採用される確率が飛躍的に高まります。

よくあるミスとAI時代の戦略

間違った構造化データは逆効果になることがあります。

  • 必須項目(headlineやimageなど)が抜けている
  • HTMLの本文とJSON-LDの内容が一致していない(スパム判定される原因)
  • JSONのカンマ抜けなどで構文が壊れている

本サイト(LLMO.CLUB)のように、CMSのデータと連動して動的にJSON-LDを生成する仕組みを作れば、上記のようなヒューマンエラーを防ぐことができます。

Lab Cat
実装した後は、必ずGoogleが提供している「リッチリザルトテスト」や「スキーママークアップ検証ツール」でエラーがないか確認しましょう。

よくある質問(FAQ)

QJSON-LDはSEOにおいて必須ですか?
A従来のSEOとしては「推奨」でしたが、AIエージェントに情報を正確に解釈させるGEO(Generative Engine Optimization)の文脈では、ほぼ必須の技術となっています。
Q構造化データを入れるだけで検索順位は上がりますか?
A直接的な順位上昇のシグナルではありません。しかし、AIや検索エンジンがページを「正しく理解」できるため、結果としてリッチリザルトの表示や引用(サイテーション)の機会が増え、トラフィック向上に繋がります。
QWordPressを使っている場合、どう実装すればいいですか?
AWordPressであれば「Yoast SEO」や「All in One SEO」などのプラグインを使用するか、テーマに標準搭載されているJSON-LD出力機能をオンにするだけで簡単に実装可能です。
Q今回紹介されたコードの Next.js プロジェクト以外での応用は可能ですか?
Aはい、HTMLの `<script type="application/ld+json">` タグが出力できれば、PHPやRuby on Railsなど、どのような環境でも応用可能です。

🏁 SUMMARY

構造化データ(JSON-LD)ははAIに対するサイトの設計図・説明書」です。ArticleスキーマやFAQPageスキーマを動的に生成することでより強力にアピールできます。例えば本サイトLLMO.CLUBのような一次情報源は、構造化データでE-E-A-TをAIに直接アピールすべきです。

Lab Cat
これからは読んで面白い記事を書くだけじゃダメだにゃ。機械にもわかりやすい記事を作るのが、令和のサイト運営者だにゃん🐾

こちらの記事もおすすめだにゃ

SEOはオワコン?生成AI検索に選ばれるための基礎知識
AI検索のしくみ

SEOはオワコン?生成AI検索に選ばれるための基礎知識

SEOからGEOへ。AI検索エンジンに選ばれるための「回答最適化」完全ガイド
AI検索のしくみ

SEOからGEOへ。AI検索エンジンに選ばれるための「回答最適化」完全ガイド

FAQPage構造化データの作り方(JSON-LD例あり)|AIO/LLMOで強いQ&A設計
サイト構造設計

FAQPage構造化データの作り方(JSON-LD例あり)|AIO/LLMOで強いQ&A設計

ラボ猫

ラボ猫

Webディレクター / デザイナー

広告代理店のデザイナーとしてキャリアをスタート。インターネット黎明期より印刷からWEB案件まで数多くのクライアントのWeb戦略・制作に参画し、現在は生成AIとWebの融合を研究する「LLMO.CLUB」の主宰を務める。デザイン、ロジック、そしてAIの3軸から次世代のWebを定義する現場主義のディレクター。