Open Graph Generator
Contact Us
Back to Blog
JSON-LDSchema.orgExamplesSEO

JSON-LD Examples: Master Collection of Structured Data Snippets

Comprehensive library of Schema.org JSON-LD examples for WebSites, Local Businesses, Events, Recipes, Videos, and SaaS Applications in 2026.

SS
Sanjay Samanta•March 14, 2026
11 min read

Structured data markup is essential for transforming standard search listings into high-converting Rich Results. Whether you run an ecommerce store, a software company, a local business, or a culinary blog, having ready-to-use, validated Schema.org JSON-LD snippets saves development time and ensures 100% compliance with Google Search Central guidelines.

In this master reference library, you will find tested JSON-LD snippets across major industry categories, complete with property explanations and instant customization tools using our JSON-LD Schema Generator and Schema Inspector.

1. Event Schema (Conferences, Webinars & Concerts)

The Event schema displays event dates, venue locations, ticket pricing, and booking links directly on Google Search and Google Events.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Event",
  "name": "Global Web Performance Summit 2026",
  "startDate": "2026-06-15T09:00:00-07:00",
  "endDate": "2026-06-16T18:00:00-07:00",
  "eventAttendanceMode": "https://schema.org/MixedEventAttendanceMode",
  "eventStatus": "https://schema.org/EventScheduled",
  "location": [
    {
      "@type": "Place",
      "name": "Moscone Center",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "747 Howard St",
        "addressLocality": "San Francisco",
        "postalCode": "94103",
        "addressRegion": "CA",
        "addressCountry": "US"
      }
    },
    {
      "@type": "VirtualLocation",
      "url": "https://example.com/livestream"
    }
  ],
  "image": [
    "https://example.com/event-banner-16x9.jpg"
  ],
  "description": "The premier conference on frontend web performance, edge computing, and web vitals.",
  "offers": {
    "@type": "Offer",
    "url": "https://example.com/tickets",
    "price": "399",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock",
    "validFrom": "2026-01-01T00:00:00Z"
  },
  "organizer": {
    "@type": "Organization",
    "name": "WebPerf Alliance",
    "url": "https://example.com"
  }
}
</script>

2. Recipe Schema (Culinary Rich Snippets)

The Recipe schema displays prep time, calorie counts, ingredient lists, and cooking steps in Google Recipe carousels.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Recipe",
  "name": "Authentic Neapolitan Sourdough Pizza",
  "image": "https://example.com/pizza.jpg",
  "author": {
    "@type": "Person",
    "name": "Chef Marco Rossi"
  },
  "datePublished": "2026-02-10",
  "description": "Learn the traditional 72-hour cold fermentation method for wood-fired Neapolitan pizza.",
  "prepTime": "PT30M",
  "cookTime": "PT90S",
  "totalTime": "PT72H",
  "recipeYield": "4 pizzas",
  "recipeCategory": "Main Course",
  "nutrition": {
    "@type": "NutritionInformation",
    "calories": "650 calories"
  },
  "recipeIngredient": [
    "1000g Type 00 Flour",
    "650ml Cold Water",
    "28g Sea Salt",
    "50g Active Sourdough Starter"
  ],
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.9",
    "reviewCount": "412"
  }
}
</script>

3. VideoObject Schema (Video Search & Key Moments)

The VideoObject schema enables video search carousels and timestamps in Google Search.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "VideoObject",
  "name": "How to Build an AST Parser in TypeScript",
  "description": "A comprehensive deep dive into compiler construction and abstract syntax trees.",
  "thumbnailUrl": [
    "https://example.com/video-thumb.jpg"
  ],
  "uploadDate": "2026-03-01T08:00:00Z",
  "duration": "PT15M30S",
  "contentUrl": "https://example.com/video.mp4",
  "embedUrl": "https://example.com/embed/12345"
}
</script>

4. SoftwareApplication Schema (Web Tools & SaaS)

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "SoftwareApplication",
  "name": "Open Graph Generator & Meta Auditor",
  "operatingSystem": "Web",
  "applicationCategory": "DeveloperApplication",
  "offers": {
    "@type": "Offer",
    "price": "0",
    "priceCurrency": "USD"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.96",
    "ratingCount": "2150"
  }
}
</script>

Validating Your JSON-LD Snippets

  • Syntax & Field Checking: Verify your markup with our Schema Inspector.
  • Format Conversion: Translate between Microdata and JSON-LD with our Schema Translator.
  • Meta & Head Auditing: Inspect page headers and canonical links with our Head Auditor.
  • AI Knowledge Context: Provide deterministic code structure to AI agents with our OKF Generator.

Scaffold and customize production-ready structured data with our free JSON-LD Schema Generator!

Advanced Schema.org Entity Graph Architecture

In modern semantic search, search engines like Google and Bing evaluate websites not as disconnected pages, but as connected Knowledge Graphs. By linking entities using standardized @id Uniform Resource Identifiers inside a single @graph block, you provide unambiguous semantic relationships that elevate your domain’s E-E-A-T (Experience, Expertise, Authoritativeness, and Trustworthiness) authority signals.

<!-- Full Enterprise Knowledge Graph in JSON-LD -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Organization",
      "@id": "https://opengraphgenerator.com/#organization",
      "name": "Open Graph Generator",
      "url": "https://opengraphgenerator.com/",
      "logo": {
        "@type": "ImageObject",
        "@id": "https://opengraphgenerator.com/#logo",
        "url": "https://opengraphgenerator.com/images/logo.png",
        "width": 512,
        "height": 512,
        "caption": "Open Graph Generator Logo"
      },
      "sameAs": [
        "https://twitter.com/OpenGraphGen",
        "https://github.com/sanjaysamanta/opengraphgenerator",
        "https://linkedin.com/company/open-graph-generator"
      ]
    },
    {
      "@type": "WebSite",
      "@id": "https://opengraphgenerator.com/#website",
      "url": "https://opengraphgenerator.com/",
      "name": "Open Graph Generator",
      "description": "Free developer tools to generate, preview, and audit Open Graph, Twitter Cards, and Schema.org JSON-LD tags.",
      "publisher": {
        "@id": "https://opengraphgenerator.com/#organization"
      },
      "inLanguage": "en-US"
    },
    {
      "@type": "Person",
      "@id": "https://opengraphgenerator.com/authors/sanjay-samanta/#author",
      "name": "Sanjay Samanta",
      "jobTitle": "Principal Software Architect",
      "worksFor": {
        "@id": "https://opengraphgenerator.com/#organization"
      },
      "sameAs": [
        "https://github.com/sanjaysamanta",
        "https://twitter.com/sanjaysamanta"
      ]
    },
    {
      "@type": "WebPage",
      "@id": "https://opengraphgenerator.com/#webpage",
      "url": "https://opengraphgenerator.com/",
      "name": "Technical SEO & Social Graph Toolkit",
      "isPartOf": {
        "@id": "https://opengraphgenerator.com/#website"
      },
      "about": {
        "@id": "https://opengraphgenerator.com/#organization"
      },
      "breadcrumb": {
        "@id": "https://opengraphgenerator.com/#breadcrumb"
      }
    },
    {
      "@type": "BreadcrumbList",
      "@id": "https://opengraphgenerator.com/#breadcrumb",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Home",
          "item": "https://opengraphgenerator.com/"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Tools",
          "item": "https://opengraphgenerator.com/tools/"
        }
      ]
    }
  ]
}
</script>

Dynamic Server-Side Integration Across Modern Frameworks

1. Next.js App Router Dynamic Schema Component

// components/JsonLd.tsx
interface JsonLdProps {
  data: Record<string, any>;
}

export function JsonLd({ data }: JsonLdProps) {
  return (
    <script
      type="application/ld+json"
      dangerouslySetInnerHTML={{
        __html: JSON.stringify(data).replace(/</g, '\u003c'), // XSS Protection
      }}
    />
  );
}

// app/blog/[slug]/page.tsx
export default async function BlogPostPage({ params }) {
  const post = await fetchPost(params.slug);

  const articleSchema = {
    '@context': 'https://schema.org',
    '@type': 'BlogPosting',
    headline: post.title,
    description: post.excerpt,
    datePublished: post.publishedAt,
    dateModified: post.updatedAt,
    author: {
      '@type': 'Person',
      name: post.authorName,
      url: `https://example.com/authors/${post.authorSlug}/`,
    },
    publisher: {
      '@type': 'Organization',
      name: 'Open Graph Generator',
      logo: 'https://opengraphgenerator.com/images/logo.png',
    },
  };

  return (
    <>
      <JsonLd data={articleSchema} />
      <article>
        <h1>{post.title}</h1>
        <div>{post.content}</div>
      </article>
    </>
  );
}

2. Astro Layout with Set:html Sanitization

---
interface Props {
  schema: Record<string, any>;
}

const { schema } = Astro.props;
---
<head>
  <script type="application/ld+json" set:html={JSON.stringify(schema)} />
</head>

Common Schema.org Mistakes & Debugging Checklist

Validation Failure Root Cause Developer Fix
Unescaped Quotes in JSON Raw " inside headline or description strings Sanitize with JSON.stringify() or escape internal quotes (\").
Invalid Date Formats Using human dates (e.g. March 24, 2026) Use ISO 8601 timestamps: 2026-03-24T08:00:00Z.
Missing Image Dimensions Single image URL without dimensions Provide high-res multi-ratio images (16x9, 4x3, 1x1).
Broken Currency Formats $49.99 with dollar symbol in price field Use numeric string "price": "49.99" with "priceCurrency": "USD".
Mixed Microdata & JSON-LD Duplicated entity declarations causing conflicts Remove legacy Microdata attributes using Schema Translator.

The AI Search Engine Revolution: Sourcing Answers with Structured Data

As search behavior shifts toward AI-powered answer engines (ChatGPT Search, Perplexity AI, Claude Search, Google AI Overviews), the role of structured data has expanded from visual Rich Snippets to Knowledge Ingestion:

  • AI crawlers use Schema.org JSON-LD to verify factual attributes (pricing, software requirements, authors, release dates) with 100% precision.
  • Clear semantic graphs reduce AI hallucinations and increase the probability of your domain being cited as a primary source.
  • Learn more in our dedicated guide on Meta Tags for AI Search Engines (ChatGPT & Perplexity).

For software engineering repositories, explore how structured codebase context is maintained for AI coding agents using our Open Knowledge Format (OKF) Generator and read the OKF Developer Guide.

Verification & Tool Ecosystem

  1. Scaffold Structured Data: Build verified markup with our JSON-LD Schema Generator.
  2. Inspect Live URLs: Test live pages for syntax errors and missing fields with our Schema Inspector.
  3. Format Translation: Convert Microdata and RDFa into JSON-LD with our Schema Translator.
  4. Social Sharing Synergy: Pair your schema with high-CTR social preview cards using our Open Graph Generator and Twitter Card Generator.

Build, test, and validate production-ready JSON-LD schema with our free JSON-LD Schema Generator today!

More Articles
Advertisement

Related Articles

application/ld+json Explained: MIME Types, Syntax, and Search Engines

11 min read

Does Open Graph Help SEO?

6 min read

How to Create JSON-LD: Step-by-Step Developer Tutorial

11 min read