How to fix duplicate H1 Tag on homepage using Brooklyn theme?

Solved
Highlighted
Excursionist
21 0 2

Please help!

my website FIGLIA.UK have two H1 Tags and not sure how to fix, searched on YouTube and previous discussions here but no success.

On running a diagnostic seem that the featured product is the duplicate H1,

can somebody give me the step on how/what to do?

Thank you in advance for your support.

Antonello

0 Likes
Highlighted
Shopify Partner
87 10 20

You got two h1 tags on homepage. One at the logo, and the second is on the Product title named "Handmade Sterling Silver Optical Illusion Cuff OPTIC". You can edit anyone. Take care of one thing, in future if you are going to upload the logo of your site, then one h1 tag will be gone and there will be only one h1 tag on the homepage.

0 Likes
Highlighted
Excursionist
21 0 2

Hi Arun,

 

thanks for your reply, actually haven't added any logo in my homepage, automatically it add the name of the website on the top left of the menu if not logo image files are added,

Can you tell me how to change to H2 the Product title named "Handmade Sterling Silver Optical Illusion Cuff OPTIC"?

That would be much appreciated.

 

Antonello

0 Likes
Highlighted
Shopify Partner
87 10 20

This is an accepted solution.

Follow these Steps

Go to Actions -> Edit Code 

Then in Sections, look for the file named "featured-product.liquid". In that file, there will be a line which looks like this 

<h1 class="product-single__title" itemprop="name">{{ title }}</h1>

Change the <h1> to <h2> both opening and closing tags

0 Likes
Highlighted
Excursionist
21 0 2

Hello Arun,

 

followed your instructions and it worked easily in few seconds! and the SEO diagnostic verified.

Thank you so much!!

 

Antonello

0 Likes
Highlighted
Shopify Partner
87 10 20

Welcome @Antonello 

happy to help :)

1 Like