Shopify themes, liquid, logos, and UX
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.
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
<h1 class="header__heading">
to
<h2 class="header__heading">
Which should solve the issue, right?
It is possible if you share store URL.
Thanks
It's right. You can try this
Example: <h1>.....</h1> to <h2>.....</h2>
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.
<h2 class="header__heading">
{%- endif -%}
<a href="{{ routes.root_url }}" class="header__heading-link link link--text focus-inset">
{%- if section.settings.svg_image != blank -%}
<div
class="header__heading-logo logo-image"
style="max-width: {{ section.settings.logo_width }}px;"
>
{{ section.settings.svg_image }}
</div>
{%- 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 -%}
<span class="h3">{{ shop.name }}</span>
{%- endif -%}
</a>
{%- if request.page_type == 'index' -%}
</h2>
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.
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025