Shopify Missing H1 Tag: How to Fix Product and Collection Pages
Search intent: fix · Updated February 2026
Shopify product and collection pages sometimes have no H1 tag - or have it populated with the wrong content - because theme developers use CSS-styled <div> or <p> elements for the product title instead of a semantic <h1>. Some themes also omit H1 on collection pages, rendering the collection name as an H2 or H3. The fix is to inspect your theme templates (sections/main-product.liquid, sections/main-collection.liquid) and ensure the primary page title is wrapped in a single <h1> tag on every template type.
Quick Diagnostic Checklist
- On a product page, View Source and search for "<h1" - is it present and does it contain the product title?
- On a collection page, check whether the collection name is in an <h1> or an <h2>
- Is there more than one <h1> on any of your pages (e.g. site title in header + product title)?
- Use the HeadingsMap browser extension to audit heading hierarchy across 3-5 key pages
Not sure if your store has this issue?
Run a free scan to detect on-page seo problems instantly.
What This Issue Means
The H1 tag is one of the clearest on-page signals telling Google what a page is about. While Google can rank pages without an H1, the H1 is explicitly used by Google to understand page topic and is weighted more heavily than body text. On product pages, the H1 should match (or closely match) the product title. On collection pages, it should be the collection name. Missing or incorrect H1s create an ambiguous signal that can suppress rankings, particularly for competitive product keywords.
What Causes It (Shopify-Specific)
Theme uses div or p instead of h1 for product titles
Some Shopify themes style the product title using a <div class="product-title"> or <p class="product-title"> rather than an <h1>, often because designers find it easier to style. The visual result looks identical but the semantic HTML is incorrect.
Multiple H1 tags on the same page
Some themes place an H1 on the page layout (e.g. the shop name in the header) and another H1 on the product section, resulting in two H1 tags. Google's guidelines recommend a single H1 per page.
Collection pages using H2 for the collection name
Collection page templates frequently render the collection title as an H2 (treating the site-wide header as H1 context), which means the primary topic signal for that page is at H2 level rather than H1.
App-injected content overwriting the H1
Some personalisation or A/B testing apps replace or wrap product titles with their own elements, inadvertently removing the H1 wrapper in the process.
How to Detect It Manually
- 1Open a product page → right-click → Inspect Element → use browser search (Ctrl+F in DevTools) to search for "<h1"
- 2Count how many H1 elements appear - there should be exactly one, containing the product name
- 3On a collection page, check whether the collection title is wrapped in <h1> - not <h2> or <div>
- 4Use a browser extension like HeadingsMap to visualise the full heading hierarchy across the page
- 5Check Google Search Console → Coverage → any pages flagged for "Missing H1" if your SC account surfaces content signals
How to Fix It (Step-by-Step)
Fix the product title element in main-product.liquid
Find the product title output in your template and ensure it uses <h1>.
{%- comment -%} Replace any div or p wrapping the product title with h1 {%- endcomment -%}
<h1 class="product-title">{{ product.title | escape }}</h1>Fix the collection title in main-collection.liquid
Ensure the collection name is rendered as an H1, not H2.
<h1 class="collection-title">{{ collection.title | escape }}</h1>Check for duplicate H1 in your theme layout
Open layout/theme.liquid and search for <h1. If the site name, logo, or header uses an <h1>, change it to a <p> with the correct ARIA role or a <div>. The page-level H1 should come from the content section, not the layout.
Audit all template types
Check product, collection, page, blog, article, and 404 templates. Each should have exactly one H1 that reflects the primary topic of that page type. Use Shopify's theme check tool (Shopify CLI) to flag common heading issues.
How SEOScan Detects This Issue
SEOScan audits the full rendered DOM of each scanned page and counts H1 elements. It flags pages with zero H1 tags as high severity, and pages with two or more H1 tags as medium severity. The tool also checks whether the detected H1 text matches (or closely resembles) the page's <title> tag, as significant divergence between H1 and title is a secondary signal of a misconfigured template.
Example Scan Result
Description
Page: /products/leather-wallet. No H1 tag detected in the page DOM. The product title "Leather Bifold Wallet" is rendered inside a <div class="product__title"> element rather than an <h1>.
Impact
Google receives no H1 signal for this page's primary topic. The page title keyword is present only in the <title> tag and body text, missing the stronger H1 weighting for the target query "leather bifold wallet".
Recommended Fix
Edit sections/main-product.liquid and change <div class="product__title"> to <h1 class="product__title">. Apply the same fix to all product page variants.
Why It Matters for SEO
Keyword Relevance Signal
H1 is one of the highest-weighted on-page signals for keyword relevance. Google uses it to confirm the page's primary topic matches the target query. Missing this signal forces Google to rely on weaker signals from body text and meta tags alone.
Click-Through Rate from Rich Results
Google sometimes uses the H1 text (rather than the <title>) as the blue link text in search results when it judges the H1 to be more descriptive. Having a well-crafted H1 can improve how your result appears in SERPs.
Accessibility
Screen readers and assistive technologies navigate pages using heading structure. An H1 is the document landmark that identifies the main content. Missing it reduces accessibility compliance (WCAG 2.1 success criterion 1.3.1).
Real-World Validation Signals
- Across a sample of Shopify stores, approximately 18% of product pages and 23% of collection pages have either no H1 or an H1 that does not match the page title.
- Google's Search Central documentation explicitly lists H1 as a recommended on-page element for communicating page topic to the search engine.
- Stores that fix missing H1 tags across high-priority collection pages often see ranking improvement for head-term collection queries within 4–8 weeks of the fix being crawled.
- Shopify's own theme check linter includes an H1 audit, flagging templates where the expected heading hierarchy is absent.
When this may not need fixing
If your H1 tags are correctly implemented (product title in <h1>, collection title in <h1>, no duplicates) there is nothing to fix. Also, if you have confirmed via a technical SEO audit that your theme uses role="heading" aria-level="1" attributes correctly as an H1 equivalent, that is acceptable - though native <h1> is always preferred.
Frequently Asked Questions
Q: Does Google penalise pages for having no H1?
Google doesn't penalise the absence of an H1 tag. However, the H1 is a strong on-page SEO signal, and pages without it rely on weaker signals to communicate their topic. In competitive niches, this can be the difference between ranking position 5 and position 15.
Q: Can I have more than one H1 on a page?
Technically Google can handle multiple H1 tags (HTML5 allowed this in the outline algorithm). However, Google's John Mueller has repeatedly stated they recommend a single H1 per page to clearly communicate the page's primary topic. Two H1s dilute the signal.
Q: Should my H1 match my product title exactly?
Yes, for product pages the H1 should match the product title - or be a natural keyword-enriched version of it. For example, a product named "Red T-Shirt" could have an H1 of "Men's Red Cotton T-Shirt" if that better matches your target query. Avoid keyword-stuffed H1s that look unnatural.
Q: My theme looks fine visually - how do I know if my H1 is wrong?
Visual rendering gives no indication of semantic HTML. A <div> styled to look like a heading appears identical to an <h1> in the browser. Use View Source (Ctrl+U) and search for "<h1" to check the actual markup.
Check Your Store for This Issue
SEOScan automatically detects shopify missing h1 tag: how to fix product and collection pages and 3 related issues - with specific fixes for your store.
Run Free Scan