H1 Tags and Heading Structure: A Practical SEO Guide

The H1 tag is the main visible heading on a web page, and together with the H2–H6 headings beneath it, it forms the outline that readers, screen readers and search engines use to understand your content. A clear heading structure will not rescue a weak page, but a messy one makes a good page harder to scan and harder to interpret. This guide covers how to write an effective H1, how to organise the headings below it, and how to find and fix heading problems on your site.

This guide is part of our complete website SEO audit guide, which walks through every step of auditing a small site.

What an H1 tag does

HTML provides six heading levels, from <h1> to <h6>. The H1 is the top-level heading and should describe what the whole page is about. On a blog post it is usually the article title; on a product page it is the product name; on a service page it names the service.

Headings matter for three audiences:

• Readers scan headings to decide whether a page has what they need and to jump to the relevant section.
• Assistive technology users navigate by headings. Screen readers can list every heading on a page and let the user jump between them, so a logical outline is an accessibility requirement, not a nicety. The W3C’s headings tutorial explains this in detail.
• Search engines use headings, along with the rest of the content, to understand the topics a page covers and how they relate.

How to write a good H1 tag

A strong H1 tag is clear before it is clever. Follow these guidelines:

1. Describe the page’s main topic. Someone who reads only the H1 tag should know what the page is about.
2. Include the primary keyword naturally. Not forced, not repeated, just the words people use for the topic.
3. Keep it reasonably concise. There is no strict character limit, but long H1s are hard to read, especially on mobile.
4. Align it with the page title. The H1 and the <title> element do not need to be identical, but they should describe the same thing. The title is written for the search results; the H1 is written for someone already on the page. Our guide to writing page titles and meta descriptions covers the title side.
5. Make it visible. The H1 should be the prominent heading people actually see, not hidden text or a logo’s alt attribute.

Examples

One H1 tag or more?

This is a long-running debate. HTML5 technically allows more than one H1, and Google has said that multiple H1s are not a problem for search. So why do most SEO guides, including this one, recommend a single H1 tag per page?

• Clarity. One H1 tag forces you to decide what the page is fundamentally about.
• Accessibility. A single top-level heading gives screen reader users a clear starting point.
• Theme hygiene. Multiple H1s are usually a symptom of a template problem, such as the site name, a sidebar widget title or a footer heading wrapped in H1 tags, rather than a deliberate choice.

So treat “one H1 per page” as a sensible default. If a crawl shows several H1s on every page, the cause is almost always the theme, and fixing it once fixes the whole site.

A missing H1 tag is the more serious problem. A page with no H1 often uses a large paragraph or a styled div as its visual title, which leaves both screen readers and crawlers without a clear top-level heading.

Building a logical heading structure under the H1

Below the H1, headings should form a nested outline, like the contents page of a book:

H1: Image Alt Text for SEO
  H2: What alt text is for
  H2: How to write good alt text
    H3: Product images
    H3: Charts and diagrams
    H3: Decorative images
  H2: Common mistakes
  H2: Key takeaways

Rules that keep the outline clean:

• Use H2s for main sections. Most articles need between four and eight.
• Use H3s for subsections within an H2, and H4s only when an H3 genuinely needs subdividing.
• Do not skip levels going down. Jumping from H2 straight to H4 breaks the outline. Going back up (H4 to H2) at the start of a new section is fine.
• Choose heading levels by meaning, not size. If you want smaller text, change the styling with CSS rather than picking a lower heading level.
• Do not use headings for decoration. Phrases like “Read more” or a styled tagline are not section headings.
• Make headings descriptive. “How to write good alt text” is useful; “Part 2” is not. Readers who skim only the headings should still get the gist.

Descriptive H2s have a bonus: many themes, including the one on this site, build a table of contents from them, and search engines sometimes display jump links to sections in results.

How to check your H1 tag and heading structure

Headings are easy to get wrong because the visual design hides the underlying tags. Here is how to see what is actually there:

On a single page

1. Open the page in Chrome with the LiteScroll SEO Inspector extension installed. It lets you view and copy the heading structure while you browse, so you can see the full H1–H6 outline in seconds.
2. Check that there is one H1, that it describes the page, and that the H2s and H3s nest logically.
3. Look for headings that come from the template rather than the content, such as widget titles, footer headings or newsletter boxes.

Without an extension, you can right-click a heading and choose Inspect to see its tag, but checking a whole outline this way is slow.

Across the site

The LiteScroll SEO Crawler scans up to 25 pages free and flags H1 headings, so you can quickly find pages with a missing, duplicate or multiple H1. Export the results as a CSV and sort by the H1 column to spot templates producing the same heading on every page.

Common heading mistakes and fixes

Heading structure is one of the checks included in our small business SEO audit checklist, and it pairs well with reviewing image alt text, since both affect how accessible and understandable a page is.

A quick way to review any page’s H1–H6 outline is the LiteScroll SEO Inspector, which lets you copy the full heading structure in one click.

Key takeaways

• Give every page one clear, visible H1 tag that describes its main topic.
• Keep the H1 aligned with the page title, but write it for people already on the page.
• Structure the rest of the page with nested H2s and H3s, chosen for meaning, not font size.
• Most heading problems come from themes and page builders, so fixing a template often fixes the whole site.
• Check the outline with a browser extension for single pages and a crawler for the whole site.

Clean headings make pages easier to read, easier to navigate and easier to understand, for people and for search engines alike. For more lightweight, practical SEO tools, visit LiteScroll.com.