Free JSON-LD Generator
Pick a schema type, fill in the fields, copy the output. Generates valid JSON-LD markup for Article, Product, FAQ, HowTo, Organization, and LocalBusiness. Works for any framework — Next.js, Astro, SvelteKit, vanilla HTML.
ISO 8601 (YYYY-MM-DD)
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "How to Build a SaaS Pricing Page",
"description": "A complete guide to designing pricing pages that convert.",
"image": [
"https://example.com/og.png"
],
"author": {
"@type": "Person",
"name": "Jane Doe"
},
"datePublished": "2026-05-15",
"url": "https://example.com/blog/saas-pricing"
}
</script>Validate with Google's Rich Results Test before deploying.
What is JSON-LD?
JSON-LD (JavaScript Object Notation for Linked Data) is Google's preferred format for structured data. You embed a JSON block in a <script type="application/ld+json"> tag, describing your page using schema.org vocabulary. Search engines parse it to display rich results — FAQ accordions, star ratings, breadcrumbs, How-To steps — that have 30-50% higher click-through rates than plain blue links.