Next.js SEO最佳实践：让你的网站被Google快速收录

为什么Next.js适合做SEO

Next.js提供了SSG（静态生成）和SSR（服务端渲染）两种渲染模式，都能让搜索引擎爬虫直接获取到完整的HTML内容，这是SPA（单页应用）做不到的。

SSG vs SSR

对于大多数企业官网和博客，**SSG是最佳选择**： - 构建时生成HTML，无需服务器运行时 - 加载速度最快（CDN分发） - 部署简单（Vercel/Netlify免费托管） - SEO效果最好

关键SEO配置

#### 1. Metadata API Next.js 15的App Router使用Metadata API管理页面元信息：

export const metadata = {
  title: "页面标题 - 网站名",
  description: "页面描述，160字符以内",
  openGraph: {
    title: "分享标题",
    description: "分享描述",
    images: ["/og-image.png"],
  },
};

#### 2. Sitemap 使用app/sitemap.ts自动生成：

export default function sitemap() {
  return [
    { url: "https://yoursite.com", lastModified: new Date() },
    { url: "https://yoursite.com/about", lastModified: new Date() },
  ];
}

#### 3. 结构化数据（JSON-LD） 使用JSON-LD帮助搜索引擎理解页面内容：

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "公司名",
  "url": "https://yoursite.com"
}
</script>

#### 4. 性能优化 - 图片使用next/image自动优化 - 字体使用next/font自托管 - 代码分割和懒加载

提交到搜索引擎

1. 注册Google Search Console，提交sitemap 2. 注册百度站长平台，提交链接 3. 在robots.txt中声明sitemap位置