Seoxpert.io
Get started
lowOn-Page SEO

Pages with Multiple H1 Tags

Pages containing more than one <h1> tag can confuse search engines and assistive technologies about the main topic of the page. This issue often arises from tem

By Seoxpert Editorial · Published · Updated

Why it matters

Having multiple <h1> tags on a single page can dilute the importance of the main heading, making it harder for search engines to determine the primary subject of the page. It also affects accessibility, as screen readers may not interpret the document structure correctly, impacting user experience for visually impaired users.

Impact

While search engines are increasingly sophisticated and can often handle multiple <h1> tags, best practices recommend a single <h1> to clearly define the page's main topic. Multiple <h1> tags can lead to ambiguous content hierarchy, potentially reducing SEO effectiveness and accessibility compliance.

How it's detected

This issue is typically detected using SEO audit tools, browser developer tools, or by manually inspecting the HTML markup for multiple <h1> tags within the <body> of a page.

Common causes

  • •Templates that include an <h1> in the site header and another in the main content area.
  • •CMS platforms that auto-generate an <h1> for page titles while editors manually add another in the content.
  • •Copy-pasting content from other sources that already contains an <h1> tag.
  • •Misunderstanding of semantic HTML, leading to overuse of <h1> for styling rather than structure.

How to fix it

Ensure each page has only one <h1> tag, representing the main topic. Change any additional <h1> tags to <h2>, <h3>, or lower-level headings as appropriate to maintain a logical document hierarchy. Review templates and CMS settings to prevent automatic insertion of extra <h1> tags.

Code examples

Problem: Multiple H1 tags

<header>
  <h1>Site Name</h1>
</header>
<main>
  <h1>About Our Company</h1>
  <p>Welcome to our about page...</p>
</main>

Fix: Single H1 tag with proper hierarchy

<header>
  <div class="site-name">Site Name</div>
</header>
<main>
  <h1>About Our Company</h1>
  <p>Welcome to our about page...</p>
</main>

Alternative Fix: Demote secondary H1 to H2

<header>
  <h1>Site Name</h1>
</header>
<main>
  <h2>About Our Company</h2>
  <p>Welcome to our about page...</p>
</main>

FAQ

Does having multiple H1 tags hurt SEO rankings?

While modern search engines can process multiple H1 tags, it's best practice to use a single H1 to clearly indicate the main topic. Multiple H1s can still dilute the heading signal and complicate accessibility.

How can I check if my page has multiple H1 tags?

You can inspect your page's HTML using browser developer tools or use SEO audit tools that flag multiple H1 tags as an issue.

What should I do if my CMS automatically adds an H1 tag?

Check your CMS theme or template settings. If possible, disable the automatic H1 or ensure that editors do not add an extra H1 manually in the content.

Is it ever acceptable to have more than one H1 tag?

In HTML5, multiple H1 tags are technically valid within different sections or articles, but for SEO and accessibility best practices, it's recommended to have a single H1 representing the main topic of the page.

Can I use CSS to style other headings like H1?

Yes, you can use CSS to style any heading level (H2, H3, etc.) to visually match H1 if needed, without affecting the semantic structure.

Will changing extra H1 tags to H2 or H3 affect my page's appearance?

Changing heading levels may affect appearance if your CSS targets specific heading tags. You can adjust your CSS to maintain the desired look after updating the heading levels.

Related Issues

Pages Missing H1 Headings

Pages are missing an <h1> heading tag, which is essential for conveying the main topic of the page to users and search engines. Without an <h1>, the page lacks

medium

Found this issue on your site?

Run a scan to see if Pages with Multiple H1 Tags affects your pages.

Scan my website →