H1 & H2 Tags

Highlighted
Excursionist
15 0 4

Hi

Can someone please clear this up for me?

After launching my site I decided to add in some headings to the product descriptions in order to help the SEO and I made them all H1 tags.  After having done this I read that the page title (product name) was the H1 tags and so I changed my new headings to H2.  When I "inspect" the pages it is showing both the page title and my headings as H2 tags.  Is this how it shoud be?  Are they clashing?  Should I change my new headings to H3 tags?

Thanks, Keith

0 Likes
Highlighted
Shopify Expert
24 0 3

Hi Keith,

I would change the product title to H1, instead of making your subheading to h3.

If you are comfortable with esiting liquid files, it is not complicated to fix the product titles and make sure it is H1.

Here is a quick walkthrough:

  1. Go to you Theme section (Online Store -> Theme)
  2. Make a backup of your theme, just in case (Click on the three dots on the upper right hand side-> "Download Theme File")
  3. In the same place click on "Edit HTML/CSS" 
  4. Look for product.liquid file and open it
  5. Look for 
<h2 itemprop="name">{{ product.title }}</h2>

and replace it with:

<h1 itemprop="name">{{ product.title }}</h1>

and you should be all set.

If you have any issues you can always recover the original version of the file.

 

Best,

Ronen

Ronen Amit, Inbound Marketing for eCommerce Growth
2 Likes
Highlighted
Shopify Expert
240 0 38

Google recently said that they have no problem with multiple h1s, but they do use tags like that as a semantic reference. What this means is that if you have a singe h1, the text in it has more influence than having text in 5 h1s.

In the old days it was known that bolding text made it more important than the rest of the text. It's a good example as some people bolded their whole content to make it all more important. Which also meant it was also the least important text. A waste of time.

So, use semantic tags meaningfully, and it will help. Typically, sticking to one h1 helps you identify the meaning of the whole page. Using h2/3/4 in the content helps define sections of the page. Bold, italic, and links can emphasise that certain phrases are extra relevant.

Technical SEO Consultant - Specialising in setting up Structured Data for Rich Snippets, Google Analytics for advanced reports and the Google Search Console for efficient crawling.
0 Likes
Highlighted
Excursionist
15 0 4

Hi Gents

Sorry for the delay in coming back on this and thanks a lot for your input.  Ronen, I did what you said and it worked perfectly.  Many thanks for that and for making it so easy for me!

Keith

0 Likes