Generator

JSON-LD Generator

Build Schema.org structured data for Articles, Products, Events, FAQs, HowTos, Recipes, and more. Boost SEO and unlock Google Rich Results — all generated live in your browser.

Validation

Fill in the fields to generate JSON-LD structured data.

Output format

Output actions

Where to place it

Paste the <script type="application/ld+json"> snippet inside your page's <head>. One block per schema type per page.

Generated JSON-LD

Live preview — updates as you type. Runs entirely client-side.

How to use

Pick a schema type, fill in the fields, then copy the <script> block into your page's <head>.

Good for

SEO, Google Rich Results, AI search engines, knowledge panels, and social previews on Slack and Discord.

Privacy

All generation happens in your browser. No data is uploaded, logged, or stored anywhere.

About the JSON-LD Generator

The JSON-LD Generator builds Schema.org structured data in JSON-LD format — the markup Google, Bing, and AI search engines use to understand the meaning of your pages. It produces clean, validator-ready snippets you can drop straight into your HTML <head>.

  • 12 popular schema types: Article, Product, LocalBusiness, Organization, Person, Event, FAQPage, HowTo, BreadcrumbList, WebSite, Recipe, and VideoObject
  • Real-time live preview — JSON updates as you type
  • Three output formats: ready-to-paste <script> tag, pretty-printed JSON, or minified JSON
  • One-click "Test in Google" launches the Rich Results Test with your snippet pre-loaded
  • Sample data buttons for every schema type to learn the format quickly
  • Empty fields are automatically stripped, so the output stays clean
  • Runs entirely in your browser — nothing is uploaded or stored

How to Use the JSON-LD Generator

  1. 1

    Pick the schema type

    Choose the Schema.org type that matches the page you're marking up — for example, Article for a blog post, Product for a product page, or FAQPage for a Q&A section.

  2. 2

    Fill in the fields

    Fields marked with * are the ones Google requires or strongly recommends for Rich Results. Empty fields are silently omitted so your output stays compact.

  3. 3

    Pick an output format

    Default is the <script> tag — paste it directly into your HTML. Use Pretty JSON to embed via a CMS field, or Minified for production builds.

  4. 4

    Copy or download

    Use Copy for clipboard, Download to save the file, or Test in Google to validate the snippet in Google's Rich Results Test before deploying.

  5. 5

    Paste into your page

    Place the <script type="application/ld+json"> block in the <head> (or anywhere in the body — Google reads it from both). Re-validate, then deploy.

Tip: You can include multiple JSON-LD blocks per page — for example, BreadcrumbList + Article + FAQPage. Google reads them all.

Common Use Cases

Blog & News SEO

  • • Add Article schema for top stories and headline carousels
  • • Include author, publisher, and modified dates
  • • Pair with BreadcrumbList for category trails

E-commerce Rich Results

  • • Mark up Product pages with price, availability, and SKU
  • • Add AggregateRating for star snippets in search
  • • Enable Google Shopping eligibility

Local Businesses

  • • Show your hours and phone number in search
  • • Help Google Maps and "near me" rankings
  • • Increase store visit conversions

FAQ & HowTo Snippets

  • • Capture expanded FAQ blocks in SERPs
  • • Show step-by-step HowTo cards on mobile
  • • Lift CTR with more search real estate

Events & Webinars

  • • Surface upcoming events in Google's event carousel
  • • Mark events as in-person, online, or hybrid
  • • Add Offer for ticket pricing

Personal & Brand SEO

  • • Build a Knowledge Panel for your name or brand
  • • Connect social profiles via sameAs
  • • Add WebSite schema with a search box action

Frequently Asked Questions

What is JSON-LD and why does it matter for SEO?

JSON-LD (JavaScript Object Notation for Linked Data) is the format Google recommends for adding structured data to web pages. It tells search engines what your content means — not just what it says — so they can show enhanced results (stars, FAQs, breadcrumbs, event carousels, etc.) that lift click-through rates.

Where do I put the JSON-LD script on my page?

The recommended location is inside the <head> of your HTML. Google also reads JSON-LD from the <body>, so either works. You can include multiple blocks on the same page — for example, a BreadcrumbList plus an Article plus an FAQPage.

Which schema types does the generator support?

12 of the most-used Schema.org types for SEO: Article, Product, LocalBusiness, Organization, Person, Event, FAQPage, HowTo, BreadcrumbList, WebSite, Recipe, and VideoObject. Each maps to a Google-eligible Rich Result.

How do I validate my JSON-LD?

Click Test in Google to send your snippet directly to Google's Rich Results Test. You can also paste the output into the Schema.org validator for general schema validation.

Does adding JSON-LD guarantee Rich Results in Google?

No — JSON-LD makes your page eligible for Rich Results, but Google still decides whether to show them based on quality, content match, and your overall site authority. Valid markup is necessary but not sufficient.

What's the difference between FAQ schema and HowTo schema?

FAQ markup is for a list of independent question-and-answer pairs (e.g., "Frequently asked questions about shipping"). HowTo markup is for an ordered sequence of steps that complete a single task (e.g., "How to bake bread"). Pick whichever matches how your content is structured.

Why are some fields marked with an asterisk (*)?

Fields marked with * are either Google-required or strongly recommended for the Rich Result to display. Other fields are optional — they add detail but don't block eligibility if left empty.

Can I use multiple JSON-LD blocks on the same page?

Yes. Google supports multiple <script type="application/ld+json"> blocks per page. A typical product page might include Product + BreadcrumbList + Organization. Just make sure each block represents a different real-world thing on the page.

Is the JSON-LD I generate sent to any server?

No. The generator runs 100% in your browser using SvelteKit and client-side JavaScript. Nothing you type leaves your machine. The only outbound call is when you click Test in Google, which opens Google's Rich Results Test in a new tab with your snippet attached.