Technical SEO · Lesson 01

H1s

How the H1 tag signals the primary topic of a page, and how a logical H1 to H6 hierarchy helps users, screen readers, and crawlers understand your content.

01 Technical SEO10 min Read timeBeginner Level

01 / Technical SEO

An H1 is the primary heading of a page. It gives users a clear starting point for understanding what a page is about and provides structure for the content that follows.

A logical heading hierarchy also organizes longer pages into sections and subsections. Understanding how H1s work helps you identify missing, duplicated, or poorly structured headings during a technical SEO audit.

This lesson covers H1 tags, missing H1s, multiple H1s, duplicate H1s, and heading hierarchy. It also explains how to review heading structures and use SiteAuditLint to identify heading issues across a website.

1. What is an H1?

An H1 is the highest level heading in the HTML heading structure of a page. It is a semantic HTML element, which means it describes the role of the text rather than how it looks.

<h1>Technical SEO Audit</h1>

The H1 should communicate the main subject of the page. A visitor should be able to understand the primary topic without having to read the entire page. For example, a page about technical SEO could use:

<h1>Technical SEO Audit Checklist</h1>

The heading establishes the main topic, while lower level headings organize supporting subjects.

How heading structure works

H1Primary topicThe main subject of the page
H2Supporting sectionA major section related to the H1
H3SubsectionA section belonging to the H2
H4Further subsectionA more specific section within the H3

Simplified heading hierarchy. Heading levels should represent the structure of the content.

Structure, not styling

A heading level should describe the relationship between sections rather than control how large the text appears. Use CSS for visual appearance and HTML heading levels for document structure.

2. Why H1s matter

The H1 provides a clear starting point for the page's content hierarchy.

For users, the heading immediately communicates what they are about to read. For assistive technologies such as screen readers, headings provide a way to jump between sections of a page, which is an important part of web accessibility. For search engines, headings provide additional context about how page content is organized.

An H1 should therefore be:

  • Relevant to the page content.
  • Descriptive of the primary topic.
  • Visible to users, not hidden or styled out of view.
  • Specific enough to distinguish the page from other pages on the site.

An H1 does not need to exactly match the <title> tag or URL. What matters is that these elements communicate a consistent subject.

ElementExample
Title tagTechnical SEO Audit Checklist
H1Technical SEO Audit Checklist for Websites
URL/technical-seo-audit-checklist/

The wording does not have to be identical. Each element communicates the same primary subject.

3. Missing H1s

A missing H1 occurs when a page does not contain an H1 element.

<h2>Technical SEO Audit</h2>

If no H1 appears before the H2, the page begins its heading structure at a lower level. Missing H1s often come from page templates or CMS themes, for example when the visible page heading is styled text in a <div> or <p> instead of a heading element.

A missing H1 is worth reviewing, particularly on pages that are expected to have a clear primary heading. However, it should be considered in context. It should not automatically be treated as evidence that a page cannot rank. Read more in the guide to missing H1 tags and how to fix them.

What to check

Visible primary heading

Does the page have a visible heading that introduces its main topic?

Correct element

Does that primary heading use an <h1> element?

Accurate wording

Does the heading accurately describe the page?

Template source

Is the page template responsible for the missing heading? If so, fixing the template fixes every page that uses it.

Remaining structure

Do the page's other headings still create a logical structure?

4. Multiple H1s

Multiple H1s occur when a page contains more than one H1 element.

<h1>Technical SEO Audit</h1>

<h1>Website Performance</h1>

HTML allows multiple H1 elements, and they are common when a theme wraps the site logo in an H1 or when sidebar widgets use H1s. However, for a conventional content page, one clear primary H1 usually makes the document outline easier to understand.

Review a page based on its actual structure rather than an arbitrary H1 count. Compare the example above with this one:

<h1>Technical SEO Audit</h1>

<h2>Crawling</h2>
<h2>Indexing</h2>
<h2>Metadata</h2>

The relationship between the primary topic and supporting sections is immediately clear.

5. Duplicate H1s

Duplicate H1s occur when the same primary heading appears on different pages.

/page-a/   H1: SEO Audit
/page-b/   H1: SEO Audit

Duplicate H1s are not automatically a problem. Different pages can legitimately cover the same broad subject. The important question is whether each page has a distinct purpose. Separate pages could use more specific headings:

SEO Audit for Ecommerce Websites
SEO Audit for Local Businesses
SEO Audit for Large Websites

More descriptive headings make the purpose of each page easier to understand. When reviewing duplicate H1s, compare the H1 with the page title, URL, content, and purpose of each page. Repeated headings across many URLs can also point to wider duplicate content or keyword cannibalization problems.

6. Heading hierarchy

HTML provides six heading levels, from <h1> to <h6>. Together they form a nested outline:

H1
 ├── H2
 │    ├── H3
 │    └── H3
 ├── H2
 │    └── H3
 └── H2

A typical page structure might look like this:

<h1>Technical SEO Audit</h1>

<h2>Crawling</h2>
<h3>Broken Links</h3>
<h3>Redirects</h3>

<h2>Indexing</h2>
<h3>Canonical URLs</h3>
<h3>Indexability</h3>

<h2>Metadata</h2>
<h3>Title Tags</h3>
<h3>Meta Descriptions</h3>

The H1 establishes the main topic. The H2 headings divide the page into major sections. The H3 headings provide more specific information within those sections.

Avoid heading levels based only on appearance

A heading should not be changed from H2 to H4 simply because H4 looks smaller.

<h1>Technical SEO</h1>
<h2>Crawling</h2>
<h4>Broken Links</h4>

The H4 creates a skipped heading level that does not represent the relationship between the sections. A more logical structure is:

<h1>Technical SEO</h1>
<h2>Crawling</h2>
<h3>Broken Links</h3>

The visual appearance can then be adjusted with CSS without changing the semantic heading level.

7. How to audit H1s with SiteAuditLint

A website crawler such as SiteAuditLint helps you inspect heading structures across many pages. Instead of manually opening every URL, a crawl gives a broader view of pages with missing, multiple, or duplicate H1s.

SiteAuditLint H1 audit workflow

  1. Enter your website URLStart with the homepage or the section of the website you want to audit.
  2. Start the crawlLet SiteAuditLint request the pages within the crawl scope and collect available page information.
  3. Review H1 findingsLook for pages with missing, multiple, or duplicate H1 headings.
  4. Inspect affected pagesOpen the individual pages and compare the H1 with the page title, content, and heading hierarchy.
  5. Fix and compareCorrect heading issues where appropriate. Run another crawl after making changes and compare the new results with the previous audit.

What to look for in a crawl report

FindingWhat to review
Missing H1sPages without a primary H1
Multiple H1sPages containing more than one H1
Duplicate H1sPrimary headings repeated across pages
Heading hierarchyWhether H1, H2, and H3 relationships are logical
Page relevanceWhether the H1 accurately represents the page's primary topic
Crawl comparisonsWhether heading issues were resolved or new ones appeared between audits
Prioritize important pages

A crawler identifies heading patterns across a website, but the final review should consider the actual content and purpose of each page. Start with templates and pages that matter most for organic search.

8. Practical exercise: Review the heading structure of a page

Use this exercise to apply the concepts from the lesson to a real website.

H1 audit checklist

0 of 6 tasks completed

9. Key takeaways

  • The H1 identifies the primary topic of a page.
  • Missing H1s should be reviewed on pages that require a clear primary heading.
  • Multiple H1s should be evaluated in the context of the page structure rather than treated as an automatic error.
  • Duplicate H1s should be reviewed alongside the purpose and content of each page.
  • H1 through H6 headings should create a logical content hierarchy without skipped levels.
  • CSS should control visual appearance rather than using heading levels for styling.
  • A crawler such as SiteAuditLint helps identify heading patterns and issues across a website.

Knowledge check

1. What should the H1 of a page communicate?
2. How should multiple H1s on a page be treated?
3. A page jumps from an H2 straight to an H4. What is the better fix?
4. When are duplicate H1s across pages worth fixing?

Ready to go further? Review the technical SEO checklist, or revisit SEO Fundamentals for how headings fit into on-page SEO.