Framework How-To Guide aiknowledgesignal.io

How to Apply a Logical Heading Hierarchy

Headings are the outline an AI system reads to segment your page — one H1, logical H2s and H3s, each descriptive on its own, turns a wall of text into extractable sections.

Why it matters

Before a model extracts an answer, it segments the page — and headings are one of the clearest signals for where one idea ends and the next begins. A clean hierarchy (one H1, nested H2s and H3s) gives the model a reliable outline; a page with no headings, skipped levels, or styling-driven heading tags gives it a jumbled map, and the wrong passage gets pulled.

Descriptive, question-based headings do double duty: they tell the model what each section answers, and they match the way users phrase queries — so "What is GEO?" as an H2 lines up directly with the question a person asks an AI assistant.

What good looks like

The heading outline reads like a table of contents a stranger could follow:

Step by step

  1. Use exactly one H1 The H1 is the page's primary concept — its title. One per page. If you feel you need two, the page covers two topics and should be split.
  2. Structure sections with H2, detail with H3 Each major section is an H2; sub-points within it are H3s. Keep the tree shallow and logical — most pages need only H1 → H2 → H3.
  3. Never skip levels for styling Don't jump from H2 to H4 because H4 "looks right". If you want a smaller-looking heading, style the correct level in CSS. Skipped levels break the outline a model infers.
  4. Write self-contained, descriptive headings A heading should make sense lifted out of the page. Replace generic labels ("Introduction", "Overview", "Details") with what the section actually says ("What GEO changes about search").
  5. Prefer question-based headings Where a section answers a question, phrase the heading as that question. "What is GEO?" is clearer than "Introduction" because it maps to a real user query and signals the section's job precisely.

Worked examples

1 Before / after: the outline

The same content, re-headed. The "before" gives a model no usable structure; the "after" is a clean, question-led outline.

Before
H1  Welcome
  H3  Introduction
  H3  More info
  (H2 skipped; generic labels;
   headings styled by size)
After
H1  Generative Engine Optimisation
  H2  What is GEO?
  H2  How does GEO work?
    H3  Structure and schema
    H3  Authority signals
  H2  Why does GEO matter now?
2 Generic vs. question-based headings

Question-based headings match user queries and tell the model exactly what each section answers.

GenericQuestion-based
IntroductionWhat is Generative Engine Optimisation?
BackgroundHow is AI search different from traditional search?
DetailsHow do I structure a page for AI citation?
ConclusionWhat should I do first?

Common mistakes

MistakeFix
Multiple H1s on one pageUse one H1; demote the rest to H2.
Skipping from H2 to H4 for appearanceUse the next level down; style it in CSS, not by tag choice.
Generic headings ("Introduction")Describe the section's content or pose its question.
Bold paragraphs used as fake headingsUse real <h2>/<h3> tags so the outline is machine-readable (Phase 2.5).
One H2 per search-phrase variationAnswer related sub-questions on one strong page. Padding a page with near-duplicate sections adds nothing, and Google treats mass-producing pages for every query variation (including AI "fan-out" queries) as scaled content abuse.
Headings that only make sense in sequenceMake each self-contained and standalone.

Limits of this advice

Checklist

  • Exactly one H1, naming the primary concept
  • H2s for sections, H3s for detail — no skipped levels
  • Every heading is descriptive and self-contained
  • Question-based headings used where a section answers a question
  • Heading level reflects structure, not font size
  • No bold paragraphs standing in for real heading tags