Example Analyses

We regularly scan websites to study how different industries structure their content. Here are selected case studies.

Developer Documentation — Mozilla MDN

The Mozilla Developer Network is a gold standard for technical documentation. Its heading hierarchy is meticulously organized to support both scanning and deep reading.

  • H1 count: 1 per page (strict)
  • Typical depth: H2 for major sections, H3 for subsections
  • Strength: consistent pattern across thousands of pages

Visit website →

Tech Publication — Smashing Magazine

A long-form publication with complex articles. The heading structure tends to run deeper (H4 is common) because tutorials require granular breakdowns.

  • H1 count: 1
  • Max depth: H4
  • Strength: logical progression from concept to implementation

Visit website →

Web Standards — W3C

The World Wide Web Consortium publishes specifications with highly formal heading structures. Every section is numbered and nested predictably.

  • H1 count: 1 (specification title)
  • Structure: strict hierarchical numbering
  • Strength: machine-readable and human-navigable

Visit website →

Developer Tooling — CSS-Tricks

A resource site for front-end developers with a mix of quick tips and deep dives. The heading depth varies by content type.

  • H1 count: 1
  • Format: reference cards + long articles
  • Opportunity: some reference pages could use more H2 granularity

Visit website →