SEO Headings: Structure H1, H2 and H3 Correctly

A page can look visually clean and still have a structural search engine optimization (SEO)Search Engine Optimization (SEO) covers all measures that help a website become more visible in unpaid (organic) search results.Open glossary entry → problem. Visitors may see a large title, but in the HTMLHyperText Markup Language (HTML) is the markup language for web pages. It defines the structure and content of a page, such as headings, paragraphs, links and images.Open glossary entry →, the Hypertext Markup Language used to mark up web pages, the actual H1 headingThe H1 is a web page's main heading. It names the central topic, is visible to users and should generally appear only once per page.Open glossary entry → is missing. Or subheadings may look correct visually, but technically they are marked up with the wrong H tags.

These are exactly the kinds of issues that often only become visible in a technical audit.

The two RankScan insights “Missing H1” and “Unclear heading structureThe heading hierarchy is the logical nesting of headings from H1 to H6 that structures a page's content, much like a table of contents.Open glossary entry →” show whether a page has a clear main topic and a comprehensible content structure:

• “Missing H1”: The page has no detectable H1 heading.
• “Unclear heading structure”: The heading hierarchy is illogical or technically inconsistent.

This is more than a minor editorial detail. Missing or incorrectly structured headings can indicate template issues, errors in the content management system (CMS)A content management system (CMS) is software for creating, managing and publishing web content, usually without programming knowledge. Well-known examples are WordPress or Shopify.Open glossary entry →, the system used to manage web content, page builder artefacts or editorial gaps. It becomes especially critical when the same issue appears not just on one page, but across many URLs.

In this article, you will learn how a good heading structure is built, which issues really matter and how to prioritize sensibly after a RankScan finding.

What Are SEO Headings? #

SEO headings are HTML headings from <h1> to <h6> that structure the content of a page hierarchically.

The Mozilla Developer Network (MDN), a developer documentation resource, describes these elements as six levels of section headings: <h1> is the highest level, <h6> the lowest.
Source: MDN Web Docs – HTML section heading elements

Example:

<h1>SEO Headings: How to Structure H1, H2 and H3 Correctly</h1>

<h2>What are SEO headings?</h2>
<h2>Why is the H1 important?</h2>
<h2>What does a good heading structure look like?</h2>

This structure helps people understand the content:

• The H1 names the main topic.
• H2 headings divide the most important sections.
• H3 headings further subdivide individual sections.

Important: H tags are not design tools. They describe the structure of the content.

Why Is the H1 Heading So Important? #

The H1 heading is the main heading of a page. It should clearly name the central topic.

For users, it confirms: “I am on the right page.”
For search engines, it is a signal for thematic classification.
For screen readers, it is a central orientation point.

WebAIM describes the H1 as a heading that describes the page as a whole and should typically be similar to the page title. As a rule, a page should usually have only one H1.
Source: WebAIM – Semantic Structure: Regions, Headings, and Lists

A missing H1 therefore creates a quality problem:

• The main topic is less clear.
• Users recognize the page focus less easily.
• Screen reader navigation becomes harder.
• Search engines have to infer the topic more strongly from other elements.
• Artificial intelligence (AI) systems and retrieval systems receive less clear section signals.
• Audits and quality assurance become more difficult.

H1 Heading and SEO Title: What Is the Difference? #

The H1 and the SEO title are often confused. But they serve different purposes.

Google uses various sources to generate title links in search results. These include the <title> tag, visible main headings and other prominent text on the page.
Source: Google Search Central – Influencing your title links in search results

This means: H1 and title should match thematically, but they do not have to be identical.

Example:

SEO title:
SEO Headings: How to Build H1 & Hierarchy Correctly

H1:
SEO Headings: How to Structure H1, H2 and H3 Correctly

The title is more strongly optimized for the search result. The H1 confirms the topic on the page.

Should Every Page Have Exactly One H1? #

As a best practice: yes.

Technically, HTML can contain multiple H1 elements. Google has also stated in the past that multiple H1s do not automatically have to be a problem. Even so, one clear H1 per main content area is the better solution in most cases.

Why?

• It makes the main topic unambiguous.
• It improves orientation for users.
• It supports a clean accessibility structure.
• It reduces template errors.
• It makes audits easier.
• It supports automated quality assurance.

The important context is this:

Multiple H1s are not automatically a penalty. But a missing, duplicated or unclear H1 is an avoidable website health issue.

That is why “Missing H1” is a relevant RankScan insight.

What Does “Missing H1” Mean? #

The insight “Missing H1” means: no H1 was found on an indexable page.

This can have several causes:

• The template does not output an H1.
• The H1 is only styled visually, but is not a real <h1> element.
• The page title is output as a <div> or <span>.
• The H1 is loaded later via JavaScript (JS) and is not present in the initial HTML.
• The H1 is hidden in mobile views.
• The logo is incorrectly marked up as the H1.
• The actual page title is only bold, but not semantically marked up.

Problematic implementation:

<div class="page-title">Our SEO Consulting</div>

Visually, this may look like a heading. Semantically, however, it is not an H1.

Better:

<h1>SEO Consulting for SMEs</h1>

What Does “Unclear Heading Structure” Mean? #

The insight “Unclear heading structure” means: the headings on a page do not follow a clean logical order.

Typical examples:

H1
H3
H2
H4

or:

H2
H4
H3

The problem is not that every page must always use every level from H1 to H6. The problem is a structure that is hard for users, screen readers and machines to follow.

A clean structure follows the logic of the content:

H1
H2
H3
H3
H2
H3
H2

The W3C Web Accessibility Initiative recommends nesting headings by rank. Higher-ranking or equal-ranking headings start new sections, while lower levels form subsections.
Source: W3C WAI – Page Structure: Headings

Content Issue or Template Issue? #

For prioritization, it is crucial to determine whether a heading issue occurs only on one page or is generated systematically.

Content Issue #

A content issue affects individual pages or posts.

Examples:

• A blog post was published without an H1.
• An editor used H3 even though H2 would have been correct.
• A section title was only formatted in bold.
• A frequently asked questions (FAQ) section uses generic headings such as “Question 1”.

Solution: correct it editorially.

Template Issue #

A template issue often affects many pages at once.

Examples:

• The logo is marked up as the H1 across the entire site.
• Product names in the shop are output as H3.
• Category titles are only <div> elements.
• Page builders generate empty H2 tags.
• Mobile templates hide the H1.
• Landing page components contain multiple H1 tags.

Solution: correct the template, CMS component or page builder block.

For RankScan, this distinction is central. A single content issue can be fixed quickly. A template issue can affect hundreds or thousands of URLs and should therefore be prioritized higher.

Prioritisation: Which Heading Issues Are Really Critical? #

Not every issue is equally important. This prioritization helps when fixing them.

The most important rule:

Fix issues on indexable, traffic-heavy or revenue-relevant pages first. Prioritise template issues before individual page issues.

H1, H2, H3: What a Good Structure Looks Like #

A good H1-H2-H3 structure works like a table of contents.

Example for a guide page:

H1: SEO Headings: How to Structure H1, H2 and H3 Correctly

H2: What are SEO headings?
H2: Why is the H1 important?
H2: H1 and SEO title: What is the difference?
H2: What does a good heading structure look like?
H3: Example of a correct structure
H3: Example of a poor structure
H2: Common heading mistakes
H3: Logo as H1
H3: Headings used only for design
H3: Empty H tags
H2: SEO heading checklist

This structure is logical because each level has a clear function.

Can You Skip Heading Levels? #

As a best practice, you should not skip levels unnecessarily.

Poor:

H1: SEO Headings
H3: Optimising the H1
H3: Using H2 and H3

Better:

H1: SEO Headings
H2: Optimising the H1
H2: Using H2 and H3

Or, if the H3s really are subpoints of an H2:

H1: SEO Headings
H2: Using H1, H2 and H3 Correctly
H3: Optimising the H1
H3: Using H2 and H3

WebAIM points out that headings form a kind of table of contents. It is therefore usually not useful to skip levels, for example from H2 directly to H4.
Source: WebAIM – Semantic Structure

Headings Are Structure, Not Design #

A common mistake: headings are chosen based on appearance.

Example:

• The H2 is too large in the design.
• So someone uses an H4.
• But structurally, an H2 would be correct.

That is wrong. Headings are semantic tagsSemantic HTML means using HTML elements according to their meaning, such as for the main content or for navigation, instead of building everything from generic containers.Open glossary entry →. They describe the meaning of a section. The visual appearance should be controlled through Cascading Style Sheets (CSS)Cascading Style Sheets (CSS) is the language used to define the layout and design of web pages. CSS controls colours, fonts, spacing and arrangement, among other things.Open glossary entry →, the language used for web page layout.

Poor:

<h4>Our Services</h4>

only because the H4 looks smaller.

Better:

<h2 class="text-lg">Our Services</h2>

This keeps the structure correct while the design remains flexible.

Google’s own style guidelines also recommend structuring headings hierarchically, for example with H1, H2 and H3 in HTML or the corresponding Markdown levels.
Source: Google Developer Documentation Style Guide – Headings and titles

Writing Good SEO Headings #

A technically correct structure is not enough. Headings also need to be well written.

Good headings are:

• specific,
• understandable,
• helpful,
• close to the keywordA keyword is the search term users enter into a search engine to find information, products or providers. Keywords are the basis against which rankings and visibility are measured.Open glossary entry →,
• not over-optimized,
• aligned with search intentSearch intent is the goal behind a search query: does the user want to learn something, buy something or reach a specific page? Content only ranks well if it matches this intent.Open glossary entry →.

Weak example #

Introduction

Better example #

What are SEO headings?

Weak example #

Benefits

Better example #

Why a clear heading structure improves SEO and usability

The focus keyword does not have to be forced into every heading. What matters is that the page as a whole clearly matches the topic.

Keyword Use in H1 and H2 #

The H1 should clearly name the main topic. Where possible, it contains the focus keyword or a natural variation of it.

For this article, the focus keyword is SEO headings.

Good H1:

SEO Headings: How to Structure H1, H2 and H3 Correctly

Less effective:

The Ultimate Guide to Better Websites

The second version is too general. It does not clearly state what the page is about.

H2 headings should cover important subtopics, for example:

• What are SEO headings?
• Why is the H1 important?
• How do you build an H1-H2-H3 structure?
• Which mistakes should you avoid?

This creates topical depth without keyword stuffing.

Headings and Accessibility #

A good heading structure is not only important for SEO, but also for accessibility.

Screen reader users can navigate a page via headings. If headings are missing, empty or jump illogically between levels, this navigation becomes harder.

Important rules:

• Every page should have a recognisable main heading.
• Headings should describe the content that follows.
• Levels should be nested logically.
• Empty headings should be avoided.
• Headings should not be used only for visual styling.

The W3C Web Accessibility Initiative (WAI) describes headings as an important way to structure content and help users orient themselves on web pages.
Source: W3C WAI – Headings

Headings and AI Visibility #

AI systems, search engines and retrieval systems often process content section by section. Headings help them identify topic blocks and classify text passages correctly.

This does not mean that a good H1 automatically leads to a mention in ChatGPT, Perplexity or Google AI OverviewsAI Overviews are AI-generated answer boxes from Google that appear above the classic search results. They summarize information from the web and can change click distribution.Open glossary entry →. Such claims would be too absolute.

A realistic view is:

A clear heading structure can help make content more machine-readable. It makes it easier to break content into sections, improves the context of individual text passages and supports later summarisation.

Headings are especially helpful when they:

• clearly pick up questions,
• describe sections precisely,
• organise subtopics logically,
• use important terms naturally,
• avoid generic labels such as “Learn more” or “Further information”.

For AI visibilityAI Visibility describes whether and how visible a brand, website or person is in AI-generated answers. It measures mention, position, description and source linking across multiple platforms and prompts.Open glossary entry →, heading structure is therefore not a standalone success factor, but it is an important technical and editorial foundation.

Common SEO Heading Mistakes #

Mistake 1: No H1 Present #

The page has a visible title, but no real <h1> tag.

<div class="title">Contact</div>

Better:

<h1>Contact</h1>

Mistake 2: Logo as H1 #

Some templates mark up the logo or company name as the H1 on every page.

Problem: every page then has the same main heading. The actual topics of the subpages are weakened.

Better: the logo remains the logo. The H1 describes the specific content of the page.

Mistake 3: Multiple H1s Without Clear Logic #

Multiple H1s are technically possible, but they often indicate template issues.

Usually, this is better:

H1: Main topic of the page
H2: First main section
H2: Second main section
H3: Subpoint

Mistake 4: Levels Are Skipped #

H1
H3
H4
H2

This makes orientation harder. A clean nested structure is better.

Mistake 5: Headings Used Only for Design #

If H tags are used only because they visually fit, the structure quickly becomes wrong.

Better: meaning through HTML, appearance through CSS.

Mistake 6: Empty Headings #

Page builders sometimes generate empty H tags:

<h2></h2>

These should be removed. They help neither users nor machines.

Mistake 7: Headings That Are Too Generic #

Headings such as “Introduction”, “More”, “Details” or “Further information” are not very helpful.

Descriptive headings are better:

How to Check Your Heading Structure

Example: Poor and Good Heading Structure #

Poor #

H1: Welcome
H3: Services
H4: SEO
H2: Why us?
H5: Contact

Problems:

• The H1 is too general.
• H2 is skipped.
• H4 and H5 are not logically embedded.
• The structure probably follows the design, not the content.

Good #

H1: SEO Consulting for SMEs

H2: Our SEO Services
H3: Technical SEO Analysis
H3: Keyword and Content Strategy
H3: Monitoring and Reporting

H2: Why SEO Consulting Is Worthwhile
H2: Who Our Offer Is Suitable For
H2: Book a Consultation

This structure is clear, scannable and thematically understandable.

What to Do After a RankScan Finding #

A RankScan finding should not simply be ticked off. It should be evaluated systematically.

Step 1: Identify the Page Type #

First, check which page type the issue appears on:

• homepage,
• service page,
• blog article,
• category,
• product page,
• landing page,
• archive page,
• contact page.

If many pages of the same type are affected, it is probably a template issue.

Step 2: Check Indexability #

Not every URL is equally important. Prioritise indexable pages.

Important questions:

• Is the page indexable?
• Does it have organic impressions?
• Is it relevant for leads, revenue or visibility?
• Is it part of important internal linkingInternal linking refers to links that connect pages within the same website. They control how search engines and users find and thematically classify content.Open glossary entry →?
• Is it used in campaigns or as a landing page?

A missing H1 on an important service page is much more relevant than a small structural issue on an irrelevant archive page.

Step 3: Determine the Cause #

Assign the issue to a cause:

Step 4: Compare H1, Title and Main Content #

Check whether these three elements cover the same topic:

SEO title
H1
Introduction / first visible paragraph

They do not have to be identical, but they should match semantically.

Example:

SEO title:
SEO Consulting for SMEs in Lucerne

H1:
SEO Consulting for SMEs

Introduction:
We support SMEs with technical SEO, content strategy and ongoing monitoring.

This is consistent.

Step 5: Correct the Heading Outline #

Create a simple outline:

H1
H2
H3
H3
H2
H3
H2

Then correct:

• missing H1,
• wrong H levels,
• empty H tags,
• generic headings,
• H tags used for design reasons,
• multiple H1s.

Step 6: Crawl Again After the Template Fix #

After correction, the website should be crawledCrawling is the process by which a search engine bot fetches a URL and downloads its content. It is the first step before a page can be indexed.Open glossary entry → again.

Check:

• Is the H1 now present?
• Is it visible?
• Is it unique per page?
• Is the H2/H3 structure logical?
• Has the issue been fixed on all affected page types?
• Have no new empty or duplicate H tags been created?

This turns an individual insight into a clean improvement process.

How to Check Your Headings #

You can check the heading structure manually or with tools.

Manually in the Browser #

Use the developer console and search for:

<h1
<h2
<h3

Check:

• Is there an H1?
• Is the H1 unique?
• Does the structure follow a logical order?
• Are there empty H tags?
• Are important section titles real headings?

With Browser Extensions #

Tools such as HeadingsMap show the heading structure of a page as a tree view. This is useful for quickly identifying missing or skipped levels.

With Screaming Frog or Sitebulb #

For larger websites, crawling tools are suitable. They show:

• missing H1,
• duplicate H1,
• multiple H1s,
• overly long H1s,
• empty headings,
• headings across templates.

With Lighthouse #

Google LighthouseLighthouse is an open-source diagnostic tool from Google that audits a page's performance, accessibility and other quality aspects in a simulated lab environment.Open glossary entry → checks accessibility aspects, among other things, and can reveal issues with the heading structure.

What a Good Heading Check Looks At #

For RankScan, this topic is ideal as a website health check because it combines technical and editorial quality.

A good check covers:

• Does every indexable page have an H1?
• Is the H1 visible?
• Is the H1 present in the initial HTML?
• Is the H1 unique?
• Are there multiple H1 tags?
• Is the logo incorrectly marked up as the H1?
• Are H2 and H3 headings used logically?
• Are levels skipped?
• Are there empty H tags?
• Are headings used only for design reasons?
• Do the SEO title, H1 and page content match thematically?
• Are there mobile/desktop differences?
• Are important sections only bolded instead of marked up as real headings?
• Does the issue affect individual pages or whole templates?

This means the insights “Missing H1” and “Unclear heading structure” are not considered in isolation, but as part of overall content, accessibility and template quality.

Checklist: Good SEO Headings #

Use this checklist for every important page:

• Is there exactly one clear H1?
• Does the H1 describe the main topic of the page?
• Does the H1 contain the focus keyword or a natural variant?
• Does the H1 match the SEO title?
• Is the H1 visible and not only present in the code?
• Is the H1 present in the initial HTML?
• Do H2 and H3 follow a logical structure?
• Are levels not skipped unnecessarily?
• Are headings descriptive rather than generic?
• Are H tags not used only for design?
• Are there no empty H tags?
• Are mobile and desktop structures consistent?
• Can users roughly understand the content from the headings alone?
• Is it clear whether an issue must be fixed editorially or in the template?

In addition, semantic HTML, thin content and high-quality content, schema markup and title tag help narrow down the cause cleanly and prioritize the next SEO measures.

For further optimization, summaries and key takeaways are especially relevant because these topics are directly connected to how a page is evaluated and found.

Conclusion: Good Headings Create Orientation and Fix Structural Issues #

SEO headings are not a pure ranking trick. They are a fundamental structural feature of good websites.

A clear H1 confirms the main topic. A clean H2/H3 hierarchy makes content scannable, accessible and machine-readable. That is exactly why the RankScan insights “Missing H1” and “Unclear heading structure” are important website health signals.

The key is not only to see the individual issue, but to identify the cause:

• Is it an editorial error?
• Is it a template issue?
• Does it affect important indexable pages?
• Is the issue site-wide or only local?
• Does the heading structure match the actual content?

The best rule is:

Meaning first, design second.

Use a clear H1, build a logical structure underneath it and write headings so users can understand the content just by scanning the page. This strengthens SEO, accessibility, user guidance and the foundation for modern AI-based search.

Sources and Further Reading #

• MDN Web Docs – HTML section heading elements
• MDN Web Docs – Headings and paragraphs
• Google Search Central – Influencing your title links in search results
• Google Developer Documentation Style Guide – Headings and titles
• W3C WAI – Page Structure: Headings
• WebAIM – Semantic Structure: Regions, Headings, and Lists
• WebAIM – Headings