Using Headings Properly: H1, H2 and H3 Explained

The levels

H1: The main topic of the page. Exactly one per page.
H2: The major sections, each with its own sub-topic.
H3: Sub-points within a section.

Why this matters

Visitors scan pages before they read. Clear headings show whether the answer is there. Search engines and AI systems use the outline to understand content and to pick up answers.

Practical rules

The H1 names the topic of the page and matches the title tag.
Do not skip levels (not from H1 straight to H4).
Headings are meaningful, not “More info”.
Questions work well as headings if the answer follows directly beneath.
Do not misuse headings purely for styling. Appearance belongs in the design.

Example of a clean outline

A (fictitious) page from a landscaping company on the subject of building a patio could be structured like this:

H1: Patio construction in Esslingen
H2: Which materials are suitable (beneath it H3: Timber and wood composite, H3: Natural stone and concrete slabs)
H2: The process from planning to handover
H2: What a patio costs and what the price depends on
H2: Frequently asked questions

If you read only these headings, you understand the topic, structure and scope of the page. That is exactly the benchmark.

Common mistakes

Several H1s: HTML technically allows this, but a single main heading is clearer for orientation. Website builders in particular like to set the logo text or slogans as the H1.
A heading just for the font size: If you want to display a note in large type, use formatting rather than an H3. Otherwise you create an outline that means nothing in terms of content.
Too many levels: If a section consists of two sentences, it does not need three sub-levels.
A keyword in every heading: This reads mechanically. The main topic in the H1 and in some H2s is enough; the rest can simply describe.

Using questions as headings properly

A question such as “How long does it take to build a patio?” is suitable if a sentence with the core answer follows directly beneath it, followed by the explanation. That way readers can find the answer immediately, and AI systems and search engines can lift the paragraph out as an answer. For this, the heading has to be worded the way people actually ask, not like a technical term. Search suggestions and the “People also ask” section in the results give clues as to which questions are asked, see Understanding search intent.

Checking the structure

In the browser, the outline can be displayed using the developer tools or an extension. Look out for jumps (H2 straight to H4), empty headings and headings that appear only in the menu or in the footer. Headings also help people using a screen reader, who jump from section to section with the keyboard, which is a question of accessibility and not only of search.

Matching headings and content

A good heading keeps its promise. If it says “Prices”, readers expect figures, or at least the factors that determine the price, not three sentences about quality. Likewise, sections under an H2 should not mix several topics. If you notice while writing that a section answers two questions, split it into two H2s. That makes the text easier to skim and each answer easier to find.

Tip

Check your page: read only the headings. Do you then understand what it is about? If so, the structure is good. More on this under on-page SEO.