RaytonX Learn

Next.js 项目 SEO 检查清单

系统整理一个 Next.js 项目在 SEO 方面必须检查的关键项。适合已经完成基础开发、准备上线，或者准备对现有站点做 SEO 补强的项目。

1. Metadata 基础配置

  • [ ] 已配置 metadataBase
  • [ ] 所有页面都有 title 和 description
  • [ ] title 长度合理（避免过长或重复）
  • [ ] description 真实反映页面内容
  • [ ] 配置 keywords
  • [ ] 如果项目设置了 basePath， 需要注意metadataBase

2. canonical 与 URL 规范

  • [ ] 每个页面都有 canonical
  • [ ] 没有重复路径（如 /page 和 /page/），配置 trailingSlash 或者在 redirect 中处理
  • [ ] 避免多域名重复收录（www / 非 www）

3. 动态页面 SEO（generateMetadata）

适用于：

  • /courses/[slug]
  • /blog/[slug]

检查项：

  • [ ] 使用 generateMetadata
  • [ ] 根据内容动态生成 title / description
  • [ ] canonical 指向当前页面真实 URL
  • [ ] Twitter/OG 信息随内容变化

4. 页面渲染方式

  • [ ] 内容页使用 SSG（或 ISR）
  • [ ] 页面 HTML 中包含完整正文
  • [ ] 不依赖客户端请求加载核心内容
  • [ ] 未登录状态下仍有可抓取内容

5. SSG / ISR 策略

  • [ ] 使用 generateStaticParams
  • [ ] 热门内容已预生成
  • [ ] ISR 配置合理（如 revalidate）
  • [ ] 内容更新后可触发重新构建或 revalidate

6. sitemap.xml

  • [ ] 存在 /sitemap.xml
  • [ ] 包含所有重要页面：
    • [ ] 首页
    • [ ] 列表页
    • [ ] 内容页（课程 / 博客）
  • [ ] 包含 lastModified
  • [ ] URL 为完整路径（含域名）
  • [ ] 如果存在多个站点，通过 sitemapindex 汇总到主域名的 /sitemap.xml

7. robots.txt

  • [ ] 存在 /robots.txt
  • [ ] 未误屏蔽重要页面
  • [ ] 屏蔽无意义路径（如 /api）
  • [ ] 声明 sitemap

8. Open Graph 与社交分享

  • [ ] 配置 openGraph
  • [ ] 每个页面有独立 OG 信息（动态页面）
  • [ ] OG 图片可访问（非 404）
  • [ ] 图片尺寸正确（1200x630）

9. 结构化数据（JSON-LD）

  • [ ] 添加结构化数据
  • [ ] 类型匹配页面：
    • [ ] Article / BlogPosting
    • [ ] Course
    • [ ] BreadcrumbList
  • [ ] 内容与页面一致

10. 内链结构

可以让搜索引擎可以“顺着页面爬”

  • [ ] 页面之间有合理链接
  • [ ] 存在面包屑导航
  • [ ] 有“上一篇 / 下一篇”
  • [ ] 有相关推荐

11. 上线后的验证

  • [ ] 接入 Google Search Console 提交到 sitemap
  • [ ] 使用 URL Inspection 测试页面
  • [ ] 页面可以被成功抓取（Fetch 成功）
  • [ ] 无索引错误（Coverage）