The H1 on the Homepage is an image ("H1 tags includes non-text content, such as a link or image")

AmeliaMW · ‎10-06-2021

Hello,

I have a problem concerning the H1 on my Homepage.

After running a SEO app, it tells me this :

"Critical issues found." : "One or more of your H1 tags includes non-text content, such as a link or image."

My homepage is here : https://mana-words.com/

I did set the Preferences on my store, I put text in the Title and the meta description.
But it doesn't seem to work.

Instead, the H1 on my homepage is an image (my logo). Here is the code on my homepage :

div class="header__logo align-items-center d-none d-lg-flex mr-lg-25" style="width: 114px;"><h1 class="logo h6 w-100 m-0 text-hide"><a href="/" itemprop="url" class="d-block text-hide">
  
  <div class="rimage" style="padding-top:100.0%;"><img class="rimage__img lazyload"
  data-master="//cdn.shopify.com/s/files/1/0522/8593/1716/files/logo-new_{width}x.png?v=1615543062"
  data-aspect-ratio="1.0"
  
  
  data-srcset="//cdn.shopify.com/s/files/1/0522/8593/1716/files/logo-new_228x.png?v=1615543062 1x, //cdn.shopify.co..."
  
  data-scale="2"
  
  
  itemprop="logo"
  alt="Mana Words">
</div>

So my H1 is my logo.... 😞

How do I change that ?

If anyone can help, that whould be really awesome ! Thank you !

Amelia

Blend-Cole · ‎10-06-2021

Hi there.

You need not worry about this issue as it is not critical. If you would still like to follow the apps response, then might I suggest changing the h1 tag in the header to div and using an h1 tag in first section instead. Though this isn't necessary.

I do hope this helps you.

If you found this answer helped with your question, kindly mark it as a solution.

Kind regards.
Cole.

Blend Commerce.

AmeliaMW · ‎10-07-2021

Hi Cole,

Thanks for your reply.

I will take your advice ! But I'm not sure I know how. Would you mind telling me how I can change the h1 tag in the header to div ?

Do we have access to that ?

Thanks again,

Amelia

decimuspowers · ‎11-28-2023

This is completely wrong. Ignore Coles bad advice.

SEOAnt-Jeffery · ‎03-28-2025

Hi Amelia

Regarding your shared H1 situation on the homepage, it is not a good idea to set an image as H1 because it will confuse search engines and hurt your website's performance in search results.

So far, you can change this code

<h1 class="logo h6 w-100 m-0 text-hide">

into

<h2 class="logo h6 w-100 m-0 text-hide">

Then follow my lead below to resolve this issue continually, as our APP Team agents have collected some useful H1 codes used to resolve H1 related issues after double checking with developers, I can share you below so that you can use them accordingly by adding them between <body> and </body> in the empty part of the theme.liquid file.

Misssing H1 on the homepage	{% if template.name =='index' %} <h1 style="display:none">{{shop.name}}</h1> {% endif %}
Missing H1 on the product page	{% if template.name =='product' %} <h1 style="display:none">{{product.title}}</h1> {% endif %}
Missing H1 on the collection page	{% if template.name =='collection' %} <h1 style="display:none">{{collection.title}}</h1> {% endif %}
Misssing H1 on the blog page	{% if template.name =='blog' %} <h1 style="display:none">{{blog.title}}</h1> {% endif %}
Missing H1 on the page	{% if template.name =='page' %} <h1 style="display:none">{{page.title}}</h1> {% endif %}
Missing H1 on the FAQ page	{% if template.name =='page.faq' %} <h1 style="display:none">{{page.faq.title}}</h1> {% endif %}
Missing H1 on the Article page	{% if template.name =='article' %} <h1 style="display:none">{{article.title}}</h1> {% endif %}

You can also choose to contact our APP Support Team for further assistance if you still have any questions. Please click here to install SEOAnt and you can get in touch with us there directly. Moreover, the 30% discount SEOAnt 30% Jeffery for the first two months are available now also, you can have a try if this APP meets your demand, thanks!

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

The H1 on the Homepage is an image ("H1 tags includes non-text content, such as a link or image")

The H1 on the Homepage is an image ("H1 tags includes non-text content, such as a link or image")

Community Blog Articles