アニメ動画ファンブログ

ベタですが『アニメ動画ファンブログ』というサイトをつくりました。

VOD Fan Blog

構造化データについて

ちょっと専門的な話ですが、構造化データについての話がありました。

構造化データは、Webサイトの情報を検索エンジンに正確に伝えるための記述形式です。
Schema.orgの規格に基づき、JSON-LD形式でHTMLに記述するのが一般的です。
記事、イベント、商品など様々な種類があり、リッチリザルトとして検索結果に表示され、クリック率向上に繋がります。
記述には、GoogleのリッチリザルトテストやSchema Markup Validatorで検証が必須です。
WordPressではYoast SEO等のプラグインで簡単に追加できます。
ただし、Googleのガイドライン遵守が重要で、違反するとペナルティを受ける可能性があります。
構造化データはSEO対策の一環であり、高品質なコンテンツと合わせて活用することで効果を発揮します。

 

(この画像は画像生成AIのMidjourneyで作成しています。)

 

という事で構造化データについて、初心者向けにトピックごとにまとめます。
関連情報も加え、分かりやすく解説します。


1. 構造化データとは?

  • 概要: 構造化データとは、検索エンジン(Googleなど)がWebサイトの内容をより正確に理解できるようにするための情報です。

  • 役割: Webページのコンテンツの意味を明確にし、検索結果での表示を豊かにします。

  • 例:

    • 記事:タイトル、著者、公開日、概要などを構造化データでマークアップする

    • イベント:イベント名、開催日時、場所などを構造化データでマークアップする

    • 商品:商品名、価格、在庫状況などを構造化データでマークアップする

  • メリット:

    • 検索順位の向上(直接的な効果は限定的ですが、間接的な効果が期待できます)

    • リッチリザルトの表示(検索結果に画像、レビュー、価格などが表示され、クリック率が向上します)

    • サイトの信頼性向上

(この画像は画像生成AIのMidjourneyで作成しています。)


2. 構造化データの種類

構造化データには様々な種類がありますが、代表的なものを紹介します。

  • Schema.org: Google、Microsoft、Yahoo!などが共同で推進している、構造化データの標準規格です。ほとんどの構造化データはこのSchema.orgの語彙(ボキャブラリー)を使用します。

  • JSON-LD: JSON(JavaScript Object Notation)形式で構造化データを記述する方法です。Googleが推奨しており、実装も比較的容易です。

  • Microdata: HTMLタグに属性を追加して構造化データを記述する方法です。

  • RDFa: XMLベースの構造化データ記述方法です。

(この画像は画像生成AIのMidjourneyで作成しています。)


3. 構造化データの書き方(JSON-LD形式)

JSON-LD形式での構造化データの記述例をいくつか紹介します。

  • 記事の構造化データ:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "NewsArticle",
  "headline": "構造化データ入門",
  "image": [
    "https://example.com/image1.jpg",
    "https://example.com/image2.jpg"
   ],
  "datePublished": "2025-03-01T10:00:00+09:00",
  "dateModified": "2025-03-01T12:00:00+09:00",
  "author": {
    "@type": "Person",
    "name": "ほそのひでかず"
  },
  "publisher": {
    "@type": "Organization",
    "name": "サイト名",
    "logo": {
      "@type": "ImageObject",
      "url": "https://www.reiwa-gannen.net/wp-content/uploads/2025/02/gakushu-1024x636.png"
    }
  },
  "description": "構造化データの基本について解説します。"
}
</script>
  • イベントの構造化データ:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Event",
  "name": "構造化データの勉強",
  "startDate": "2024-05-20T19:00:00+09:00",
  "endDate": "2024-05-20T21:00:00+09:00",
  "location": {
    "@type": "Place",
    "name": "オンライン",
    "url": "https://example.com/location"
  },
  "description": "構造化データの勉強",
  "image": [
    "https://example.com/event_image.jpg"
  ],
  "offers": {
    "@type": "Offer",
    "url": "https://example.com/event_registration",
    "price": "0",
    "priceCurrency": "JPY",
    "availability": "https://schema.org/InStock"
  }
}
</script>

 


(この画像は画像生成AIのMidjourneyで作成しています。)

 

4. 構造化データの記述場所

 

 

構造化データは、HTMLファイルの<head>セクションまたは<body>セクションに記述します。
JSON-LD形式の場合、<script type=”application/ld+json”>タグで囲んで記述します。

 


(この画像は画像生成AIのMidjourneyで作成しています。)

 

5. 構造化データのテスト

 

記述した構造化データが正しく記述されているかを確認するために、Googleが提供する以下のツールを使用します。


(この画像は画像生成AIのMidjourneyで作成しています。)

 

6. 構造化データ生成支援ツール

 

構造化データを手動で記述するのは手間がかかるため、以下のツールを利用すると便利です。

(この画像は画像生成AIのMidjourneyで作成しています。)

 

7. WordPressでの構造化データ

WordPressを使用している場合、プラグインを利用することで構造化データを簡単に追加できます。

  • Yoast SEO: 構造化データの設定機能が充実しています。

  • Rank Math SEO: Yoast SEOと同様に、構造化データの設定が可能です。

  • Schema Pro: より高度な構造化データの設定が可能です。

(この画像は画像生成AIのMidjourneyで作成しています。)

 

8. 注意点

(この画像は画像生成AIのMidjourneyで作成しています。)

 

補足情報:生成AIの活用

  • 構造化データを記述する際に、ChatGPTなどの生成AIを活用することも可能です。ただし、生成されたコードは必ず検証ツールで確認し、誤りがないか確認してください。

(この画像は画像生成AIのMidjourneyで作成しています。)

 

まとめ

構造化データは、WebサイトのSEO対策において重要な要素の一つです。この記事を参考に、構造化データを導入し、検索エンジンにWebサイトの内容をより正確に伝えましょう。

 

(この画像は画像生成AIのMidjourneyで作成しています。)

コメント