H1 Tags for Ecommerce: Why Every Product Page Needs Exactly One

2 min read

The H1 tag is the main headline of your page — the most prominent heading that tells both visitors and Google what the page is about. Getting it right is one of the simplest SEO wins, yet it's one of the most common issues we see on ecommerce stores.

What Is an H1 Tag?

An H1 tag is an HTML heading element: `<h1>Your Product Name</h1>`. It's typically the biggest text on the page and serves as the main topic indicator. Think of it like the title of a newspaper article — it tells readers (and Google) what the page is about at a glance. Google uses the H1 as a strong relevance signal. If your H1 says 'Blue Running Shoes,' Google knows this page is about blue running shoes and will consider ranking it for related searches.

One H1 Per Page — No More, No Less

The rule is simple: every page should have exactly one H1. **Missing H1:** Google has to guess what your page is about from other signals. You lose a strong relevance signal. **Multiple H1s:** If your page has three H1 tags, Google doesn't know which one represents the main topic. This dilutes the signal. Common cause: theme templates that wrap both the logo and the product title in H1 tags, or widget areas that use H1 for section headings. Use H2 and H3 tags for subheadings — they create a content hierarchy that helps both users and search engines understand your page structure.

Common H1 Mistakes on Ecommerce Sites

**Logo wrapped in H1:** Some themes put the site name/logo in an H1 tag in the header. This means every page has 'YourBrand' as an H1, plus the actual page title as a second H1. Fix: change the logo to a `<span>` or `<p>` in your theme code. **Category pages with no H1:** Collection/category pages sometimes only show a product grid with no heading. The collection title should be an H1. **H1 doesn't match the page intent:** If your product page H1 is just 'Product' instead of the actual product name, you're wasting the most important on-page SEO element. **Decorative H1 usage:** Using H1 tags for visual styling (big text) rather than semantic meaning. Use CSS for font sizing — use H1 only for the main page topic.

How to Fix H1 Issues

On Shopify, product page H1s come from the product title automatically in most themes. Check your theme's `product.liquid` or `main-product.liquid` template — look for `{{ product.title }}` wrapped in `<h1>` tags. On WooCommerce, the product title is typically output as H1 by the theme's `content-single-product.php` template. If yours uses `<h2>` instead, that's a quick template fix. RankRipper checks for missing and multiple H1 tags on every page scan. Run a scan to see exactly where your H1 issues are.

buildRelated Fix Guides

build

How to Fix a Missing Title Tag on Shopify & WooCommerce

Fix missing title tags on your Shopify or WooCommerce store. Title tags are the #1 on-page ranking factor. Step-by-step fix with code.

build

How to Fix Missing Meta Descriptions on Shopify & WooCommerce

Fix missing meta descriptions on your Shopify or WooCommerce store. Learn how to write compelling descriptions that boost click-through rates from Google.

Keep Reading

article

What Is a Canonical Tag? A Plain-English Guide for Store Owners

Learn what canonical tags are, why they matter for your online store's SEO, and how to make sure yours are set up correctly — no coding knowledge required.

article

The Complete WooCommerce SEO Checklist for 2026

A practical WooCommerce SEO checklist covering permalinks, schema markup, page speed, meta descriptions, and more. Built for store owners, not developers.

Check your store now

Scan your site for free — get copy-paste fixes in 60 seconds.

searchScan Now — It's Free