A Shopify store owner using the Spotlight theme is trying to improve their SEO score by reducing the number of H3 tags on their homepage, which currently has over 50 instances. Their SEO checker indicates this excessive use of H3 headings is disproportionate to the page’s text content and negatively impacts their score.
The Issue:
The problem is specifically on the landing page (not collection pages)
H3 tags are used for both collection headings and product titles
Removing some collection sections improved the SEO score, confirming the issue
The Solution Provided:
A community member identified that the H3 tags are defined in the snippets/card-product.liquid file and provided step-by-step instructions:
Navigate to the theme’s source code editor
Open card-product.liquid in the snippets folder
Use Find & Replace (Ctrl + F) to replace all “h3” with “p”
Save changes
The existing CSS classes should preserve the visual styling. The helper emphasized caution when using “Replace All” to avoid unintended changes to other code elements.
Summarized with AI on November 2.
AI used: claude-sonnet-4-5-20250929.
I’m currently optimizing my SEO score, and the only remaining issue is that I have too many
collection headings on my main page (im not sure if the products are also in
, but i think they are)
I’ve read that having an excessive number of
tags can negatively impact SEO.
I’d like to change these headings to something that doesn’t affect my SEO rating, such as
tags, while still maintaining a similar visual appearance (font size, weight, etc.).
Unfortunately, I’ve been struggling with this for weeks. Despite going through multiple discussions and even trying ChatGPT, I haven’t been able to locate the correct code files or implement a working solution.
If anyone can guide me on:
Which specific Shopify theme files to edit.
How to replace
tags with
or any other suitable alternative without breaking the site’s appearance.
Maybe a small guide how i can alter the look of the font in the future.
I’d greatly appreciate any help or guidance, as this issue has been driving me crazy!
The issue isn’t with the collection pages themselves but rather with the main landing page: https://otakuheaven.store/.
According to the SEO checker I used, my site currently has over 50
headings. It pointed out that the amount of text on the page isn’t proportionate to the number of
tags, which is negatively impacting my SEO score. I removed some collection windows, and this directly improved my score, so I’m confident this is part of the issue.
To further optimize the SEO on the main page, I’d like to replace the
tags with something more appropriate (like
or another suitable alternative), but only on the main page. I hope this makes sense!
I’m also wondering: does it make sense to focus heavily on optimizing just the landing page to its fullest potential while leaving the other pages as they are? Or should I aim for consistency across the entire site? The main page is at 86 SEO and the other sites are around 80.
As I’m still learning my way around Shopify and SEO, I’d greatly appreciate any guidance or suggestions you can provide.
It looks like that component is defined in the “snippets/card-product.liquid” file and there are about 5 spots where an h3 tag is defined there. You can replace them by doing the following:
Go to edit the source code and navigate to the “card-product.liquid” file in the “snippets” folder.
Click Ctrl + F to bring up the “Find” controls on the bottom of the source file.
Replace all “h3” tags by putting the “h3” (without the quotes) into the first text field and putting “p” (without the quotes) into the second text field.
Save your changes and reload your store. The product
tags should be changed to
and the pre-existing classes from the old tags should allow them to retain their original styling/appearance.
Note that I’ve already verified by file comparison that these string replacements will not abnormally affect any other things in this source file. You should exercise caution whenever performing something like a “replace all” to ensure no adverse effects (eg: if we were replacing the other way around, then “p” would end up replacing far too many occurences of both html tags as well as “p” characters in body text; so you should always be careful to ensure that you properly target exactly what you need to replace.)
