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.

Runs in browser

Use via MCP

Fields

Combine into @graph (0 saved)

headline

description

image

datePublished

ISO date.

author

url

Output

JSON-LDhtml

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": "Ada Lovelace"

12 },

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

14}

15</script>

Article · valid JSON-LD · 326 BheadlinePresent.imagePresent.datePublishedISO date.authorPresent.Rich Results Test

Use from your agent

Streamable HTTP at https://benchline.fabwaseem.com/mcp. No key. The tool name is build_json_ld.

mcp.jsonjson

2 "mcpServers": {

3 "benchline": {

4 "url": "https://benchline.fabwaseem.com/mcp"

5 }

6 }

tools/calljson

2 "jsonrpc": "2.0",

3 "id": 1,

4 "method": "tools/call",

5 "params": {

6 "name": "build_json_ld",

7 "arguments": {

8 "type": "Article",

9 "values": {}

10 }

11 }

12}

Related tools

How it works

Free JSON-LD schema markup generator. Build Article, BlogPosting, FAQPage, HowTo, Product, Organization, Person, LocalBusiness, BreadcrumbList, SoftwareApplication, WebSite, and Event schema, then copy the script tag or a Next.js component.

01
Choose a schema type
Pick Article, FAQ, HowTo, Product, Organization, Person, LocalBusiness, breadcrumbs, software, WebSite, or Event.
02
Fill the fields and fix warnings
Required fields are marked. The checklist flags missing recommended fields, broken URLs, and dates that are not ISO.
03
Paste the script into your page
Copy the script tag, the raw JSON, or the Next.js component and place it in the page head or body.