How can I remove H1 tag from my logo - Why do most themes seem to add H1 tag to the logo?

Technical Q&A
,
1

How can I remove H1 tag from my logo - Why do most themes seem to add H1 tag to the logo? My theme is Boost from Clean Canvas but I can see many (most) themes do the same.

I have an SEO audit which point out that there are multiple H1 tags on my pages and that this is a bad thing. My company logo has a H1 tag and it seem to me that there are better places to us the H1 tag. How can I change it to, say H2 and would this be good practice? Are multiple H2 tags OK?

I’m not really familiar with coding though I have managed to hunt through code and make some changes I wanted to my website. Below seems to be the relevant code in my header.liquid section. would I change all instances of h1 in the code below to h2?

{%- capture image_size -%}{{ section.settings.logo_width | times: 2 }}x{%- endcapture -%}
{% style %}
.store-logo–image{
max-width: {{ section.settings.logo_width }}px;
width: {{ section.settings.logo_width }}px;
}

@media only screen and (max-width: 939px) {
.store-logo–image {
width: auto;
}
}

{% if section.settings.desktop_layout == ‘center’ %}
.utils__item–search-icon,
.settings-open-bar–small,
.utils__right {
width: calc(50% - ({{ section.settings.logo_width }}px / 2));
}
{% endif %}
{% endstyle %}

{%- capture logo_html -%}

{%- if template.name == ‘index’ -%}

{%- else -%}

{%- else -%} {%- endif -%} {%- endcapture -%}
2

@JoesToes - you can change

to

and

to in above code

1 Like
3

Hi @JoesToes

DaisyVo_0-1734870738378.png
DaisyVo_0-1734870738378.png649×420 122 KB

Please change to part here to h2, not h1

Best,

Daisy

1 Like
4

Thanks Daisy, So only in these two places?

5

Thank you Suyash, so I just changed it in those two places, is that right?

6

Yes

1 Like
7

Thank you! Done.

8

Yes, it’s true :blush:

1 Like
9

Thank you Daisy, job done!