Good Evening All,
I have just added a “Featured Product” section to my homepage (Flex Theme) and the product’s title has become a H1 heading, so now my website has 2 H1 headings. Does anyone know why this would happen and how to fix it.
TIA
Topic summary
Main issue: Adding a Featured Product section on a Shopify Flex theme caused the homepage to have two H1 headings (top-level HTML headings), raising SEO (search engine optimization) concerns.
-
One response noted that multiple H1 tags generally do not hurt SEO if they’re useful, linking an article. The original poster sought a concrete fix instead.
-
A contributor explained the cause: the theme’s Featured Product section renders the product title as an H1 by default. They provided steps: duplicate the theme, open Edit code, locate the Featured Product section file (e.g., featured-product.liquid), and change the product title from H1 to H2 to remove the extra H1. They cautioned this may affect styling.
-
The poster attempted this but couldn’t find matching code in that section.
-
Next steps: The helper asked to search for featured_product.liquid or any “featured” section files and share a screenshot of the Sections directory (a reference screenshot was included) to identify the correct file.
Status: Unresolved/ongoing. Action item is to locate the correct section file and adjust the heading level.
Google has stated that having a few H1 tags on a page doesn’t really hurt SEO as long as they provide useful information to the user.
This is a good article on it - https://www.stanventures.com/blog/multiple-h1-tags/
Thankyou for this article, but this info doesn’t really help with answering the question I posed. I appreciate your time though.
Hey @MrsMacca ,
As you mentioned after adding the featured product section, your homepage now has 2 H1s, it is because the theme default structure adds the product title in an H1 tag. To remove the additional H1 tag coming from the featured product section you can follow the below steps:
- Duplicate your current live theme before making any changes.
Refer to this doc: https://help.shopify.com/en/manual/online-store/themes/managing-themes/duplicating-themes
-
Open the theme file editor, by navigating to Online store > Themes > Click the three dots (…) > Edit code.
-
Search for the “Featured Product” file in the sections folder. It can be by the name of “featured-product.liquid”.
-
Look for the code that is responsible for showing the product’s title, the code might look something like as shown in the code below:
# {{ product.title }}
----------------------------------------------------------------------
# {{ product.title | escape }}
- Update the code by replacing the opening H1 (
) tag with H2 tag (
) and closing H1 tag (
) with closing H2 tags (). Such that your updated come becomes like:
## {{ product.title }}
----------------------------------------------------------------------
## {{ product.title | escape }}
- Done? Now try previewing the theme file to verify if the additional H1 tag is removed from the homepage.
One important point to note is that these adjustments could bring potential design issues to the layout, like reduced font size and boldness for the heading, which you might need to fix.
If you are not comfortable editing the code yourself, you should hire a Shopify developer, who will help you with these changes.
I hope this helps!
Regards,
Abhishek from Swym
1 Like
Thankyou, I will give this a go
Unfortunately there is nothing that looks like this in that section
Hey @MrsMacca ,
That’s really weird.
Can you please look for a possible file named “featured_product.liquid”?
If not can you please search for files by the name “featured” on your theme code directory under the sections folder and share a screenshot with me? As I did in the screenshot below:
Maybe then I can see the names of the file and tell you the name of the file that you need to edit?
Regards,
Abhishek from Swym
1 Like