界面已本地化;技能介绍与说明文档按所选语言由 AI 自动翻译,代码、命令、路径和专业术语保留原文,以原作者文档为准。
探索技能
数据与研究 · SKILL.md

broken-html

broken-html

【数据与研究】Use when auditing metadata, crawlability, structured data, or indexability related to Fix malformed HTML structure. Verify the rendered HTML and HTTP response rather than relying only on source files.

独立 GitHub 快照 · 自动分类 · 以原作者文档为准

技能说明

GitHub

name: broken-html description: "Use when auditing metadata, crawlability, structured data, or indexability related to Fix malformed HTML structure. Verify the rendered HTML and HTTP response rather than relying only on source files." metadata: category: seo priority: medium difficulty: intermediate estimatedTime: "10" source: frontendchecklist.io url: https://frontendchecklist.io/rules/seo/broken-html

Fix malformed HTML structure

Malformed HTML can cause rendering issues across browsers and may prevent search engine crawlers from accurately parsing and indexing your content.

Quick Reference

  • Ensure all HTML tags are properly closed and nested according to specifications
  • Remove stray tags or unescaped characters from the source code
  • Verify the document structure follows a logical hierarchy with valid head and body sections

Check

Validate the HTML structure of the page to identify any unclosed tags, incorrect nesting, or structural errors.

Fix

Correct the malformed HTML by properly closing tags and ensuring all elements are nested according to the HTML5 specification.

Explain

Explain how significant HTML errors can impact search engine bot crawling and the accessibility of a website.

Code Review

Review metadata generation, rendered HTML, structured data, and response headers related to Fix malformed HTML structure. Flag exact routes or templates where search-facing output violates the rule, and describe how to verify the final page output.


For full implementation details, code examples, and framework-specific guidance, see references/rule.md.

Rule page: https://frontendchecklist.io/rules/seo/broken-html

我的收藏