JSON-LD schema generator

Create valid structured data for popular Schema.org types. Fill in the fields, preview JSON-LD, and copy a ready-to-paste script tag.

Configure schema

Page
Items

Generated code

Add inside the <head> of your HTML (server template or static file). For SPA setups, prefer SSR/SSG or a prerender step so scrapers see the script tag.
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "What is your refund policy?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "We offer a 30‑day refund window."
      }
    }
  ],
  "url": "https://example.com/faq",
  "name": "Frequently asked questions"
}
</script>

Frequently asked questions

Answers about Schema.org types, JSON-LD formatting, where to place scripts in Next.js or React, and common validation issues.

Render the <script type="application/ld+json"> inside your route component (App Router). For site‑wide entities like Organization or WebSite, place it in app/layout.tsx. Next.js renders this on the server so crawlers see it.

Recommended. Many crawlers do not execute client‑only rehydration. Use SSR/SSG or static export to ensure JSON‑LD is present in the initial HTML.

FAQPage is for question/answer lists. HowTo is for step-by-step instructions with actions or materials. Article/BlogPosting is for editorial content with author, dates and optional images. Avoid mixing types on a single page unless all content is present and visible to users.

Use Google Rich Results Test and Schema.org validator. Watch for absolute https URLs, ISO date formats (YYYY-MM-DD), and correct SearchAction template with {search_term_string}.

Use Organization for company websites (with logo and sameAs). Use Person for personal sites or author pages. You can include both when appropriate (e.g., Article with Person author and Organization publisher).

User reviews

Loading reviews...

Need help implementing at scale?

I can wire correct structured data across your Next.js or React app with validation, monitoring and schema evolution handled.

MOST POPULAR

Book Strategy Call

Free 30-minute consultation to discuss your project

Book Now

Send Project Brief

Get a detailed project quote within 24 hours

Send Brief

Download Guide

Free guide: "Essential Web Development Guide"

Related resources

Deep dives on structured data, rich results, and production-ready JSON-LD patterns for Next.js and React.

Stay updated on structured data patterns

Weekly notes on JSON-LD, schema changes, and production-ready patterns for modern frameworks.