SEO100
SEO method 50 of 100

Heading Structure (H1 to H6): How to Outline a Page Properly

Beginner Medium impact Under an hour On-page SEO and UX

Updated · First published

Short answerHeadings are the outline of a page. Google says multiple H1s are fine and that it does not need headings in order, but screen-reader users and readers skimming do. Use one clear H1 that matches the title, H2s for sections, H3s inside them, and skip no levels.

Heading structure is the way you use the HTML heading tags <h1> to <h6> to give a page an outline: one top-level heading that names the page, then sections, then subsections. Headings help readers skim, help screen-reader users jump around a page, and give Google clear signals about what each part of a page covers.

What are H1 to H6 headings?

Tag Role Typical use
<h1> Page title One main heading, matching what the page is about
<h2> Main sections The big questions or topics the page answers
<h3> Subsections Steps, options, examples inside an H2
<h4> to <h6> Deeper levels Rare, long documents and documentation

Think of a table of contents. If you could read only the headings, you should still know what the page says.

Why does heading structure matter for SEO?

Here is what the evidence says, source by source:

  • Google reads headings as context. John Mueller has said Google uses headings to understand the context of different parts of a page, and that its systems work with whatever heading HTML they find.
  • Headings feed title links. Google’s title link guide lists <h1> and other prominent text among the sources it uses when it builds the clickable title in results, and it rewrites titles when a page has no clear main heading.
  • They support snippets. A question as an H2 followed by a direct answer is easy to lift into a featured snippet or an AI answer (see answer-first content).
  • They help people. Screen-reader users navigate by headings, and everyone else skims by them, which is why accessibility and readability both start here.

Headings are not a ranking switch. Wrapping keywords in an <h2> does not lift a page, but a page that is easy to scan keeps readers longer.

Is it OK to use more than one H1?

Yes for Google. John Mueller said, in an episode of Google’s #AskGoogleWebmasters series and in office hours, that its systems have no problem with several H1s on a page and that a page can rank with none or with five. Google’s SEO Starter Guide also says it does not matter if you use headings out of order, and that there is no ideal number of headings, though a lot of headings is a sign to cut them down.

For people, use one H1 per page anyway. It matches the title, gives screen-reader users an obvious start, and keeps templates simple. HTML5 allows several, and some themes use one per section, so you do not have to rebuild a site that already does.

How do you fix your heading structure, step by step?

  1. Check what you have. Open a page, run a heading-outline extension or the crawler export, and read only the headings. Gaps jump out.
  2. Write one H1 per page. Make it the page’s topic in plain words, close to the title tag, and visible near the top. Google says a clear main title helps it pick the right title link.
  3. Turn the main sections into H2s. Phrase them as the questions your reader asks (“How much does it cost?”), because that is how people search and how AI answers pull content.
  4. Nest details under them as H3s. Steps, options, comparisons. Go down a level only when a section really splits.
  5. Never skip a level to get a look. Jumping from H2 to H4 confuses screen readers. Style size with CSS, not with the tag.
  6. Do not use headings for decoration. Slogans, sidebar titles, footer blocks and pull quotes belong in <p>, <div> or <strong>, not in heading tags.
  7. Keep them short. A heading is a label, not a paragraph. Aim for under ten words.
  8. Fix the template, not each page. Many sites put the logo or site name in an <h1> on every page. Move it to a plain element so the real page title holds the H1.
  9. Re-run the outline after changes and check on a phone, where long headings wrap awkwardly.

Say a pricing page reads: H1 “Pricing”, H2 “What does each plan include?”, H3 “Starter”, H3 “Team”, H2 “How do refunds work?”. That outline already answers two questions before the reader reads a sentence.

How do you measure the result?

Headings rarely move one number on their own, so track three things:

  • Crawl check: every important page has exactly one H1, no empty headings, and no skipped levels.
  • Search Console: in the Performance report in Google Search Console, watch clicks and impressions on the pages you restructured over several weeks.
  • Behaviour: time on page and scroll depth in your analytics, for pages where you added clear H2s to long text (see engagement rate).

What mistakes should you avoid?

  • Headings for style. Making text big with an <h3> breaks the outline.
  • Keyword-stuffed headings. “Best Cheap SEO Tool Free SEO Tool” reads like spam to people and breaks Google’s spam rules on stuffing.
  • Empty or hidden headings left by a page builder.
  • Logo as H1 on every page of the site.
  • Walls of text with no headings. A 2,000-word page without H2s is hard to scan for everyone.
  • Over-nesting. Five levels of headings in a short post signals a muddle. Google says too many headings are a sign to cut them.

Where can you learn more?

The free landing page module of the Fe/male Switch startup school shows how to lay out a page so each section has a purpose. Next steps on SEO100: align the H1 with your title tag, then write section answers that lead with the answer.

Earlier versions of this directory listed this as: Header hierarchy.

Learn SEO as part of building a startup

Fe/male Switch is a startup school and game where you build a real company step by step. Its free digital marketing module covers SEO, and the free startup tools help with the rest.