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 →