How to Fix Multiple H1 Headings on Shopify & WooCommerce

errorThe Problem

Your page has more than one H1 heading tag. The H1 is supposed to be the single main headline that tells Google what the page is about — like the title of a newspaper article. Having multiple H1s is like an article with several competing headlines, diluting the page's topical focus.

trending_upWhy It Matters for SEO

Google uses the H1 as a primary signal for understanding page content. Multiple H1s create ambiguity — Google has to guess which one matters most. The most common cause on ecommerce sites is the site logo being wrapped in an H1 tag on every page, meaning every product page has two H1s: the logo text and the product name. This is easy to fix and immediately clarifies your page structure for search engines.

buildHow to Fix It

{%- comment -%} In sections/header.liquid — replace the logo H1 with this: {%- endcomment -%}
{% if template.name == 'index' %}
  <h1 class="site-title">
    <a href="/">{{ shop.name }}</a>
  </h1>
{% else %}
  <p class="site-title">
    <a href="/">{{ shop.name }}</a>
  </p>
{% endif %}

Related Fix Guides