How to Use Headings to Make a Page Clear to Readers and Search Engines

When you write or edit a web page, use headings to show its subject and organize its sections. In HTML, an H1 through H6 is a heading element: The number tells readers how the heading fits into the page’s structure. An H1 usually names the page’s main topic. H2s divide that topic into major sections. When a section needs subsections, H3s mark them.

For H1 vs H2 SEO, the practical answer is to use each level for its structural purpose. Write a clear H1 that identifies the page, then use descriptive H2s for its main sections. Readers scan headings to find their way through the page. Search engines also consider headings, along with other clues, when interpreting its content. The evidence does not show that changing a heading level by itself produces a predictable ranking boost.

Use H1 for the page topic and H2 for its main sections

An H1 should tell readers what the page covers. An H2 should name a substantial section within that topic. If a section has distinct subsections, use H3s beneath its H2.

For example, a page about choosing a bicycle helmet could use an H1 such as “How to Choose a Bicycle Helmet,” then H2s such as “Compare Helmet Types” and “Check the Fit.” If “Check the Fit” includes separate steps for measuring and adjusting, those topics could become H3s.

The heading number shows the section’s place in the page structure. CSS controls how large the text looks. If an H2 looks better than an H1 in your design, change its appearance with CSS rather than choosing a heading level for its default styling. A paragraph made large and bold still does not identify itself as a heading in the page structure. The W3C guidance on headings explains how meaningful levels identify sections, while its web accessibility tips distinguish heading structure from visual formatting.

Using one clear H1 makes the page’s main topic easy to identify. This is a clarity choice, not a guaranteed Google ranking requirement. Google’s documentation describes a prominent main heading as one possible source for a search-result title, alongside the HTML title and other page text.

What headings tell readers and search engines

Readers use headings to scan a page and find a section. Headings also show how the page’s ideas fit together. Screen-reader users can also navigate between headings when the page uses heading elements correctly. Read the headings alone as a test. They should outline the page, and each heading should describe the content that follows.

Search engines also use prominent text to interpret and represent a page. Google recommends placing words readers use to find a page in prominent locations, including the main heading. Its title-link documentation says Google can draw a search-result title from several sources, including heading elements. Google chooses the title link automatically, however, and may use a different source when it considers that source a better description.

A descriptive H1 or H2 helps readers and search engines understand the page’s subject and how its sections are organized. Google’s September 2023 office-hours transcript says headings can help clarify meaning when a page is otherwise hard to understand, while cautioning against treating them as a shortcut to high rankings. The published guidance does not establish a ranking gain from changing an H2 to an H1, adding a keyword to a heading, or adding more headings.

Build a heading hierarchy that matches the content

Start with the page’s main subject, then divide the content into its real major sections. Use an H2 when the page moves to another major point. Use an H3 when a section needs a meaningful subdivision. Avoid jumping from an H2 to an H4 just to get a particular font size; the gap makes the relationship between sections harder to follow.

Write headings that tell readers what each section covers. “How to Check the Fit” gives readers more information than “Next Steps.” Include a search phrase only when it accurately describes the section. Repeating the same phrase in every heading adds no useful structure, and Google’s guidance does not support keyword repetition as a ranking tactic.

The H1, HTML page title, and body should describe the same page, even when their wording is not identical. If they point to different subjects, readers may not know what the page covers. Google may also choose text other than the title you intended for its search result.

Check the headings in the rendered page

Check both what readers see and what the page’s HTML communicates. In your browser’s developer tools, inspect the rendered page and confirm that the intended title and section labels use heading elements. Confirm that the page marks decorative text as a heading only when it introduces a section. Apply the same check to navigation labels and promotional copy.

Then review the hierarchy from top to bottom. Ask whether the H1 clearly names the page, whether each H2 starts a real major section, and whether any H3 belongs under the H2 above it. Read the headings without the paragraphs to see whether they form a useful outline. If you use accessibility tools or a screen reader, check that heading navigation exposes the same structure.

After publication, compare the page title, H1, and other prominent text with the title link shown in search results. If Google displays different wording, check whether the page sends inconsistent signals or presents several headings with similar prominence. Google says it can select another source for a title link, and changes take time to be recrawled and processed. A heading check verifies structure and clarity; it does not prove a ranking effect.

Common heading mistakes and their limits

Using a large, bold paragraph in place of a real heading may look correct but leaves the page without the same semantic structure for assistive technology and search systems. Mark section titles with heading elements, then style those elements with CSS.

Several equally prominent titles can also make the page’s main subject unclear. Google’s title-link guidance says that when prominent headings create ambiguity, it may use the first heading as the title link. Give the page one visually and structurally clear main title, and make section headings subordinate to it.

Finally, do not assume a heading controls the search snippet. Google treats title links and snippets as separate features. Headings can inform a title link, but a search-result description is generally drawn from page content and may use the meta description. A heading also does not guarantee that Google will index the page or show it for a particular query.

What headings mean for AI search

Google says its AI Overviews and AI Mode use the same basic SEO practices as Search and do not require a special heading formula. Google must index a page and consider it eligible to appear with a Search snippet, the description shown with a search result, for the page to qualify as a supporting link in these features. Eligibility does not guarantee selection. Clear headings help people understand the page and support the broader practice of organizing useful content. Google’s AI features guidance does not say that a particular H1 count or keyword pattern earns an AI citation.

What I'm building

Delegate tasks. Get software.

Give Vroni a GitHub issue, bug report, spec, or rough idea. It reads the repo, plans the change, writes code, runs checks, and works toward a review-ready pull request.

Take a look at vroni.com