Next.js 全站 SEO 审计

在 Next.js 或纯 HTML 项目中，SEO 往往散落在文档头部、结构化数据、图片优化和各种配置文件中。很多问题单独看只是「不够完美」，组合在一起却会直接限制搜索引擎的抓取与排名：标题过长被截断、JSON-LD 缺字段、移动端触控区域太小，或者页面因为外链脚本过多而变得迟钝。如果每次排查都靠人工对照不同标准，很容易遗漏关键细节。

核心能力

该技能将完整的 SEO 审计拆解为 10 个子技能，覆盖从页面内容到底层性能的检查链路：

• On-Page 与元数据：检查 title 长度（30–60 字符）、描述信息、关键词密度及 OG/Twitter 标签完整性。
• 结构化数据：校验 JSON-LD 格式，并确认是否正确标记 header、main、footer、nav 等语义化元素。
• 性能与移动端：统计内联 CSS 长度、外链脚本数量，检查视口配置、响应式布局以及触控目标（要求至少 48px × 48px）。
• 技术架构：关注 sitemap、robots.txt、canonical 标签、外链策略（dofollow/nofollow）以及国际化场景下的 hreflang 设置。

工作流程与输出

执行全量审计时，技能会按照固定的顺序依次运行上述 10 个子技能。你需要提供待检测的 HTML 内容，技能会读取各子技能的 SKILL.md 并逐项比对。

每一个检查点都会输出标准化的 Status 和 Message，状态分为 ✅ PASS、⚠️ WARN 和 ❌ FAIL。在最后，它会汇总全局阈值（如外链脚本上限为 10 个、必填 OG 标签列表）生成一份可操作的修复建议报告。

适用边界与注意事项

该技能本质上是基于 HTML 静态内容的静态分析。它无法替代真实的浏览器测试，因此对于依赖复杂客户端渲染（CSR）后才生成的内容，可能出现误判。此外，Core Web Vitals 的评估依赖于静态规则而非真实用户遥测数据，建议将其作为「预防性体检」而非最终的性能基准。