Next.jsで記事のリッチリザルト対応をする（JSON-LD）

  // JSON-LDデータを構築
  const jsonLd = {
    "@context": "https://schema.org",
    "@type": "BlogPosting",
    "headline": data.title,
    "image": data.thumbnail?.url,
    "datePublished": data.publishedAt ?? data.createdAt,
    "dateModified": data.updatedAt,
    "author": {
      "@type": "Person",
      "name": "著者名" // 適宜変更してください
    },
    "publisher": {
      "@type": "Organization",
      "name": "サイト名",  // 適宜変更してください
      "logo": {
        "@type": "ImageObject",
        "url": "ロゴのURL" // 適宜変更してください
      }
    },
    "description": data.description, // 記事の説明
    "articleBody": mainContent, // 記事の本文
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": `https://yoursite.com/blog/${data.id}` // 記事のURL
    }
  };

<script
 type="application/ld+json"
 dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
/>