Product Page H1 heading help.

[3D-Cast]

*Edit Question, i forgot to add its for SEO Use*

Hi

I'm using the enterprise theme and I would like to make my product title the h1 (For SEO use) heading on the product pages. How do I do this please. I'm happy to add code, but I just don't know what or how. Thanks Luke

my store is 3dcaststore.com.au

[B2Bridge]

Hi @3D-Cast , you can follow these steps:

Step 1: Open Online Store -> Themes -> Edit code.

Step 2: Find component-card.css file

Step 3: Paste this code at the bottom of the file

.product-info__block.rte > h2 {
 font-size: var(--h1-font-size) !important;
}

If this is helpful, please let us know by giving us a like and marking it as a solution. Thank you 😍

[3D-Cast]

Thanks just to make sure the code above will make the product tittle in h1 for SEO? I just saw I forgot to mention SEO in my first post

Thanks

[tim]

no, it would not

[tim]

By default, "Product" section in a "Product" page template  has a "Title" block. This block outputs an h1 element which contains product title.

Your product page template seems to be configured differently and product title is output by a different type block  and it does not output title as H1. It's hard to tell what type of block from the outside.

IMO, the best way would be to reconfigure your product page to use "Title" block.

If this is not possible, you can rather use "Custom liquid" block and use code like this

<div class="rte">
 <h1 class=h2>{{ product.title }} </h1>
</div>

[mageplaza-cs · Accepted solution]

Hi @3D-Cast 

I am from Mageplaza - Shopify solution expert.

To make the product title the <h1> heading on your product pages, follow these steps:

1. Edit the Product Template File
    - In your Shopify Admin, go to Online Store > Themes.
    - Click Actions > Edit Code on the active theme.
    - Find the file for the product template. This is usually:
          sections/main-product.liquid
          templates/product.liquid or inside snippets/product.liquid

2. Modify the Product Title Markup
Look for a line similar to:

<div class="product-info__block rte">
    <h2><strong>{{ product.title }}</strong></h2>
</div>

Change it to:

<div class="product-info__block rte">
    <h1><strong>{{ product.title }}</strong></h1>
</div>

3. Save and Preview
Click Save and preview your product page to ensure the title is now an <h1>.

This change improves SEO, as <h1> is important for search engines to understand the main content of a page.

Please let me know if it works as expected!

Best regards

[3D-Cast]

hey unfortunately i can't find the "product-info__block rte" anywhere

[3D-Cast]

Hey got it sorted. It was under rich text. When I Looked at the product page template I saw the title was made from a rich text. I found similar code to above and change the h2 to h1 and now is working fine. Thanks 

[Dan-From-Ryviu]

Hi @3D-Cast 

If you don't mind, please share the collab request code so I can send a request to access your theme and do it for you. 

Best regards,

Dan from Ryviu