What is Schema markup and why does it matter for SEO?

Schema markup (structured data) is code added to your HTML that helps search engines understand your content. It enables rich results in Google — such as star ratings, FAQs, product prices, and breadcrumbs — which increase click-through rates by up to 30%. It is supported by Google, Bing, and other major search engines.

How do I add Schema markup to Magento 2?

In Magento 2, add JSON-LD schema by placing the script block in your layout XML (default_head_blocks.xml) or directly in a .phtml template. Product schema can be added to catalog/product/view.phtml, and Organization/WebSite schema in the head block. The Hyvä theme makes this especially clean with its Alpine.js-based components.

How do I add Schema markup to Shopify?

In Shopify, add JSON-LD schema to your theme's theme.liquid file inside the tag, or use a dedicated schema snippet in the snippets folder and render it via include. Product schema can be dynamically generated using Liquid template variables.

How do I add Schema markup to WordPress?

In WordPress, you can add JSON-LD schema via the wp_head action hook in functions.php, using a dedicated plugin like Yoast SEO or RankMath (which generate it automatically), or by adding it directly to page templates. WooCommerce product pages benefit from Product and Offer schema.

What schema types give rich results in Google?

Schema types that qualify for Google rich results include: Product (price, availability, ratings in search), FAQPage (expandable Q&A under your result), BreadcrumbList (path shown under title), Article (publication date, author), LocalBusiness (map, hours, phone), and HowTo (step-by-step instructions).

Free Schema Markup Generator — JSON-LD Structured Data for Magento, Shopify & WordPress

Select Schema Type

Fill in Fields

Generated Code

How to Install

Product Name *Product name is required

Price *Price is required

Currency

Product URL *Product URL is required

Image URL

Description

SKU

Brand

Availability

Condition

Rating (0–5)

Review Count

JSON-LD Output — Ready to Copy

✏️

Fill in the required fields firstGo to the "Fill in Fields" tab, complete the starred (*) fields, then your JSON-LD will appear here.

Test your schema with Google's Rich Results Test or Schema.org Validator

Choose your platform to see installation instructions:

Magento 2

Shopify

WordPress

Plain HTML

Copy the generated JSON-LD code above.

In your Magento 2 theme, open or create app/design/frontend/Vendor/Theme/Magento_Theme/layout/default_head_blocks.xml

Add: <block class="Magento\Framework\View\Element\Template" name="schema.jsonld" template="Magento_Theme::schema.phtml"/> inside the <head> element.

Create app/design/frontend/Vendor/Theme/Magento_Theme/templates/schema.phtml and paste the script tag with your JSON-LD inside.

Run bin/magento cache:flush — then test with Google's Rich Results Test.

Copy the generated JSON-LD code above.

In Shopify Admin go to Online Store → Themes → Edit Code.

Open theme.liquid. Paste the script tag just before the closing </head> tag.

For product pages, use product.liquid instead and use Liquid variables like {{ product.title }} to make it dynamic.

Save and test with the Google Rich Results Test tool.

Copy the generated JSON-LD code above.

In your child theme's functions.php, add the schema via wp_head action hook.

Alternatively, paste directly into the page/post using a Custom HTML block in the Gutenberg editor.

For WooCommerce products, add to woocommerce/single-product.php in your child theme for dynamic values.

Save and test with Google's Rich Results Test. Use Yoast SEO or RankMath as an alternative for automated schema.

Copy the generated JSON-LD code above.

Paste it inside the <head> section of your HTML page — anywhere before </head>.

The <script type="application/ld+json"> tag is invisible to users and only read by search engines.

You can place multiple JSON-LD blocks on the same page — one for Organization, one for BreadcrumbList, etc.

Test your implementation at search.google.com/test/rich-results

Schema Markup Generator

Schema Markup Gives You Rich Results in Google — Free

Product Schema

FAQ Schema

BreadcrumbList

Organization

Article Schema

LocalBusiness

Schema Markup for Magento 2

Schema Markup for Shopify

Schema Markup for WordPress & WooCommerce

Free Tools to Grow Your eCommerce Store