JSON-LD is a JSON format for schema.org facts. A script tag with type application/ld+json tells crawlers the page's type, author, dates, price, or questions without making them guess from the prose.

Where do I put the script tag?

In the page head or body. Google reads either. In the Next.js App Router, render it from a server component. One page can carry more than one script.

Does schema help AI search?

It makes entities and facts explicit and machine-readable, which helps a system that quotes the page. It does not guarantee a citation.

Which types get Google rich results in 2026?

Product, Article, Event, breadcrumbs, and software apps can still qualify when the required fields are present. FAQ rich results have been limited to authoritative government and health sites since 2023. HowTo rich results were removed. The markup is still valid.

How do I add JSON-LD in Next.js App Router?

Copy the Next.js snippet. It sets dangerouslySetInnerHTML to JSON.stringify(data) with < escaped as \u003c, so a string in your content cannot close the script tag.

Can I combine types on one page?

Yes. Turn on Combine into @graph, add each entity, and paste one script. A product page often wants Product plus BreadcrumbList.

JSON-LD schema generator

Fill a form, get valid schema.org JSON-LD for Article, FAQ, Product, Organization, and more.

In A schema type and the fields that type needs, including repeaters for FAQ, steps, and breadcrumbs./Out A script tag, raw JSON, a Next.js snippet, and a pass or warn checklist.

Runs locally

Rich Results Test

Type

Combine into @graph (0 saved)

headline

description

image

datePublished

author

url

Pass
headline
Present.
Pass
image
Present.
Pass
datePublished
ISO date.
Pass
author
Present.

JSON-LD

1<script type="application/ld+json">

3 "@context": "https://schema.org",

4 "@type": "Article",

5 "headline": "How a bench stays precise",

6 "description": "A short article.",

7 "image": "https://example.com/cover.png",

8 "datePublished": "2026-10-16",

9 "author": {

10 "@type": "Person",

11 "name": "Waseem Anjum"

12 },

13 "url": "https://example.com/article"

14}

15</script>

How to use it

1Choose a schema typePick Article, FAQ, HowTo, Product, Organization, Person, LocalBusiness, breadcrumbs, software, WebSite, or Event.
2Fill the fields and fix warningsRequired fields are marked. The checklist flags missing recommended fields, broken URLs, and dates that are not ISO.
3Paste the script into your pageCopy the script tag, the raw JSON, or the Next.js component and place it in the page head or body.