JSON-LD is Google's preferred way to mark up structured data for rich search results. Drop it in a <script type="application/ld+json"> tag in <head>. Validate with Google's Rich Results Test.
HTML
<!-- Article — rich result on Google Search + Google Discover -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "How We Cut Page Load Time in Half",
"image": ["https://example.com/blog/perf-wins/cover.png"],
"datePublished": "2025-03-12T08:00:00-05:00",
"dateModified": "2025-03-12T08:00:00-05:00",
"author": [{
"@type": "Person",
"name": "Alice Example",
"url": "https://example.com/authors/alice"
}],
"publisher": {
"@type": "Organization",
"name": "Example",
"logo": {"@type": "ImageObject", "url": "https://example.com/logo.png"}
}
}
</script>
<!-- Breadcrumbs — appears under URL in Google search results -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{"@type": "ListItem", "position": 1, "name": "Home", "item": "https://example.com/"},
{"@type": "ListItem", "position": 2, "name": "Blog", "item": "https://example.com/blog"},
{"@type": "ListItem", "position": 3, "name": "Perf Wins"}
]
}
</script>Save your own code snippets
Create a free account and build your private vault. Share publicly whenever you want.