5 Steps To Implement Product Schema On Shopify

Want your Shopify products to stand out in Google search results? Adding product schema markup is the key. Product schema helps search engines understand your product details like price, availability, and reviews, making your products eligible for rich snippets. Here’s how you can do it in just 5 steps:

1. Access Your Theme Files: Log in to Shopify, go to Online Store > Themes, and edit your theme’s code.
2. Find the Product Template: Locate the product template file (product.json or product.liquid) in your theme’s code editor.
3. Add Product Schema Code: Use JSON-LD code to include details like product name, price, and stock status.
4. Validate Your Schema: Test your schema using Google’s Rich Results Test and Schema Markup Validator.
5. Monitor Results: Track performance in Google Search Console and update schema as needed.

Pro tip: Use Google’s Structured Data Markup Helper to generate schema code quickly. By implementing product schema, you improve SEO, attract more clicks, and enhance your store’s visibility in search results.

Step 1: Open Your Theme Files

To add product schema, you’ll need to access your Shopify theme files.

Locate the Theme Editor

Follow these steps to access the code editor:

1. Log in to your Shopify admin panel.
2. In the left sidebar, go to “Online Store” > “Themes”.
3. Under the “Current theme” section, find your active theme.
4. Click the three-dot menu (•••) and select “Edit code”.

Before making any changes, duplicate your theme to create a backup.

In the code editor, you’ll see folders like Layout, Templates, Sections, Snippets, Assets, Config, and Locales.

Note: For Shopify 2.0 themes (common in most modern stores), the product template is typically in the “Templates” folder. If you’re using an older theme, check both the “Templates” and “Sections” folders.

It’s a good idea to work during off-peak hours and inform your team to prevent any overlap or issues.

Step 2: Find Your Product Template

Once you’re in the code editor, the next step is to locate the template file that manages your product pages. The exact file location depends on your theme version.

Locating the Correct File

For Shopify 2.0 themes, follow these steps:

• Open the “Templates” folder.
• Look for files named product.json or product.liquid.
• If your theme uses sections, check the “Sections” folder for a file like main-product.liquid.

For older themes (pre-2.0):

• You’ll usually find product.liquid in the “Templates” folder.
• Section files related to products will be in the “Sections” folder.

To confirm you’re editing the right file:

• Open your store’s product page in a new browser tab.
• In the code editor, click the “Preview” button.
• Select a product from your store.
• Compare the previewed page with your live product page to ensure they match.

Note: Some themes use dynamic sections. This means your product template may reference several section files. Check the JSON template file to see all linked section files.

If you’re using a customised theme, you might encounter files with unique names such as:

• product-template.liquid
• product-page.liquid
• collection-product.liquid

Quick tip: Use the search function in the code editor (Ctrl + F on Windows, Cmd + F on Mac) to look for keywords like “product” or “schema” to speed up the process.

Step 3: Add Product Schema Code

Set up product schema markup directly in your template to improve how your products appear in search results.

Generate Schema with Google’s Tool

Use Google’s Structured Data Markup Helper to create your JSON-LD schema code:

• Go to Google’s Structured Data Markup Helper.
• Select “Product” as the data type.
• Enter your product page URL.
• Tag essential product details:
  • Product name and description
  • Price (in AUD)
  • Images
  • SKU and availability
  • Brand

Once you’ve tagged the elements, the tool will generate JSON-LD code. Here’s an example:

<script type="application/ld+json">
{
  "@context": "https://schema.org/",
  "@type": "Product",
  "name": "{{ product.title }}",
  "description": "{{ product.description }}",
  "image": "{{ product.featured_image | img_url: 'large' }}",
  "sku": "{{ product.selected_or_first_available_variant.sku }}",
  "offers": {
    "@type": "Offer",
    "price": "{{ product.price | money_without_currency }}",
    "priceCurrency": "AUD",
    "availability": "{% if product.available %}https://schema.org/InStock{% else %}https://schema.org/OutOfStock{% endif %}"
  }
}
</script>

After generating the code, you’ll need to embed it into your theme.

Embed the Schema Code in Your Theme

1. Locate the <head> section in your product template.
2. Insert the JSON-LD script just before the closing </head> tag. Use Liquid variables like {{ product.title }} and {{ product.price | money_without_currency }} to dynamically pull product data.
3. Tailor the schema to include additional details:
   • Add the brand: "brand": "{{ product.vendor }}"
   • Include customer review data if available.
   • Add multiple images using product.images.

Run tests in a staging environment to ensure everything works correctly.

sbb-itb-19747f8

Step 4: Check Your Schema Code

Once you’ve added your schema code, it’s important to make sure it’s working as expected. Google’s tools can help you verify its functionality.

Test with Schema Tools

Google offers two key tools to check your schema:

1. Rich Results Test

Enter your product page URL into the Rich Results Test tool. This tool checks your schema and shows:

• Whether your schema markup is valid
• How your product might appear in search results
• Any errors or warnings that need fixing

Things to look out for:

• Prices formatted incorrectly (use dots for decimals, e.g., 299.95)
• Invalid or broken image URLs
• Schema properties that aren’t nested properly

2. Schema Markup Validator

This tool provides more technical insights, including:

• Errors in JSON-LD syntax
• Incorrect data types
• Issues with schema structure

To fix issues, you might need to:

• Add missing quotation marks around text values
• Correct property names to match schema.org guidelines
• Adjust Liquid variables for accurate data output
• Ensure currency codes are correct (e.g., “AUD” for Australian dollars)

Pro tip: Test your schema on different product types in your store. Items with variants, sale prices, or out-of-stock statuses might need extra adjustments in the schema code.

Make sure to review and update your schema whenever you update your theme.

Step 5: Track Schema Results

After implementing and testing your schema, the next step is to keep an eye on how it’s performing.

Use Google Search Console

Google Search Console helps ensure Google recognises your product schema. Check it to confirm your markup is showing up correctly in search results without any errors.

Keep Schema Up to Date

Make it a habit to review your schema code regularly. Update it whenever you change product details or run new promotions, and revalidate to ensure everything is accurate.

Conclusion

Adding product schema markup to your Shopify store can improve your search visibility. By following these steps – from making code adjustments to monitoring your results – you can position your store for better SEO outcomes.

For Australian businesses, effective schema implementation can also optimise local search results. Alinga, a certified Shopify Plus agency, has helped merchants achieve impressive results. According to their data, Shopify Plus merchants have seen a 126% year-over-year growth. Their team ensures product schema stays effective through regular updates and performance tracking, keeping Australian stores competitive in the market.

If you encounter technical hurdles, consider working with professionals who understand the local market. By implementing these steps and seeking expert guidance when needed, your Shopify store can achieve improved search visibility and stronger SEO results.

Are you thinking about transitioning to Shopify? Alinga makes transferring effortless, safe, and easy. We manage every aspect, from data and product transfers to design copy and SEO maintenance, so your store operates seamlessly. Don’t allow your fear of technology to restrict you. You can have confidence in Alinga to offer an effortless transition to Shopify and to prepare your business for significant growth. To start the transformation, contact us right away!

Related posts

• How to Add Rich Snippets to Shopify
• Schema Validation in Shopify Themes
• How to Optimise Shopify for Local SEO
• Shopify Product Page URLs: Best SEO Practices