Shouldn't I delete the H1 tag on my logo and use only a single H1 tag for my homepage header?

Shouldn't I delete the H1 tag on my logo and use only a single H1 tag for my homepage header?

throneforyotone
New Member
6 0 0

I recently read about changing your h2 to an h1 on debut, but wouldn't that become one of two h1's? Because the logo would still have an h1... I don't want google to prefer my logo as the h1...

Replies 6 (6)

ZestardTech
Shopify Partner
5895 1064 1409

Hello There,

1. Go to Online Store->Theme->Edit code
2. sections/header.liquid-> and search this class [ h2 site-header__logo ] and changes tags h1 to h2

Screenshot :- https://prnt.sc/zp3t7q , https://prnt.sc/zp3oa1

Thanks!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
throneforyotone
New Member
6 0 0

But I'll want to use my H2 for text. I guess I could just replace debut's default logo H1 with maybe H6 or one of the less important H's... Or can I add keyword text to my logo?? 

PageFly-Victor
Shopify Partner
7865 1786 3115

Hi there @throneforyotone

As a rule of thumb, you should only have 01 H1 on a page. And the H1 should contain your focus keyword. 

Given this criterion, your Logo should not be H1, you can use it as your H2. 

H1 and Title tag are decisive for your on-page SEO, other than that, just make sure your H2 and H3 are nicely optimized for on-page SEO. 

Let me know if my answer is helpful with a like and thumb up. 

Cheers, 

throneforyotone
New Member
6 0 0

Ok that is helpful, so how can I disassociate my logo with any tags? Or is there some effective page tag and keywords I can use there too?

GFDLuke
Excursionist
15 0 7

Hey @throneforyotone,

If you followed what @ZestardTech suggested previously, then you can follow that same process to locate the logo and change the "h2" to "div".

Ex. Old: <h2 class="h2 site-header__logo"> </h2>

     New: <div class="h2 site-header__logo"> </div>

This should remove your logo from having any tags.

If this was helpful, please give me a like and a thumbs up!

- Did we solve your issue? Please Like & Mark As Solution
- If you need any direct help: luke.beeson@gofishdigital.com
melOn-Design
Excursionist
12 0 14

FYI - MNIMAL THEME

 

If you want to use your logo as your header, to make your site look more appealing, you can NOT add an H1 header in the 'minimal theme' without editing your code.....try as I might!

 

However, I have found a work around, because I was also getting an error telling me I had no H1 header on my home page.

 

I have added an HTML block and entered my title, containing the keywords I would like to rank for.

 

I edited the font style and size, so it looks more appealing and in keeping with the feel of my site.

 

I hope this helps anyone who is not too familiar with coding.

 

If you would like to see if it is something that might work for your site, please see link below:-

 

www.melon-design.co.uk

 

Good luck!

 

Mel :O)

 

H1 header using HTML.jpg

 

 

melOn Design