The H1 tag is an important HTML element used to define the main heading or title of a web page. From an SEO perspective, the H1 tag carries a significant weight in determining the relevancy and topic of the page to search engines.
Here is a full guide that will help you to remove H1 from Logo.
(Before working on the live theme please make a duplicate copy and then try if it works well then try on the live theme)
1- Open Shopify Dashboard Select your Website name then Click on themes
2- Click on Online Store Select Action
3- Click on Edit Code
4- Search for header.liquid or header-logo-block.liquid
5- You can find your logo in header.liquid or header-logo-block.liquid
6- Press Ctrl+F and search h1, h2 or site-header__logo
7- In the below image you can see H1 is implemented in the logo so you can replace it with H2 or remove Heading from it.
8- To Add H2 replace h1 With h2 or h3. If you do not want any heading then add a div
For ex:-
From this :- <h1 class=”visually-hidden”>{{ shop.name }}</h1>
To :- <div class=”visually-hidden”>{{ shop.name }}</div>
Done!
Also Check:- How to fix issues with Unminified Javascript and CSS Files in Shopify?
2 thoughts on “How to remove H1, H2, H3 from Logo Shopify”