用途:这是一条前端检查清单规则,针对“畸形 HTML 结构”的审计与修复。畸形 HTML 可能导致浏览器渲染异常,也可能妨碍搜索引擎爬虫准确解析和索引内容。
主要能力:
- 检查:校验页面 HTML 结构,找出未闭合标签、错误嵌套或结构性错误。
- 修复:按 HTML5 规范正确闭合标签并调整元素嵌套。
- 解释:说明明显的 HTML 错误如何影响搜索引擎机器人抓取与网站可访问性。
- 代码审查:审查与修复畸形 HTML 相关的元数据生成、渲染后 HTML、结构化数据和响应头,指出违反规则的面向搜索的具体路由或模板,并说明如何验证最终页面输出。
使用要点:确保所有 HTML 标签按规范正确闭合与嵌套;移除源码中的游离标签或未转义字符;确认文档结构具备逻辑层级,head 与 body 部分有效。
适用场景:SEO 审计、可抓取性与可索引性检查、结构化数据与元数据核查,以及前端代码评审中的渲染输出验证。
限制:资料未提供具体框架实现、代码示例、完整命令或价格信息,相关细节暂未提供;完整实现细节和框架特定指引需参见 references/rule.md,规则页面为 https://frontendchecklist.io/rules/seo/broken-html。