Blog, Website & Page Publishing

CassandraM
Member | Elite Partner
Member | Elite Partner

SEO tool flagged up 3 h1 tags due to device optimization

Hi there all,

I was wondering if anyone would be able to shed some light on this... it's both an SEO and a website issue. 

 

Our SEO tool has been flagging up 3 h1 tags on our home page, so I investigated the source code and can see that there are indeed 3 h1 tags due to us having 3 banner modules with h1 titles on them (one visible only on tablet, one visible on mobile, and one on desktop). 

 

Example of the code showing the different modules so you have an idea of where the h1 tags are nested: 

 

<div id="" class="hhs-hero-mod hide-mobile hide-tablet show-desktop " style=";"> 

 

<div id="" class="hhs-hero-mod hide-mobile show-tablet hide-desktop " style=";">

 

etc. 

 

Does anybody know of a way that we can rectify this? We want to keep the 3 modules for the title banner, as we want them to look different on various devices. However, this is duplicating the h1 tag. Is this an issue with the template we are using, or is there something else we can do to fix this? 

 

Any advice would be really appreciated! Thank you in advance. 

0 Upvotes
2 Replies 2
Ben_M
Key Advisor

SEO tool flagged up 3 h1 tags due to device optimization

This would definitely have to do with 3 modules for your title banner. Would you be able to share a link to your page to allow us to give recommendations/insights as to better ways to accomplish what you are looking to do?

0 Upvotes
CassandraM
Member | Elite Partner
Member | Elite Partner

SEO tool flagged up 3 h1 tags due to device optimization

Hi there, and thank you for contributing! We have now discovered a solution to this issue. We replaced the H1 tag on the banner modules on mobile and tablet with H2s.