Error Message: Your H1 Tag is missing

By September 25, 2018 No Comments

Are you seeing this error message?

“Your H1 tag is missing. Add an <h1></h1> tag containing text with your primary focus of this page.”

What does this mean?

This means that your theme doesn’t have the H1 heading tag. Some themes don’t include all of the required SEO tags, so that is why this is happening. Even though you actually added your product title (which creates the text within your H1 tag), your website won’t contain it /or show it to Google because the required code isn’t in your theme.

Don’t worry this is a common thing that happens because theme developers aren’t SEO experts. Since we are SEO experts and this is what we focus on, we see this all the time.  

If Google can’t locate your H1 tag, they won’t have access to the text contained within your H1 tag. An h1 tag is an important SEO element on a webpage because it signals to Google “this is what my page is all about.” Ideally, your product page should have an H1 tag which would contain your target keyword that you want to rank for.

How can I fix this?

The way to fix this would be to add a H1 tag into the theme’s code.

We recommend hiring a programmer on the Shopify Experts program who can do this for you.

If you are an experienced coder, you can alter this code in the product.liquid file  (this is normally where this will live, but this is normally dependent upon the theme). Again, if you aren’t an experienced coder, we advise against fixing your own code because you can accidentally break the entire layout of your website.

Example

In this example, my product title is “1 dozen chocolate chip cookies.” My product title will automatically create the text of my H1 tag which will also be “1 dozen chocolate chip cookies.” This is perfect because my H1 tag matches my product title and happens to also contain my target keyword (which is chocolate chip cookies).

product title creates h1 tag text

Next, I am showing you the “source code” for this product page which properly displays this H1 tag because it has the H1 tag. This H1 tag (highlighted in blue) is the element that’s missing from your website, and needs to be added in.

To view your source code, hold down shortcut keys Option + Command + U (on a Mac) or select from the browser’s navigation bar menu Tools –> Web Developer –> Page Source. Now you can search for “<meta” using Command + F.

h1 tag in page source code

Recommended Reading:

We suggest checking out our guide, “How To Write An Awesome H1 Tag for Better SEO”

Last Updated On September 26, 2018