WebPage 構造化データはページの種類とメタ情報を Google に伝える

なぜこれを学ぶか

WebPage 構造化データは 「このページが何のページか」を Google に明示する基盤。 About ページ / 連絡先 / 一覧ページなどページの種類を構造化することで、サイト全体の理解度が上がる。

サイト全体の SEO 基盤を整えるすべての担当者で重要。

学ばないと起きること

学ぶメリット

• ページ種別の明示で構造把握向上
• 派生タイプで詳細表現
• 商談で「WebPage 派生タイプ」を即答

仕組み

主要派生タイプ

実装例（AboutPage）

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "AboutPage",
  "name": "spotyou について",
  "url": "https://spotyou.ai/about",
  "description": "spotyou のミッション・チーム・サービス概要",
  "breadcrumb": {
    "@type": "BreadcrumbList",
    "itemListElement": [
      {"@type": "ListItem", "position": 1, "name": "ホーム", "item": "https://spotyou.ai/"},
      {"@type": "ListItem", "position": 2, "name": "About"}
    ]
  },
  "mainEntity": {
    "@type": "Organization",
    "name": "株式会社コムテ"
  }
}
</script>

CollectionPage の例

カテゴリ一覧 / タグ一覧:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "CollectionPage",
  "name": "SEO カテゴリ記事一覧",
  "url": "https://spotyou.ai/blog/seo",
  "hasPart": [
    {"@type": "Article", "url": "https://spotyou.ai/blog/post1"},
    {"@type": "Article", "url": "https://spotyou.ai/blog/post2"}
  ]
}
</script>

キー概念

mainEntity の活用

ページの「主要な関心事」を指定:

• AboutPage の mainEntity → Organization
• ContactPage の mainEntity → ContactPoint
• ItemPage の mainEntity → Product

これでページの本質を Google に伝える。

breadcrumb との組み合わせ

WebPage 内の breadcrumb プロパティで階層を明示:

"breadcrumb": {
  "@type": "BreadcrumbList",
  "itemListElement": [...]
}

別途 BreadcrumbList を独立して記述する方法もある。

派生タイプの選択

Article は WebPage と並列の独立タイプ。記事ページは Article を使う。

よくある誤解

実務での適用

サイト構造の整備

1. About / Contact ページに専用タイプ
2. カテゴリ・タグ一覧に CollectionPage
3. 記事は Article、商品は Product
4. breadcrumb は全ページに

トラブル別の対処

公式ソース

• WebPage スキーマ
• WebPage 派生タイプ一覧

自己テスト

これらの内容を採点付きで挑戦したい場合は、本ドメインのプロ試験で 5 問形式で確認できる。