技能介绍

Next.js 页面 SEO 排查的常见痛点

很多 Next.js 项目上线后，页面标题可能超 60 字符或不足 30 字符，Meta description 要么缺失要么长度偏离 120-160 字符的最佳区间；JSON-LD 结构化数据常出现格式错误，导致搜索引擎无法识别内容类型；HTML 标签堆满 <div> 而缺少 <header> / <main> 等语义元素，既影响无障碍访问也会干扰爬虫理解页面结构；移动端页面的触屏目标可能小于 48px，固定宽度超过 500px 引发响应式布局故障；外链未标注 rel="nofollow" 或 rel="dofollow"，造成权重流失或无效外链增加。这些隐性问题单独看不影响功能，但叠加起来会拉低搜索排名，甚至被判定为低质量页面。

技能的审计流程与核心能力

技能将 SEO 审计拆解为 10 个有序子技能，每个子技能对应明确的检查重点。首先执行 On-Page 优化，检查标题层级、关键词密度（理想范围 1.0-3.0%）和内链数量（每页至少 3 个）；接着是 Schema JSON 优化，验证 JSON-LD 结构化数据的必填字段和格式合规性；再到 Meta 数据优化，校验 og:title、og:image 等 Open Graph 标签和 twitter:card 等 Twitter Cards 标签是否齐全。后续覆盖语义布局、站点速度、移动端适配、外链监控、国际化、技术 SEO 和 Core Web Vitals，每个检查项都会输出 Status（✅ PASS / ⚠️ WARN / ❌ FAIL）和 Message，例如「❌ FAIL：<html> 缺少 lang 属性，影响多语言页面的地区定向抓取」。最后汇总为包含问题优先级的报告，同时附带全局阈值参考表，比如标题长度 30-60 字符、Meta description 120-160 字符等，方便开发团队快速定位修复。

适用边界与注意事项

技能依赖用户提供的 HTML 代码或可访问的页面内容，无法直接分析未渲染的 JavaScript 动态内容；部分检查如 Core Web Vitals 需要结合真实用户数据（LCP / CLS / INP），技能仅提供指标优化方向而非精确测量。对于复杂的电商页面或多语言站点，建议先通过 Lighthouse、Screaming Frog 等工具补充深度分析，再使用技能进行针对性优化。