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

Technical Q&A
,

Topic summary

A user discovered their Shopify theme (Boost from Clean Canvas) includes an H1 tag on the logo, causing multiple H1 tags per page—flagged as problematic by an SEO audit.

The Question:

  • Should the logo’s H1 tag be changed to H2?
  • Is this common practice across themes?
  • Are multiple H2 tags acceptable?

The Solution:
Community members confirmed changing the logo from <h1> to <h2> in the header.liquid file is the correct approach. The user needed to modify the tag in two specific locations within the code.

Outcome:
The user successfully implemented the changes after receiving guidance. The discussion confirms that removing H1 from logos is standard SEO practice, as H1 tags should typically be reserved for page titles or main content headings rather than branding elements.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
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!