
構造化データは、ウェブページのコンテンツを検索エンジンに明確に伝える強力な手段です。この記事では、schema.orgの代表的なスキーマを体系的に整理し、コピー可能なJSON-LDコードを提供します。技術系読者向けに、実装例を交えながら解説します。初心者の方はSEOの基本の記事で、基礎を学んでいただけると幸いです。
SEO日報内のパンくずリストのSEO効果や関連記事の画像SEO完全ガイドと組み合わせることで、サイト全体のSEOを強化できます。
導線設計は『内部リンクの設計図』で体系化、基礎は『SEOとは?』へ。
ぜひ参考にしてください。
構造化データとは?SEOでの役割
構造化データは、HTMLに追加するメタデータで、ページの内容を「何の情報か」を機械可読形式で記述します。主にJSON-LD、Microdata、RDFaの形式がありますが、Googleが推奨するJSON-LDを本記事では中心に扱います。
SEOの基礎全体を復習したい方は、先に「SEOの基本」をご覧いただくと理解がスムーズです。
検索エンジンに意味を伝える技術
通常のHTMLは人間向けですが、構造化データは「このテキストはタイトル」「このリストはパンくず」といった意味を付与。
クローラーがページの構造を正確に理解し、インデックス効率が向上します。
リッチリザルトとの関係
構造化データを実装すると、検索結果にリッチスニペット(星評価、FAQアコーディオン、動画サムネイルなど)が表示されやすくなります。
これによりCTR(クリック率)が平均10-20%向上する事例が多く、SEOの間接効果が大きいです。
代表的なスキーマとその実装例
schema.orgには数百のタイプがあります。
ここではSEO効果の高いものを厳選してご紹介します。
BreadcrumbList(パンくずリスト)
サイト階層を明示し、ユーザー体験とクローラビリティを向上できます。
「パンくずリストのSEO効果」でより詳しくご紹介しています。
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "ホーム",
"item": "https://example.com/"
},{
"@type": "ListItem",
"position": 2,
"name": "カテゴリ",
"item": "https://example.com/category/"
},{
"@type": "ListItem",
"position": 3,
"name": "現在のページ"
}]
}
</script>
FAQPage(よくある質問)
FAQコンテンツの構造化データで、検索結果での露出を高めましょう。
正しく設置することでGoogle検索で目立つことができます。
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [{
"@type": "Question",
"name": "質問1",
"acceptedAnswer": {
"@type": "Answer",
"text": "回答1の詳細。"
}
}, {
"@type": "Question",
"name": "質問2",
"acceptedAnswer": {
"@type": "Answer",
"text": "回答2の詳細。"
}
}]
}
</script>
Article/NewsArticle(ブログ・メディア用)
記事のメタ情報を強化して権威性や専門性の向上を狙います。
著者・公開日で信頼性向上。
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "記事タイトル",
"image": "https://example.com/image.jpg",
"author": {
"@type": "Person",
"name": "著者名"
},
"publisher": {
"@type": "Organization",
"name": "サイト名",
"logo": {
"@type": "ImageObject",
"url": "https://example.com/logo.jpg"
}
},
"datePublished": "2025-10-28"
}
</script>
NewsArticleは@type: "NewsArticle" に変更。
VideoObject(動画SEO用)
YouTube埋め込みや自社動画に。
サムネイル表示でCTRがアップできます。
「動画SEO実践ガイド」で詳しくご紹介しています。
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "VideoObject",
"name": "動画タイトル",
"description": "動画の説明",
"thumbnailUrl": "https://example.com/thumbnail.jpg",
"uploadDate": "2025-10-28",
"contentUrl": "https://example.com/video.mp4",
"embedUrl": "https://www.youtube.com/embed/xxxx"
}
</script>
ImageObject(画像SEO用)
関連記事「画像SEO完全ガイド」で解説。
altテキストの補完に有効です。
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ImageObject",
"url": "https://example.com/image.jpg",
"caption": "画像のキャプション",
"width": "800",
"height": "600",
"contentLocation": "場所名",
"creator": {
"@type": "Person",
"name": "撮影者"
}
}
</script>
実装テンプレート集(コピー可)
以下はJSON-LDの汎用テンプレートです。
<head>内または記事直下に挿入してください。
あくまでテンプレートコードなので、自社サイトにあわせてカスタマイズするようお願いします。
JSON-LD形式のサンプルコード
上記の各スキーマをコピーして使用。複数スキーマは配列で結合可能。
<script type="application/ld+json">
[{...Breadcrumb...}, {...FAQ...}]
</script>
はてなブログ/WordPressの埋め込み例
- はてなブログ:記事編集画面の「HTML編集」から<script>を直接貼り付け。
- WordPress:テーマのheader.phpやプラグイン(Header Footer Code Manager)を使用。GutenbergならカスタムHTMLブロック。
<!-- WordPress例: functions.phpに追加 -->
add_action('wp_head', function() {
echo '<script type="application/ld+json"> {...コード...} </script>';
});
構造化データのテストとエラー修正
実装後は即検証をしてください。
Google構造化データテストツールの使い方
- Rich Results TestにURL入力。
- 「検出されたアイテム」でスキーマ確認。
- エラー(必須プロパティ欠如など)を修正。
Search Consoleでのエラー確認手順
- Google Search Console > 「拡張」メニュー。
- Breadcrumb/FAQなどのレポートを選択。
- 「修正が必要」アイテムをクリック > 詳細エラー確認 > 再検証。
まとめ:正しい構造化でCTRを上げる
構造化データは「意味の明確化」が鍵です。Breadcrumbでナビゲーション強化、ImageObjectで画像検索流入増、FAQでDiscover表示を狙いましょう。親記事のパンくずリストのSEO効果や画像SEO完全ガイド、内部リンク設計図を併用し、サイト全体最適化を。
これらのテンプレートを活用すれば、即実装可能。CTR向上の実績を積み重ねてください!
お悩みやご不明点がある方はお気軽にコメント、お問い合わせください。