JSON-LD Schema Generator
Pick a schema type, fill in the fields, and watch valid JSON-LD assemble live. Rich-result preview cards, multi-schema `@graph` mode, copy as `<script>` tag, and a one-click Test in Google Rich Results.
Schema type
Pick the one that best matches the page you're marking up.Article fields
Fill in the fields below. Required fields are marked.
Multiple schemas
Bundle additional schemas into the same @graph so a single <script> can cover everything on the page.
Nothing added yet. Pick a type above to compose a multi-entity graph.
Rich result preview
Approximation of how Google might render this entity. Final layout depends on Google's renderer.
Article
How we shipped JSON-LD in a single afternoon
Ada Lovelace · 2026-05-16
JSON-LD output
Drop this into your page's <head>. Multiple schemas merge into @graph automatically.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "How we shipped JSON-LD in a single afternoon",
"image": "https://dummyimage.com/1200x630/0f172a/ffffff&text=uxTools",
"author": {
"@type": "Person",
"name": "Ada Lovelace",
"url": "https://example.com/ada"
},
"datePublished": "2026-05-16",
"dateModified": "2026-05-17",
"publisher": {
"name": "uxTools",
"logo": "https://example.com/logo.png"
},
"description": "A short tour of the new structured data generator.",
"mainEntityOfPage": "https://example.com/blog/json-ld",
"wordCount": 820
}
</script>Open Google's Rich Results Test. We'll copy the JSON to your clipboard so you can paste it into the Code tab.