導入|「JSON-LDの書き方が分からない」というあなたへ
Web担当者・SEO担当者さん、こんな悩みありませんか?
- 「JSON-LDという言葉は聞くが、書き方が分からない」
- 「構造化データの実装は何から始めればいいのか」
- 「ArticleとFAQPageの使い分けが曖昧」
- 「コピペできるテンプレートが欲しい」
JSON-LDは、構造化データを記述する最も標準的な形式です。Google・schema.orgが推奨しており、SEO・LLMO(AI検索)対策の両方に必須のインフラになっています。
結論から言うと、JSON-LDの書き方は『@context・@type・プロパティを記述してHTMLのに埋め込む』という3要素で完成します。本記事では、最も使う4つのSchema(Article/FAQPage/HowTo/Organization)のコピペテンプレを整理しました
本記事は、Web担当者・SEO担当者・経営者向けの保存版のJSON-LD実装マニュアルです。基礎は構造化データ 完全ガイド、確認は構造化マークアップ 確認もあわせてご覧ください。
💡 時間がない方は、本記事末尾でご紹介するAIライティングツールの活用も検討してみてください。1記事30分で書ける仕組みが手に入ります。
JSON-LD とは
JSON-LD(JavaScript Object Notation for Linked Data)は、Webページの内容を機械(AI・検索エンジン)が理解しやすい形で記述する標準フォーマット。
JSON-LDの基本構造
“`json { “@context”: “https://schema.org”, “@type”: “Article”, “headline”: “記事のタイトル”, “author”: { “@type”: “Person”, “name”: “著者名” } } “`
3つの要素で構成:
- `@context`:schema.orgを使うという宣言(常に固定)
- `@type`:何のページか(Article/FAQPage/HowTo等)
- プロパティ:その種別に必要な詳細情報
なぜJSON-LD推奨か
| 形式 | 推奨度 | 理由 |
|---|---|---|
| JSON-LD | ★★★(推奨) | HTMLと分離・記述しやすい・Google公式推奨 |
| Microdata | ★★ | HTMLタグに直接埋め込む・記述が煩雑 |
| RDFa | ★ | 既存サイト改修コストが大きい |
Googleが公式にJSON-LDを推奨しています。新規実装はJSON-LD一択と考えて問題ありません
実装の3ステップ
JSON-LDを実装する手順は以下の3ステップです。
STEP 1:JSON-LDコードを記述
- @typeを決める(Article/FAQPage/HowTo/Organization等)
- プロパティを埋める
- 後述のテンプレを活用
STEP 2:HTMLの内に埋め込む
“`html “`
` ``` `
