How to remove H1 tag from the logo in the HONEY theme?

How to remove H1 tag from the logo in the HONEY theme?

alexandermen
Shopify Partner
17 0 4

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.

Replies 6 (6)

thescriptflow
Shopify Partner
372 26 55

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.

qasimdevloper_0-1740133359119.png

Just Click on Aa Dropdown.

qasimdevloper_1-1740133499586.png

 

 

From your Side it will Select to "Heading 1". 
Now select the tag that you want.

- Need a Shopify Specialist? Chat on WhatsApp +447828078063

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


- If my solution was helpful, mark it as a solution and hit the like button!

alexandermen
Shopify Partner
17 0 4

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?

thescriptflow
Shopify Partner
372 26 55

It is possible if you share store URL.
Thanks

- Need a Shopify Specialist? Chat on WhatsApp +447828078063

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


- If my solution was helpful, mark it as a solution and hit the like button!

LizHoang
Shopify Partner
1251 159 196

Hi @alexandermen 

It's right. You can try this

LizHoang_0-1740134357839.png

 

Example: <h1>.....</h1> to <h2>.....</h2>

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program

alexandermen
Shopify Partner
17 0 4

 

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>

thescriptflow
Shopify Partner
372 26 55

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.

- Need a Shopify Specialist? Chat on WhatsApp +447828078063

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


- If my solution was helpful, mark it as a solution and hit the like button!