On-page and content

How to fix H1 heading problems

The H1 is the visible heading that tells a reader — and a search engine — what a page is about before either goes any further. Three faults are common, and a template is behind most of them, which means one fix usually clears the whole site.

Pages with no H1

These pages have no H1. It is the heading that tells both readers and search engines what the page is about before anything else is read.

What it is, and what it costs

The <h1> is the main on-page heading. Missing it removes a clear topic signal and makes the page harder to scan; screen-reader users lose the landmark they use to know where they are. It often happens when a design uses styled text instead of a real heading tag.

How to fix it

Add one <h1> per page describing its subject in plain words, usually the visible page title, marked up as a real heading rather than a styled <div>.

  • WordPress / Shopify / Webflow: make sure the template's main heading is an actual H1, not a paragraph styled to look like one.

How to check your site

View source or use a browser extension that shows the heading outline. Crawl the site to find pages with zero H1s.

Related: multiple H1s and duplicate H1s.

Questions people ask

Does the H1 have to match the title tag?
They can differ. The title targets search; the H1 speaks to the reader on the page. Both should describe the same subject.

More than one H1 on a page

These pages have several H1 headings. It is not fatal, but it dilutes the signal: several equally important headings means none of them is clearly the subject.

What it is, and what it costs

Modern HTML technically allows multiple H1s, but for both search clarity and a clean heading outline, one main heading works best. Several usually come from a template dropping an H1 in more than one place: the logo, the page title, or a section header.

How to fix it

Keep one H1 as the page's subject and demote the rest to H2. Check the header, the main content, and any hero or banner component for stray H1s.

How to check your site

Use a heading-outline extension or crawl the site to count H1s per page.

Related: missing H1s and heading order.

Questions people ask

HTML5 allows multiple H1s: is it an issue?
Allowed, but one clear H1 gives the cleanest signal and outline. Treat it as best practice, not a hard rule.

Pages sharing one H1

Different pages carry the same H1, which makes them look like the same page to anyone skimming and to search engines grouping your content.

What it is, and what it costs

A duplicated H1 means several URLs headline themselves identically, often a generic "Blog" or "Products" instead of the specific topic. It muddies what each page is about and makes them look interchangeable. It comes from templates that never insert the page's own subject.

How to fix it

Give each page an H1 that names what is on that page specifically (the article title, the product name, the category) rather than a site-wide label.

How to check your site

Crawl the site and group by H1; anything shared across different pages is a duplicate.

Related: missing and multiple H1s.

Questions people ask

Is a duplicate H1 as bad as a duplicate title?
Less so (the title is the stronger signal), but both make pages look the same, which is worth avoiding.

Does your site have this?

Check your site to find pages missing an H1.

See also

All SEO checks →