Open Graph Generator
Contáctenos
Back to Blog
JSON-LDSchema.orgStructured DataSEO

Schema.org JSON-LD Examples: 10 Essential Rich Snippet Templates

Master Schema.org JSON-LD structured data. Copy 10 production-ready templates for Articles, Products, FAQs, Organizations, Breadcrumbs, and Software.

SS
Sanjay Samanta•March 24, 2026
12 min read

Structured data using Schema.org JSON-LD is the foundational language search engines like Google, Bing, Yandex, and AI answer engines (ChatGPT Search, Perplexity, Google AI Overviews) use to understand web content. By adding structured JSON-LD scripts to your HTML <head>, you unlock eye-catching Rich Results—including review stars, pricing badges, FAQ accordions, author bios, and sitelink search boxes.

In this comprehensive developer reference, you will find 10 production-ready, validated JSON-LD schema examples across common website patterns, complete with implementation rules, common mistakes to avoid, and instant validation tools using our free JSON-LD Schema Generator and Schema Inspector.

1. Organization & Brand Schema (Sitewide Knowledge Graph)

The Organization schema establishes your brand’s entity identity in Google’s Knowledge Graph, associating your official logo, social profiles, and contact channels.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "@id": "https://opengraphgenerator.com/#organization",
  "name": "Open Graph Generator",
  "url": "https://opengraphgenerator.com/",
  "logo": {
    "@type": "ImageObject",
    "url": "https://opengraphgenerator.com/images/logo.png",
    "width": 512,
    "height": 512
  },
  "sameAs": [
    "https://twitter.com/OpenGraphGen",
    "https://github.com/sanjaysamanta/opengraphgenerator",
    "https://linkedin.com/company/open-graph-generator"
  ],
  "contactPoint": {
    "@type": "ContactPoint",
    "contactType": "customer support",
    "email": "support@opengraphgenerator.com",
    "availableLanguage": ["English", "Spanish", "French", "German"]
  }
}
</script>

2. Article & BlogPosting Schema (Google Discover & Top Stories)

The Article and BlogPosting schemas enable rich search features in Google Search results and qualify news stories for Google Discover carousels.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "@id": "https://opengraphgenerator.com/blog/schema-org-json-ld-examples/#article",
  "headline": "Schema.org JSON-LD Examples: 10 Essential Rich Snippet Templates",
  "description": "Master Schema.org JSON-LD structured data with 10 production-ready templates for Articles, Products, FAQs, and Software.",
  "image": [
    "https://opengraphgenerator.com/images/schema-guide-16x9.jpg",
    "https://opengraphgenerator.com/images/schema-guide-4x3.jpg",
    "https://opengraphgenerator.com/images/schema-guide-1x1.jpg"
  ],
  "datePublished": "2026-03-24T08:00:00+00:00",
  "dateModified": "2026-03-24T10:30:00+00:00",
  "author": {
    "@type": "Person",
    "name": "Sanjay Samanta",
    "url": "https://opengraphgenerator.com/authors/sanjay-samanta/"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Open Graph Generator",
    "logo": {
      "@type": "ImageObject",
      "url": "https://opengraphgenerator.com/images/logo.png"
    }
  },
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://opengraphgenerator.com/blog/schema-org-json-ld-examples/"
  }
}
</script>

[!TIP] Google explicitly recommends providing multiple image aspect ratios (16x9, 4x3, 1x1) in Article schema to ensure high-resolution rendering across different mobile and desktop device form factors.

3. Product & Offer Schema (Ecommerce Rich Results)

The Product schema displays price, currency, availability (in stock / out of stock), and aggregated customer reviews directly on the SERP.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Ergonomic Mechanical Developer Keyboard",
  "image": "https://example.com/images/keyboard.jpg",
  "description": "Hot-swappable mechanical keyboard with programmable OLED screen and wireless connectivity.",
  "sku": "KB-PRO-2026",
  "mpn": "928374829",
  "brand": {
    "@type": "Brand",
    "name": "DevGear"
  },
  "offers": {
    "@type": "Offer",
    "url": "https://example.com/products/keyboard/",
    "priceCurrency": "USD",
    "price": "189.99",
    "priceValidUntil": "2026-12-31",
    "itemCondition": "https://schema.org/NewCondition",
    "availability": "https://schema.org/InStock",
    "seller": {
      "@type": "Organization",
      "name": "DevGear Store"
    }
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.9",
    "reviewCount": "342",
    "bestRating": "5",
    "worstRating": "1"
  }
}
</script>

4. FAQPage Schema (Search Accordion Expansion)

The FAQPage schema turns frequently asked questions into interactive collapsible accordions in search results, increasing your visual snippet size.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "What is the best format for structured data in 2026?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "JSON-LD (JavaScript Object Notation for Linked Data) is officially recommended by Google over Microdata and RDFa because it decouples structured data from HTML presentation markup."
      }
    },
    {
      "@type": "Question",
      "name": "Where should JSON-LD script tags be placed in HTML?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "JSON-LD scripts should ideally be placed inside the HTML <head> tag, although Google Search parses JSON-LD scripts located anywhere in the HTML document body."
      }
    }
  ]
}
</script>

5. SoftwareApplication & WebApplication Schema (SaaS Tools)

For web tools, mobile applications, and SaaS platforms, WebApplication schema communicates rating scores, pricing models, and browser requirements:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebApplication",
  "name": "Open Graph Generator",
  "url": "https://opengraphgenerator.com/",
  "applicationCategory": "DeveloperApplication",
  "operatingSystem": "All",
  "browserRequirements": "Requires JavaScript. Requires HTML5.",
  "offers": {
    "@type": "Offer",
    "price": "0",
    "priceCurrency": "USD"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.95",
    "ratingCount": "1280"
  }
}
</script>

6. BreadcrumbList Schema (Hierarchical Navigation)

The BreadcrumbList schema replaces raw, ugly query URLs in Google Search results with clean, hierarchical path breadcrumbs (e.g. Home > Tools > Schema Generator).

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://opengraphgenerator.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Tools",
      "item": "https://opengraphgenerator.com/tools/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "JSON-LD Schema Generator",
      "item": "https://opengraphgenerator.com/tools/json-ld-schema-generator/"
    }
  ]
}
</script>

7. LocalBusiness Schema (Google Maps & Local Pack)

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "name": "Apex Engineering Labs",
  "image": "https://example.com/storefront.jpg",
  "@id": "https://example.com/#local",
  "url": "https://example.com/",
  "telephone": "+1-800-555-0199",
  "priceRange": "$$",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "100 Innovation Way, Suite 400",
    "addressLocality": "San Francisco",
    "addressRegion": "CA",
    "postalCode": "94105",
    "addressCountry": "US"
  },
  "geo": {
    "@type": "GeoCoordinates",
    "latitude": 37.7749,
    "longitude": -122.4194
  },
  "openingHoursSpecification": [
    {
      "@type": "OpeningHoursSpecification",
      "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
      "opens": "09:00",
      "closes": "18:00"
    }
  ]
}
</script>

8. How-To Schema (Step-by-Step Rich Guides)

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "How to Validate Open Graph Tags in 3 Minutes",
  "description": "A quick developer tutorial on inspecting social media preview tags.",
  "totalTime": "PT3M",
  "step": [
    {
      "@type": "HowToStep",
      "name": "Open the Inspector",
      "text": "Navigate to the Open Graph Inspector tool.",
      "url": "https://opengraphgenerator.com/tools/open-graph-inspector/"
    },
    {
      "@type": "HowToStep",
      "name": "Enter Target URL",
      "text": "Paste your production webpage URL into the live audit input."
    },
    {
      "@type": "HowToStep",
      "name": "Audit Previews",
      "text": "Verify image aspect ratios and character truncation across all social platforms."
    }
  ]
}
</script>

9. Course & Educational Schema

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Course",
  "name": "Full-Stack Technical SEO & Metadata Masterclass",
  "description": "Learn Open Graph, Twitter Cards, Schema.org JSON-LD, and Next.js metadata optimization.",
  "provider": {
    "@type": "Organization",
    "name": "Open Graph Generator Academy",
    "sameAs": "https://opengraphgenerator.com/"
  }
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "url": "https://opengraphgenerator.com/",
  "name": "Open Graph Generator",
  "potentialAction": {
    "@type": "SearchAction",
    "target": {
      "@type": "EntryPoint",
      "urlTemplate": "https://opengraphgenerator.com/search?q={search_term_string}"
    },
    "query-input": "required name=search_term_string"
  }
}
</script>

JSON-LD vs. Microdata vs. RDFa

Feature JSON-LD (Recommended) Microdata RDFa
Google Recommendation ⭐ Official Primary Standard Legacy Legacy
Separation of Concerns Decoupled in <script> tag Inlined inside HTML DOM attributes Inlined inside HTML attributes
Maintenance Cost Low (Easy to edit without breaking UI) High (Breaking HTML tags breaks schema) High
Dynamic SSR / SPA Support Excellent (Native JSON object) Hard to construct dynamically Hard

Read our detailed architectural comparison: JSON-LD vs Microdata: Which is Better for SEO?.

How to Test and Validate Schema.org JSON-LD

  1. Test with Schema Inspector: Use our Schema Inspector to validate JSON syntax and verify required Schema.org fields.
  2. Translate Schema Formats: Convert between Microdata, RDFa, and JSON-LD with our Schema Translator.
  3. Audit Head Tags: Check meta tags and canonical headers with our Head Auditor.
  4. AI Coding Agent Context: When building AI agent workflows for your codebase, structure repository entities with the Open Knowledge Format (OKF) Generator and read our OKF Developer Guide.

Generate and validate your structured data in seconds with our free JSON-LD Schema Generator!

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