Next.js SEO — JSON-LD + Web Vitals

JSON-LD（结构化数据）

export default function ProductPage() {
  return (
    <>
      <script type="application/ld+json"
        dangerouslySetInnerHTML={{
          __html: JSON.stringify({
            '@context': 'https://schema.org',
            '@type': 'Product',
            name: 'iPhone 16',
            offers: { price: 6999, priceCurrency: 'CNY' }
          })
        }}
      />
      <h1>iPhone 16</h1>
    </>
  )
}

让搜索引擎读懂页面内容（商品、文章、面包屑等），搜索结果显示富文本摘要（星级、价格）。

Web Vitals（性能指标）

• LCP — 最大内容绘制（< 2.5s）
• FID/INP — 首次输入延迟 / 交互延迟（< 100ms）
• CLS — 布局偏移（< 0.1）