How to fix multiple h1 on Shopify

Steps for Shopify

1. Go to Online Store → Themes → click 'Customize' on your active theme.
2. For product pages: navigate to a product page in the theme editor. The product title is rendered by a Liquid snippet — usually 'product-title' or 'product.title' wrapped in an <h1>. Confirm only this tag is H1.
3. To edit the raw template, click the three-dot menu in the theme editor → 'Edit code'. Open the relevant template file (e.g., templates/product.liquid or sections/main-product.liquid) and search for '<h1'. Change any unwanted H1 tags to <h2> or the appropriate level.
4. Also check sections/header.liquid and snippets/ files — navigation or logo taglines sometimes carry accidental H1 tags.
5. For blog posts or pages: open templates/article.liquid and templates/page.liquid, find all <h1 occurrences, and keep only the one wrapping the article/page title ({{ article.title }} or {{ page.title }}).
6. Save changes and preview the page, then use browser DevTools to confirm a single H1.

<!-- 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.