Skip to main content

H1-H5 heading scenarios


Overview

Heading tags create the document outline for readers and search engines. Good heading structure improves readability, accessibility, and content organization.

Heading Scenario Comparison

ScenarioSEO/UX ImpactRecommendation
Only H1 tagsConfusing hierarchy and poor structureAvoid. Use one H1, then H2-H3 sections.
H1 and H2 onlyAcceptable for simple pagesUse for short content with few sections.
H1, H2, H3Strong structure for most articlesRecommended default.
H1 and H5 onlyBroken hierarchyAvoid skipping levels for styling.
H1-H5 used logicallyUseful for deep guidesUse only when content depth requires it.

Best Practices

  • Use one H1 for the page topic.
  • Use H2s for major sections.
  • Use H3s for subsections under H2s.
  • Do not skip heading levels for visual design.
  • Style headings with CSS instead of misusing heading tags.

WordPress Hero Section Rule

If the page title is already an H1, the hero headline should usually also be that H1 or use non-heading styling. Avoid duplicating multiple H1s for design blocks.

Common Mistakes

  • Using headings as font-size controls.
  • Creating multiple H1s across hero, title, and content body.
  • Skipping from H2 to H5.
  • Making vague headings that do not describe the section.