Back to list
leobrival

check-headings

by leobrival

Serum plugin for Claude Code

0🍴 0📅 Jan 20, 2026

SKILL.md


name: check-headings description: Analyze and validate HTML heading hierarchy (H1-H6) on web pages. Use when users ask to check headings structure, verify H1 presence, analyze SEO heading hierarchy, find heading issues, or audit page structure. Detects missing H1, multiple H1s, skipped levels, empty headings, and hierarchy violations.

Check Headings

Analyze and validate HTML heading hierarchy (H1-H6) on web pages for SEO and accessibility compliance.

Quick Start

Run the heading checker from the scripts directory:

cd /path/to/html-checker/scripts
bun src/check-headings.ts <URL>

CLI Options

OptionShortDefaultDescription
--verbose-vfalseShow detailed heading content
--json-jfalseOutput results as JSON

Checks Performed

CheckSeverityDescription
Missing H1ErrorPage has no H1 heading
Multiple H1WarningPage has more than one H1
Skipped LevelWarningHeading level skipped (e.g., H2 to H4)
Empty HeadingErrorHeading tag with no text content
Wrong OrderWarningHeading appears before its parent level

Usage Examples

Basic check

bun src/check-headings.ts https://example.com

Verbose output with heading content

bun src/check-headings.ts https://example.com --verbose

JSON output for automation

bun src/check-headings.ts https://example.com --json

Output

The checker provides:

  1. Summary - Total headings found per level
  2. Issues - List of problems with severity
  3. Hierarchy - Visual tree of heading structure
  4. Recommendations - Actionable fixes

Example Output

Heading Analysis for https://example.com

Summary:
  H1: 1  H2: 5  H3: 12  H4: 3  H5: 0  H6: 0

Issues Found: 2
  [WARNING] Skipped level: H2 -> H4 at line 45
  [ERROR] Empty heading: H3 at line 78

Hierarchy:
  H1: Welcome to Example
    H2: About Us
      H3: Our Mission
      H3: Our Team
    H2: Services
      H4: Web Development  <-- Skipped H3

SEO Best Practices

  • One H1 per page: The H1 should match the page's main topic
  • Sequential hierarchy: Don't skip levels (H2 -> H4)
  • Descriptive headings: Avoid generic text like "Read More"
  • Keyword inclusion: Include target keywords naturally
  • Logical structure: Headings should outline page content

Accessibility (WCAG)

  • SC 1.3.1: Headings must convey structure
  • SC 2.4.6: Headings must be descriptive
  • SC 2.4.10: Section headings organize content
  • Command: plugins/html-checker/commands/check-headings.md
  • Scripts: plugins/html-checker/scripts/src/check-headings.ts
  • Check Links: plugins/html-checker/skills/check-links/
  • Check Meta: plugins/html-checker/skills/check-meta/

Score

Total Score

60/100

Based on repository quality metrics

SKILL.md

SKILL.mdファイルが含まれている

+20
LICENSE

ライセンスが設定されている

+10
説明文

100文字以上の説明がある

0/10
人気

GitHub Stars 100以上

0/15
最近の活動

3ヶ月以内に更新がある

0/10
フォーク

10回以上フォークされている

0/5
Issue管理

オープンIssueが50未満

+5
言語

プログラミング言語が設定されている

+5
タグ

1つ以上のタグが設定されている

0/5

Reviews

💬

Reviews coming soon