DevTools Logo

Structured Data Generator

Structured Data Generator

Generate JSON-LD structured data for Articles, Products, and Breadcrumbs.

Schema Details

Select a type and fill in the details.

Examples

Generate Article JSON-LD

Input
Headline: Shipping Reliable APIs
Image: https://example.com/api-guide.png
Author: Avery Chen
Date published: 2026-07-23
Output
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Shipping Reliable APIs",
  "image": [
    "https://example.com/api-guide.png"
  ],
  "datePublished": "2026-07-23",
  "author": {
    "@type": "Person",
    "name": "Avery Chen"
  }
}
</script>

The image becomes a one-item array and the author is emitted as a nested Person object.

Generate Product JSON-LD

Input
Name: Developer Keyboard
Image: https://example.com/keyboard.png
Description: A compact mechanical keyboard.
Brand: KeyWorks
Price: 129.00
Currency: USD
Output
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Developer Keyboard",
  "image": [
    "https://example.com/keyboard.png"
  ],
  "description": "A compact mechanical keyboard.",
  "brand": {
    "@type": "Brand",
    "name": "KeyWorks"
  },
  "offers": {
    "@type": "Offer",
    "priceCurrency": "USD",
    "price": "129.00"
  }
}
</script>

Brand and Offer are nested objects, while price remains the exact string entered in the form.

Generate a two-item breadcrumb list

Input
Home URL: https://example.com
Category name: Guides
Category URL: https://example.com/guides
Output
<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": "Guides",
      "item": "https://example.com/guides"
    }
  ]
}
</script>

The generator fixes Home at position 1 and places the entered category at position 2.

About this tool

The Structured Data Generator creates JSON-LD script blocks for three schema shapes: Article, Product and BreadcrumbList. The preview updates as fields change and the copy button copies the complete application/ld+json script element for insertion into a page.

Article output includes headline, an optional one-item image array, datePublished and a Person author. Product output adds name, image, description, Brand and an Offer with price and currency. Breadcrumb output always contains two ListItems: a hard-coded Home item and one category item.

The form emits empty strings and arrays rather than validating or removing incomplete properties. It does not check URLs, prices, currency codes or schema requirements, so review the generated object and validate it against the consumer that will read it.

How to use

  1. Select a schema type

    Choose Article, Product or Breadcrumb. Changing the type clears the current form state.

  2. Fill in the visible fields

    Enter the URLs, names, date, description, brand, price or currency required by the selected form.

  3. Review the live script

    Inspect the two-space-indented JSON-LD inside the application/ld+json script wrapper and check every empty or defaulted value.

  4. Copy and validate

    Copy the complete script into the page head or body, then validate the deployed structured data before relying on it.

Use cases

Adding article metadata

Create a basic Article block for a documentation page, tutorial or editorial post.

Scaffolding product markup

Generate a Product, Brand and Offer structure before adding any properties required by the target integration.

Publishing a simple category breadcrumb

Create the fixed Home-to-category BreadcrumbList used by a two-level page hierarchy.

Learning JSON-LD structure

Compare form fields with nested JSON-LD objects and arrays while prototyping structured metadata.

Common mistakes

Mistake:Publishing empty strings and arrays without review.

Fix:Fill required fields and remove or extend incomplete properties before deploying the script.

Mistake:Assuming the generator validates URLs, dates, prices or currencies.

Fix:Validate each value and the final JSON-LD with an appropriate external validator or consumer.

Mistake:Expecting Breadcrumb mode to support an arbitrary hierarchy.

Fix:Use it only for the fixed Home plus category shape, or edit itemListElement manually for longer trails.

Mistake:Copying only the visible JSON when the page integration expects a script element.

Fix:Use the copy button, which copies the complete application/ld+json wrapper shown in the output.

Frequently asked questions

Related guides

Schema.org JSON-LD Structured Data: Boosting Google Rich Results

A complete guide to adding JSON-LD structured data for Articles, FAQs, Software Applications, Organizations, and Breadcrumbs.

References & standards

Related tools

Address Generator

Generate realistic addresses in the correct format for 21 countries — single-line, multi-line, JSON or HTML — plus a postcode validator. Test data only, runs in your browser.

ASCII Text Art Generator

Turn text into large ASCII art banners with multiple figlet fonts

Credit Card Generator

Generate Luhn-valid test credit card numbers for development and QA (not real cards)

Driver's License Generator

Generate driver's license numbers in the correct format for 21 countries and all 50 US states, plus a format and Luhn validator — test data only, runs in your browser.

Email Signature Generator

Build a clean, cross-client HTML email signature — name, title, company, and contact links with an accent color and a live preview

Favicon Generator

Generate favicons (16x16, 32x32) from any image.