I want to remove the H1 tag from the logo in the Honey theme to better use it for SEO-rich text with keywords. Can anyone guide me on how to do this in the HONEY theme? I already know how to assign the H1 tag to the rich text.
Thank you.
Topic summary
A user seeks to remove the H1 tag from their logo in Shopify’s Honey theme for better SEO optimization, wanting to use H1 tags for keyword-rich text instead.
Initial Approach:
- User successfully changed the logo’s heading tag from
<h1 class="header__heading">to<h2 class="header__heading">in the theme’s Liquid code.
New Issue Identified:
- After the change, SEO tools detected duplicate H2 tags showing the company name twice, despite only using a logo image (no text).
Root Cause & Solution:
- The duplication stems from the logo’s alt attribute defaulting to the shop name.
- Recommended fix: Replace
{%- assign logo_alt = section.settings.logo.alt | default: shop.name | escape -%}with{%- assign logo_alt = section.settings.logo.alt | default: "Store Logo" | escape -%} - This changes the default alt text to a generic value, eliminating the duplicate H2 detection.
Status: Solution provided but not yet confirmed as implemented or tested by the original poster.
Hey @alexandermen May I know do you using richtect for logo text? If yes then it is very easy to replace the h1 tag with any tag.
Here is how you can do that.
Look at here RichText Input Box.
Just Click on Aa Dropdown.
From your Side it will Select to “Heading 1”.
Now select the tag that you want.
I don’t use any text in my heading; it’s just a picture. However, the theme is currently using an H1 tag for the header. I plan to change the
to
Which should solve the issue, right?
It is possible if you share store URL.
Thanks
I’ve updated the heading from H1 to H2. Although proficient in H1 SEO optimization, I’m now facing a similar challenge with H2. I have still duplicated H2 entries. The SEO tool has alerted me that the “company name” appears twice in the H2. I don’t use text…I am using a logo. It is similar to the H1 change.
{%- endif -%}
{%- if section.settings.svg_image != blank -%}
{{ section.settings.svg_image }}
{%- elsif 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
-%}
{% capture sizes %}(max-width: {{ section.settings.logo_width | times: 2 }}px) 50vw, {{ section.settings.logo_width }}px{% endcapture %}
{% capture widths %}{{ section.settings.logo_width | divided_by: 2 }}, {{ section.settings.logo_width | divided_by: 1.5 | round }}, {{ section.settings.logo_width }}, {{ section.settings.logo_width | times: 1.5 | round }}, {{ section.settings.logo_width | times: 2 }}, {{ section.settings.logo_width | times: 3 }}{% endcapture %}
{{
section.settings.logo
| image_url: width: 500
| image_tag:
class: 'header__heading-logo',
widths: widths,
height: logo_height,
width: section.settings.logo_width,
alt: logo_alt,
sizes: sizes,
preload: true
}}
{%- else -%}
{{ shop.name }}
{%- endif -%}
{%- if request.page_type == 'index' -%}
Hey I judge a Problem and hope after you update this code your problem will surely fix.
Basically the issue of Twice time Show heading is because of alt of logo. Your alt of Logo has h2 text that’s why SEO tool show the h2 twice time.
Replace this code:
{%- assign logo_alt = section.settings.logo.alt | default: shop.name | escape -%}
With this one:
{%- assign logo_alt = section.settings.logo.alt | default: "Store Logo" | escape -%}
You can set default alt as you want.