结构化数据

结构化数据：让搜索引擎"读懂"你的网站

搜索引擎虽然聪明，但有时候也需要一点"小抄"。 结构化数据 (Structured Data)，也就是常说的 Schema Markup，就是这张小抄。它用一种搜索引擎能秒懂的 JSON 格式，明确告诉它： "这不仅是一段文字，这是一个食谱，耗时 30 分钟，有 500 卡路里，评分为 4.8。"

最大的诱惑：富媒体搜索结果 (Rich Results)

做了结构化数据，你能在搜索结果页 (SERP) 获得极其显眼的展示样式。这会直接导致点击率 (CTR) 暴涨 30% 以上。

常见的富媒体效果

文章 (Article)：出现在 Google Discover 和新闻轮播中。
产品 (Product)：直接显示价格、库存状态、星级评分。
FAQ (常见问题)：在链接下方直接折叠展示问答（霸屏神器）。
面包屑 (Breadcrumb)：URL 显示为层级结构，更清晰。
视频 (Video)：显示预览图、时长、上传日期。

核心实现：JSON-LD

Google 官方唯一推荐的格式是 JSON-LD。它是一段放在 <script> 标签里的 JavaScript 对象，通常放在 <head> 或 <body> 中。

1. 通用模板：网站与文章

每个页面都应该有的基础配置。

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "SEO 基础教程：从入门到精通",
  "image": [
    "https://example.com/images/seo-cover.jpg"
   ],
  "datePublished": "2025-01-18T08:00:00+08:00",
  "dateModified": "2025-01-19T09:20:00+08:00",
  "author": [{
      "@type": "Person",
      "name": "Alex",
      "url": "https://example.com/author/alex"
    }]
}
</script>

2. 电商必杀技：Product Schema

让用户在搜产品时直接看到"￥99"和"⭐⭐⭐⭐⭐"。

{
  "@context": "https://schema.org/",
  "@type": "Product",
  "name": "超轻机械键盘",
  "image": "https://example.com/keyboard.jpg",
  "description": "适合程序员的静音红轴键盘...",
  "brand": {
    "@type": "Brand",
    "name": "KeyChron"
  },
  "offers": {
    "@type": "Offer",
    "url": "https://example.com/product/keyboard",
    "priceCurrency": "CNY",
    "price": "499",
    "availability": "https://schema.org/InStock"
  }
}

3. 流量收割机：FAQ Schema

如果你有一篇"如何做 xxx"的文章，加上 FAQ Schema，Google 可能会直接把你的问答展示在搜索结果里，占据大片版面。

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "SEO 需要多久见效？",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "通常需要 3-6 个月才能看到明显的自然流量增长..."
    }
  }]
}

开发实战：如何在 Next.js 中注入？

如果你用 Next.js，不要手动写字符串。建议使用社区验证过的库 next-seo 或直接在 layout.tsx / page.tsx 中注入。

方法：使用 `script` 组件 (App Router)

import Script from 'next/script'

export default function Page({ params }) {
  const jsonLd = {
    '@context': 'https://schema.org',
    '@type': 'Product',
    name: 'Product Name',
    image: 'https://example.com/image.jpg',
    description: 'Product description',
  }

  return (
    <section>
      {/* 注入 JSON-LD */}
      <Script
        id="product-schema"
        type="application/ld+json"
        dangerouslySetInnerHTML={{
          __html: JSON.stringify(jsonLd),
        }}
      />
      {/* 页面内容 */}
    </section>
  )
}

验证工具：别盲目上线

写完代码，一定要验证！语法哪怕错一个逗号，Google 都会直接忽略。

Rich Results Test (富媒体搜索结果测试)：Google 官方工具。输入 URL 或代码片段，它会告诉你这段代码能触发什么特效。
Schema Validator：Schema.org 官方验证器，用于检查底层语法错误。

小结

结构化数据是 SEO 中投入产出比极高的一项工作。你不需要改动页面 UI，只需要加一段代码，就能让你的搜索结果变得"高大上"，点击率翻倍。 现在就去检查你的产品页和文章页，加上 JSON-LD 吧！

至此，第四章"技术 SEO"结束。接下来我们将进入 SEO 最难但也最核心的部分：外链建设。