How to Change H3 / H5 Tags for Product Titles to Improve SEO in the Refresh Theme

[kettenhelden]

I’m using the Refresh theme on my Shopify store, and I noticed that all product titles in the collection product grid are displayed as H3 tags. This impacts my SEO, as multiple H3 tags in a grid format can confuse search engines and dilute the content hierarchy on these pages.

I’d like to change these H3 tags to a less prominent tag (like <p> or <span>) for better SEO, without altering the visual styling of the product titles. However, I’m struggling to find the right Liquid file or setting in the theme code. I’ve tried searching for card-wrapper, card__heading, and similar terms in the theme files but haven’t located the exact file where these H3 tags are set.

Could anyone point me in the right direction on where to find this in the Refresh theme or suggest an alternative way to adjust the tag structure for these product titles?

Thanks in advance for your help!

[Webstablish · Accepted solution]

Hi @kettenhelden, you can find the H3 in snippets/card-product.liquid. This snippet is used in sections/main-collection-product-grid.liquid.

[kettenhelden]

That worked out for me. Thank you so much. Really appreciate your help!

[suyash1]

@kettenhelden - please check the file details provided by @Webstablish 

[philForumSEOPro]

Hi @kettenhelden 

To modify the heading tag for product titles in the Refresh theme without impacting the visual styling, follow these steps:

1. Locate the Theme Code: Go to Online Store > Themes > Edit Code.
2. Find the Relevant File: Look under sections like product-card.liquid or collection-template.liquid. Search for h3 tags around card-wrapper or card__heading.
3. Replace the Tag: Change <h3> to <p> or <span>, ensuring any CSS class styling is retained to keep the appearance unchanged.

If you’re looking to optimize the structure more deeply, our SEOPro app can help by auditing page hierarchy and content optimization, which can further refine your SEO performance.

Full disclosure: We developed SEOPro. Feel free to reach out at support@seo-pro.app if you have questions.

Phil
SEOPro Developer