Guide

Heading hierarchy for SEO and accessibility

About 3 min read Time to do it: 20-30 min Updated
Quick answerUse headings to describe the structure of a page and help readers scan it. A logical outline supports accessibility and comprehension, but heading tags are not a shortcut to rankings.
On this page
  1. When to use this guide
  2. Why this matters for SEO
  3. What can go wrong
  4. Step-by-step
  5. How to confirm it worked
  6. Mistakes to avoid
  7. Tools to use
  8. FAQ
  9. Related guides

Why this matters for SEO

Use headings to describe the structure of a page and help readers scan it. A logical outline supports accessibility and comprehension, but heading tags are not a shortcut to rankings.

Search visibility depends on several systems agreeing: the page must be reachable, discoverable, technically eligible to be indexed, useful for the query, and supported by a clear internal site structure. Fixing one symptom while another system is blocking the page can produce little or no improvement.

Use this guide as a focused workflow rather than a checklist to complete blindly. Confirm the actual page and response first, make the smallest defensible change, then re-test the same evidence after deployment.

When to use this guide

  • A page has multiple unrelated H1 headings or jumps between levels.
  • Screen-reader users cannot understand the page outline.

What can go wrong

  • Headings are selected for visual size rather than semantic structure.
  • Reusable templates insert headings in the wrong order.
Diagnosis order

Check access and HTTP status first, then robots and indexability directives, canonicalization, content/template quality, internal links and performance. This order prevents a low-priority content edit from hiding a technical blocker.

Step-by-step

  1. Outline the page before styling

    Write the main topic and the major sections in a simple outline.

  2. Use headings for structure

    Use one clear page-level heading where appropriate, followed by section headings and nested subsections.

  3. Keep levels logical

    Do not choose H2 or H3 only because its default font size looks right. Style semantic headings with CSS.

  4. Make labels descriptive

    A heading should help a reader predict the content that follows.

  5. Inspect templates

    Check repeated headers, sidebars, accordions and widgets so they do not create confusing document structure.

  6. Test with assistive technology

    Navigate by headings with a screen reader or accessibility inspection tool.

How to confirm it worked

The outline is understandable when read without visual styling, heading levels reflect content nesting and repeated components do not create misleading headings.

Verification should use the same URL and comparable conditions as the original test. Check the HTTP response, rendered/source markup and the relevant Google Search Console report where applicable. A successful technical change does not guarantee immediate indexing; crawling and indexing can take time and Google may still choose not to index a page it considers redundant or low quality.

Mistakes to avoid

  • Using headings only to make text bold or large.
  • Forcing every page into the same heading count.
  • Treating one H1 as a universal ranking requirement.

Tools to use

Heading Structure Analyzer

FAQ

Must every page have exactly one H1?

A clear primary heading is useful, but search engines can handle multiple headings. Prioritize a meaningful, coherent document structure.

Check your own site now. The free SeOMeter tools run these checks on your own URLs, no sign-up needed.

Open the SEO tools

Was something unclear or out of date? Tell us and we will improve this guide. SEO checks are diagnostic guidance, not a promise of rankings, traffic or indexing.