Header tags for SEO: how to structure H1 to H6

Header tags for SEO are the H1 to H6 elements, and their job is to outline the page. Use one H1 for the topic, H2s for the main sections, and H3s only to split an H2 into parts. Google says heading order does not affect how it ranks you, but screen reader users depend on it, and clear section headings give search engines and AI answers passages they can lift.

On real sites, templates and page builders break the outline without anyone noticing.

What header tags do for SEO

Heading tags tell a reader, a crawler and a screen reader where each section starts and what it covers. Google's SEO Starter Guide asks you to break long content into sections with headings so people can find their way around, and it lists headings among the sources Google can draw on when it writes a title link for your result.

Do not expect a ranking bump from rearranging tags. The same guide says there is no ideal number of headings, and that if you think a page has too many, it probably does. The value of headings is indirect. A page with descriptive section headings is easier to scan, easier to match to a specific query and easier to quote.

The H1 has its own rules about count and placement. Those are in the H1 tag guide, so this post covers everything below it.

How to structure H1 to H6 as an outline

Write the outline before you write the page. If the headings alone read like a sensible table of contents, the structure is right.

<h1>How to choose a standing desk</h1>
  <h2>What height range do you need?</h2>
    <h3>Desks for people under 5'4"</h3>
    <h3>Desks for people over 6'2"</h3>
  <h2>Single motor vs dual motor</h2>
  <h2>How much weight can a standing desk hold?</h2>

A few habits keep it clean:

1. Give each H2 one topic. If a section needs "and" in its heading, it is usually two sections.
2. Add an H3 only when an H2 has two or more distinct parts. A lone H3 under an H2 is a sign the heading should be the H2.
3. Stop at H3 or H4 on most pages. If you reach H5, the page is probably two pages.
4. Keep site chrome out of the outline. Footer column titles, "Related posts" and newsletter boxes marked up as H2s show up in every page's outline, ahead of or between your real sections.

Skipped heading levels: accessibility vs Google

A skipped level is a jump deeper by more than one step, such as an H2 followed by an H4. Whether that matters depends on who you ask, and the two answers are both correct.

MDN's heading reference tells authors to start at H1 and not skip levels, because people navigating by headings are left wondering where the missing one went. It also notes that going back up is fine. Closing an H4 subsection with a new H2 is a normal outline, not an error. W3C's technique G141 asks for properly nested headings, H2 followed by H2 or H3, and so on.

Google's guide says semantic order is "fantastic for screen readers" but that Search does not care if headings are out of order.

So fix skipped levels for your users, not for rankings.

Write headings as questions AI answers can lift

Search engines and AI assistants pull passages, and a heading marks where a passage starts and what it answers. A heading phrased the way people search, with the answer in the first sentence below it, gives them a clean unit to quote.

Compare two H2s for the same section:

Weak:   Capacity
Better: How much weight can a standing desk hold?

The second matches a real query, and the sentence under it can state the weight limit outright. The first only works if the reader already knows what the section is about.

Do not overdo it. Google's guidance on AI features says you do not need to break content into tiny pieces for AI features, and a page of twenty question H2s, each with two sentences, reads like a FAQ generator. Use questions where people ask questions, and plain labels where they browse. Writing passages AI can quote goes further into the answer side.

Headings are semantics, not font sizes

A heading tag says "a section starts here." It does not mean "make this text big." MDN tells authors to resize text with CSS, never with heading elements.

The usual offenders:

• A bold H4 used for a testimonial quote because the theme styled H4 nicely.
• A product card title as an H2 on a category page, giving the page 40 H2s and no sections.
• A real section title built from a styled <div>, so it is missing from the outline entirely.

The fix is the same each time. Choose the tag by position in the outline, then style it with a class. A visually small H2 and a visually large paragraph are both fine.

<h2 class="text-sm uppercase">Specifications</h2>
<p class="text-3xl">Holds up to 350 lbs</p>

Check your heading outline

Our On-Page SEO Checker fetches the page's HTML and lists every H1 to H6 in document order with a count per level. It flags a missing H1, more than one H1, an H1 that is not the first heading, headings that skip a level going deeper, and empty headings. It checks the title tag and meta description in the same run, and if you add a target query it grades how well the title, H1, URL and body cover it.

It reads the HTML the server returns, so headings injected by JavaScript after load and elements using role="heading" do not appear in the outline. Each run costs 8 credits.