一个现代化的 Next.js 应用可能看起来很快;但这并不意味着它在技术 SEO 方面没有问题。错误的 canonical 标签、无意中添加的 noindex、损坏的 sitemap 记录或仅在 JavaScript 运行时才显示的内容,都会让搜索引擎难以理解页面。

本指南将逐步说明如何在基于 Next.js 的项目中定期执行技术 SEO 审核。

1. 区分抓取与索引状态

一个 URL 能够被抓取并不等于能够被索引。请先回答以下问题:

  • URL 是否返回 HTTP 200?
  • robots.txt 是否阻止了该页面?
  • 页面是否存在 noindex meta 标签?
  • Canonical 是否指向另一个 URL?
  • 页面是否包含在 sitemap 中?
  • 是否可以通过内部链接访问?

如果一个页面出现在 sitemap 中,但 canonical 标签指向另一个页面,就会向搜索引擎发送相互矛盾的信号。同样,如果 robots.txt 阻止的 URL 也被添加到 sitemap 中,会产生技术债务。

2. 按路由验证元数据

Next.js 项目中的元数据不应仅停留在主 layout 层面。重要页面应根据其搜索意图拥有合适的 title 和 description。

需要检查的基本项:

  • 唯一的 title
  • 描述用户受益的 meta description
  • 正确的 canonical URL
  • Open Graph 标题、描述和图片
  • Twitter 卡片
  • 必要时的 robots 指令

与其将 title 区域变成关键词列表,不如明确描述页面提供的结果更有效。例如,用“站点 SEO 分析:免费检查技术错误”比“SEO 工具”更能体现明确的搜索意图。

3. 固定 canonical 与域名规范

如果同一内容可通过以下形式访问,则可能出现重复 URL 问题:

  • http://site.com
  • https://site.com
  • https://www.site.com
  • 带查询参数的变体
  • 末尾有无斜杠的地址

应指定一个主域名,其他变体通过永久重定向指向该域名。canonical 标签也应指向最终重定向后的 URL。

4. 将 sitemap 与实际页面进行比对

即使 sitemap 是自动生成的,也不应假定其无误。对每个 sitemap URL 应进行以下检查:

  1. HTTP 状态是否为 200?
  2. 页面是否可被索引?
  3. Canonical URL 是否指向自身?
  4. URL 是否重定向到其他地址?
  5. 页面是否真正需要在搜索结果中出现?

登录页、管理面板、临时预览页和个人用户区域通常不应添加到 sitemap 中。

5. 保持 robots.txt 文件简洁

Robots.txt 不是防火墙。仅靠 robots.txt 阻止敏感页面并不能保证其不被发现。

该文件的作用是指导抓取行为。关键检查点包括:

  • CSS 和 JavaScript 文件不应被误封禁
  • 应指定 sitemap 地址
  • 不应封禁重要着陆页
  • 测试环境规则不应迁移到生产环境

6. 结构化数据与可见内容保持一致

JSON-LD 中的信息应与页面上可见的内容一致。博客文章可使用 Article 模式,常见问题页面可使用 FAQPage 模式,软件产品可使用 SoftwareApplication 模式。

但仅添加更多 schema 并不能保证排名。错误或与内容不匹配的 schema 会降低可信度。

7. 检查无 JavaScript 时的可见内容

搜索引擎虽然可以执行 JavaScript,但渲染过程需要额外资源。页面的主标题、描述和核心链接应包含在服务器生成的 HTML 中。

在浏览器中使用“查看源代码”检查以下内容:

  • H1
  • 主描述
  • Canonical
  • Title 和 description
  • 内部导航链接

关键内容仅在客户端 API 请求后才生成,可能会延迟索引过程。

8. 使用真实用户数据监控 Core Web Vitals

实验室测试能为开发者提供快速反馈,而真实用户数据能反映不同设备和网络条件。LCP、INP 和 CLS 值尤其需要在移动端体验中跟踪。

Next.js 项目中常见的性能问题:

  • 未指定尺寸的图片
  • 不必要的客户端组件
  • 大型第三方脚本
  • 首屏加载的粗体字体
  • 未使用的 JavaScript 包

9. 自动检查断链和图片

当内容被移动时,旧链接可能不会全部更新。定期审核应扫描内部链接、图片和重定向链。

返回 404 的图片既会破坏用户体验,也会削弱页面的质量感知。重定向链的每一步都会增加额外延迟。

10. 结合自动分析与人工审核

自动化工具可以在数百个 URL 上始终如一地执行相同规则。但页面是否真正满足搜索意图,仍需人工判断。

SıraPusula 的免费 站点 SEO 分析 页面可用于将元数据、标题结构、链接、图片、robots.txt 和 sitemap 等基本检查汇总到单一报告中。

要额外检查自然排名,可使用 SıraPusula Google 排名查询工具

结论

Next.js 的技术 SEO 工作不是一次性的设置。新路由、内容和部署更改都可能破坏之前正确的配置。

最稳健的流程是:在每次发布前运行自动检查、定期抓取生产站点,并用 Search Console 数据验证结果。这样可以在问题导致流量损失前被发现。