How to fix multiple h1 on WooCommerce

Reduce every page to exactly one H1 tag that clearly describes the page's main topic, removing or converting all extra H1s to lower-level headings (H2, H3, etc.).

Steps for WooCommerce

  1. In WordPress admin, go to Appearance → Theme File Editor (or use a child theme via FTP/cPanel).
  2. Open the relevant template file for the page type: single.php or content-single.php for posts, page.php for pages, woocommerce/single-product.php (copy to your child theme first) for products.
  3. Search for '<h1' in each file and ensure only the primary title uses it — the_title() or get_the_title() wrapped in <h1>.
  4. If using a page builder (Elementor, Divi, Beaver Builder): open the page in the builder, click each heading widget, and change 'HTML Tag' from H1 to H2/H3 for all non-primary headings.
  5. Check your theme's header.php for any H1 tags around the site name or tagline; switch them to <p> or <span> with matching CSS styling.
  6. Install the free 'Rank Math' or 'Yoast SEO' plugin — both include an on-page analysis that flags multiple H1s, making it easy to find and fix remaining instances.
Official WooCommerce documentation ↗
<!-- 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.

Not sure if your WooCommerce store has this?

Run a free SEOLZ audit — we’ll find multiple h1 and every other issue across your whole site.

Scan my site free

Fix multiple h1 on another platform