Re: I am trying to change the homepage H1 set to logo

VeronikaF · ‎05-13-2025

Hello Guys,

I would like to change the homepage H1 set to logo to text.

I checked several threads here, but everybody suggest changes in the header.liquid

The problem is that I don't have any H1 tag in header.liquid 😕

So don't know where to start. I didn't find anything that works for me...

Any thoughts how to do it?

web: vesimidesing.com

Dawn theme

Thanks

V.

EcomGraduates · ‎05-13-2025

shopify themes will sometimes wrap the logo in an h1 tag on the homepage for SEO reasons but that can mess with heading structure or if you're tryna add your own homepage h1

the fix is pretty simple you just gotta go into your header.liquid

something like

<div class="site-header__logo">
  <a href="{{ routes.root_url }}">
    {{ your logo code here }}
  </a>
</div>

 If this fixed your issue, likes and accepting as a solution are highly appreciated
|  Build an online presence with our custom-built Shopify Theme: EcomifyTheme
|  Check out our reviews: Trustpilot Reviews
|  We are Shopify Partners: EcomGraduates Shopify Partner

VeronikaF · ‎05-14-2025

this is the only thing with header in header.liquid

So should I just delete this from the code?

}

.header__heading-logo {
max-width: {{ section.settings.logo_width }}px;
}

VeronikaF · ‎05-17-2025

I copied the whole header.liquid code to word and found H1 tag 🙄

And change it to H2...

Thank you everybody for your help 😅

<h2 class="header__heading">
{%- endif -%}
<a href="{{ routes.root_url }}" class="header__heading-link link link--text focus-inset">
{%- if section.settings.logo != blank -%}
{%- assign logo_alt = section.settings.logo.alt | default: shop.name | escape -%}
{%- assign logo_height = section.settings.logo_width | divided_by: section.settings.logo.aspect_ratio -%}
{{ section.settings.logo | image_url: width: section.settings.width | image_tag:
class: 'header__heading-logo',
widths: '50, 100, 150, 200, 250, 300, 400, 500',
height: logo_height,
width: section.settings.logo_width,
alt: logo_alt
}}
{%- else -%}

Kyle_liu · ‎05-13-2025

Hi @VeronikaF

Your website is inaccessible, what happened?

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to contact me Email Me Buy Me A Coffee

VeronikaF · ‎05-14-2025

oh, sorry ...it is https://vesimidesign.com/ (I wrote it wrong.)

Kyle_liu · ‎05-14-2025

preview：

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to contact me Email Me Buy Me A Coffee

VeronikaF · ‎05-17-2025

there is nothing like that in my header.liquid

only this:

.header__heading-logo {
max-width: {{ section.settings.logo_width }}px;
}

@media screen and (min-width: 990px) {
header-drawer {
display: none;
}
}

SEOAnt-Jeffery · ‎05-15-2025

Hi @VeronikaF

First of all, I have tested whether your H1 tag refers to logo on homepage and after checking, it exactly shows like what you said here.

I feel happy to know you would like to change the homepage H1 from logo to text, as Google prefers real H1 content rather than images like a logo. It will be beneficial for your store conversion and further performance in search results after switching H1 to text. I also notice you fail to find anything in header.liquid and if so, the H1 may not exist in this liquid file at all and to find it out, you need to check with developers and locate in correct liquid file, then find out H1 tag and change it manually from H1 to H2.

Here I can share with you another way to make H1 stay on text permanently after finding the logo H1. You can add the below code between <body> and </body> in theme.liquid, and this code works on your store to let H1 stay on text properly. You can further check with developers and see if it works for you. Thank you!

{% if template.name =='index' %}
<h1 style="display:none">{{shop.name}}</h1>
{% endif %}

An AI-powered all-in-one SEO optimization tool that elevates website rankings, traffic through intelligent keyword analysis and website content optimization.

Official Website | SEOAnt

Re: I am trying to change the homepage H1 set to logo

I am trying to change the homepage H1 set to logo

Community Blog Articles