JSON-LD schema generator

Create valid JSON-LD structured data for common Schema.org types. Preview 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

Recent ratings and feedback from tool users

Need structured data implemented across your app?

I can implement schema across your Next.js or React app with validation, monitoring, and a process for evolving schema as content changes.

Most popular

Book a strategy call

A short call to map the workflow and next step

Book now

Send a project brief

Get a clear proposal within 24 hours

Send brief

Get the systems guide

Short guide on dashboards, automation, and execution planning

Related resources

Articles on structured data and rich results implementation