How to fix multiple h1 on BigCommerce

Steps for BigCommerce

1. Go to Storefront → My Themes → click 'Advanced' → 'Edit Theme Files' on your active theme.
2. Open templates/pages/product.html and search for '<h1'. The product name ({{product.title}}) should be the only H1. Convert any other H1 elements to H2 or H3.
3. Open templates/pages/category.html and templates/pages/blog-post.html and repeat the same check.
4. Check templates/layout/base.html for site-wide header elements that may contain H1 tags (e.g., store name); change those to <p> or <span> tags styled with CSS.
5. Save all files, then use a page inspector or the free 'Headings Map' browser extension to verify each page type now has exactly one H1.
6. If using Page Builder widgets (BigCommerce native editor): open the affected page, click any text block set to 'Heading 1', and change it to 'Heading 2' or lower.

<!-- WRONG: multiple H1 tags on one page -->
<h1>Menu</h1>
<h1>OVERview Digital Magazine – June 2026</h1>
<h1>Survey Coming Via Email</h1>
<h1>The Story of Shannon</h1>

<!-- CORRECT: one H1 for the page topic; others demoted to H2/H3 -->
<h1>OVERview Digital Magazine – June 2026</h1>
<nav aria-label="Site menu">…</nav>   <!-- no heading needed, or use H2 -->
<h2>Survey Coming Via Email</h2>
<h2>The Story of Shannon</h2>

What is multiple h1?

The H1 is the main headline of a webpage — think of it as the title printed at the top of a magazine article. HTML allows multiple H1 tags on a page, but best practice (and good information architecture) says each page should have just one. When a page has multiple H1s — for example, one for the site navigation label, one for the article title, and two more for featured sections — search engines and visitors receive conflicting signals about what that page is actually about. The extra H1s are usually accidental, caused by themes, page-builder widgets, or CMS templates that automatically wrap certain elements in H1 tags without the store owner realizing it.

Google uses the H1 as one of the strongest on-page signals to understand a page's topic and decide how to rank and label it in search results. Multiple H1s dilute that signal — instead of one clear topic, Google sees several competing ones, which can hurt rankings for your target keywords. Visitors using screen readers (a legal requirement under accessibility laws like ADA and WCAG) rely on a single H1 to orient themselves on the page; multiple H1s create a confusing, broken reading experience that can expose your store to accessibility complaints. Fixing this is a quick, high-confidence on-page SEO improvement that directly strengthens your page's relevance signal for the keyword you care most about.

See the complete Multiple h1 guide for every platform and the full background.