网页元标签完整性检查

元标签的隐性故障

title 和 description 之外，还有一类 meta 标签出问题时往往不会立即报警——hreflang 缺失导致多语言页面互相竞争，canonical 与 hreflang 指向不一致让搜索引擎忽略语言版本，noindex 配置错误让登录页或感谢页出现在搜索结果里，viewport 缺失直接拉低移动端排名。这些标签散落在 <head> 里，出错的方式各不相同，排查起来却遵循一套固定的模式。

检查逻辑与关键步骤

技能首先尝试读取 .claude/project-context.md 或 .cursor/project-context.md，确定项目的语言区域和索引目标。然后分四条线展开：

• Hreflang：验证自引用、对称标注、ISO 639-1 代码三个硬性要求；检查 canonical 与 hreflang 是否指向同一区域版本；确认 x-default 指向默认语言或语言选择页。
• Meta robots：按 noindex、nofollow 及其组合判断页面意图——感谢页通常用 noindex,follow，测试页用 noindex,nofollow。
• Viewport / charset：检查移动端适配和字符编码声明，缺失时直接输出修复代码。
• Metadata completeness：确认每个页面都有 title 和 meta description，缺失时标记问题位置。

技能覆盖 Next.js App Router 的 metadata 配置和原生 HTML 写法，SPA/JS 渲染页面建议通过 sitemap 补充 hreflang。

边界与注意

• 技能只做元标签层面的检查，不评估内容质量或反向链接。
• 修改前会展示目标与影响，涉及外部写入需要明确确认。
• 不安装依赖、不修改系统权限、不执行下载内容。