SEO tool
Schema Markup Generator
Generate valid JSON-LD structured data for FAQ, Article, Product, WebSite, BreadcrumbList, LocalBusiness, HowTo, and Review schema types. Copy the markup and paste it into your HTML, ready for Google’s Rich Results.
How to use this tool
- 1
Select the schema type that matches your content, FAQ for Q&A pages, Article for blog posts, Product for e-commerce items.
- 2
Enter your content details in the text area. Follow the placeholder format for best results.
- 3
Click 'Generate JSON-LD', the AI creates valid, Google-compliant structured data.
- 4
Copy the generated schema markup with the 'Copy Schema' button.
- 5
Paste the <script type="application/ld+json"> tag into your HTML <head> section.
- 6
Validate your markup using Google's Rich Results Test to ensure it qualifies for rich snippets.
Frequently asked questions
What is JSON-LD schema markup?
JSON-LD (JavaScript Object Notation for Linked Data) is the recommended format for adding structured data to web pages. It uses a script tag in your HTML to provide search engines with machine-readable information about your page content, such as FAQs, articles, products, and business details. Google, Bing, and other search engines use this data to generate rich results in search.
Which schema types does Google support for rich results?
Google shows rich results for types such as Article, Product, Review snippets, LocalBusiness, BreadcrumbList, Event, Recipe and VideoObject. FAQ and HowTo rich results have been retired (HowTo in 2023, FAQ in May 2026) and the sitelinks search box was removed in 2024, though the markup itself is still valid Schema.org. This generator covers the most commonly used types. Validate rich-result types with Google's Rich Results Test at search.google.com/test/rich-results, and anything else with validator.schema.org.
Where do I place JSON-LD schema markup in my HTML?
Place your JSON-LD schema markup inside a <script type="application/ld+json"> tag. Google recommends placing it in the <head> section, but it also works in the <body>. For Next.js and React apps, you can use dangerouslySetInnerHTML to inject it. The key requirement is that the JSON must be valid and the @context must be set to https://schema.org.
Markup ready. Build the full page
Canvas Builder builds a complete page with schema markup included.