How do I add JSON-LD to my website?

Copy the generated script tag and paste it in the section of your HTML page, or in the metadata export of your Next.js page component.

Schema Markup Generator

Generate JSON-LD structured data for Google rich results

SEO & ContentFREEYour data never leaves your browser

100% freeNo signupRuns in your browser

By WOWHOW Team

Schema Markup Generator is a free, browser-based tool that lets you generate json-ld structured data for google rich results — with zero signup, zero installation. Your data never leaves your browser. Part of 116+ free developer and business tools at wowhow.cloud, built and maintained by a team with 14+ years of hands-on development experience.

TOOLSchema Markup Generator

Article Fields

Headline *

Author

Date Published

Image URL

Description

Publisher Name

! Headline is required for Article schema

! Author is recommended for Article schema

! datePublished is recommended for Article schema

JSON-LD Output

{
  -600 font-medium">"@context": -600">"https://schema.org",
  -600 font-medium">"@type": -600">"Article",
  -600 font-medium">"author": {
    -600 font-medium">"@type": -600">"Person"
  },
  -600 font-medium">"publisher": {
    -600 font-medium">"@type": -600">"Organization"
  }
}

Test in Google Rich Results

About Schema Markup Generator

Structured data in JSON-LD format is one of the few direct levers webmasters have to influence how Google presents their pages in search results. Schema.org markup tells Google not just what a page is about, but what type of entity it represents — product, article, local business, event, recipe, or FAQ — and provides machine-readable attributes like price, rating, author, and operating hours. Correct implementation unlocks rich result eligibility, which consistently drives higher click-through rates than standard blue-link listings.

How It Works

JSON-LD structured data is a JavaScript object embedded in a <script type="application/ld+json"> tag in the page <head>. The object uses Schema.org vocabulary — a shared dictionary maintained by Google, Microsoft, Yahoo, and Yandex — to describe entities and their properties. Each schema type has required fields (which Google enforces for rich result eligibility) and recommended fields (which improve data quality and may unlock additional rich result features).

This generator provides a form interface for each supported schema type. As you fill fields, the JSON-LD output updates in real time with proper syntax — including nested objects, arrays for multiple values, and correct @context and @type declarations. The output is ready to copy directly into a <head> tag or a Next.js generateMetadata() return object.

Validation checks confirm that required fields are present and that data types match what Google expects (URLs must be valid URLs, dates must be in ISO 8601 format, prices must be numbers). A direct link to Google's Rich Results Test lets you paste the generated markup and confirm eligibility before deploying.

Who Is This For

An e-commerce developer adding Product schema with price, availability, and aggregate rating to 50 product pages to unlock Google Shopping integration.

A local restaurant owner generating LocalBusiness schema with opening hours, address, and cuisine type to appear in Google's knowledge panel and Maps results.

A content site adding FAQPage schema to 10 high-traffic articles so the FAQ accordions expand directly in Google search results, improving click-through rate.

A developer bootstrapping a HowTo schema block for a tutorial page to qualify for the step-by-step rich result format that displays instructions inline in search.

An event organizer adding Event schema with startDate, location, and ticket URL to ensure the event appears in Google's event-specific search features.

Scope note: Valid schema markup does not guarantee rich results — Google applies undisclosed quality thresholds and may not show rich results for pages it considers low-authority or thin. The tool validates structure and required fields but cannot predict whether Google will grant rich result eligibility for a specific page. Always confirm with Google's official Rich Results Test and monitor Search Console for status.

How to Use

Select your schema type — Article, Product, FAQ, LocalBusiness, or 7 other types

Fill in the relevant fields using the clean form interface

See the JSON-LD output update in real-time with syntax highlighting

Copy the script tag or test in Google Rich Results validator

Frequently Asked Questions

Schema.org is a vocabulary of structured data that helps search engines understand your content. Adding JSON-LD markup can enable rich results like star ratings, FAQ dropdowns, and recipe cards in Google search.

Article, Product, LocalBusiness, FAQPage, HowTo, Recipe, Event, Organization, Person, BreadcrumbList, and VideoObject — covering the most common rich result types.

Copy the generated script tag and paste it in the <head> section of your HTML page, or in the metadata export of your Next.js page component.

Yes. The tool checks for required and recommended fields per schema type and shows warnings for missing fields.

Rich results are enhanced Google search listings that display additional information beyond the standard blue link and description — including star ratings, recipe ingredients, event dates, FAQ dropdowns, and product prices. Google reads JSON-LD structured data in your page's <head> to determine eligibility. Not all pages with valid schema get rich results; Google applies quality thresholds, but valid markup is a prerequisite.

Google recommends JSON-LD because it lives in a single <script> block in the <head> and does not require modifying HTML attributes throughout the page. Microdata embeds properties directly in HTML elements, which makes it harder to maintain. RDFa is similarly invasive. JSON-LD is also easier to validate and update without touching the visible content of the page.

Yes. A page can include multiple JSON-LD <script> blocks or a single block with an @graph array. A recipe page might simultaneously use Recipe, BreadcrumbList, and VideoObject schema. An article might use Article, Author (Person), and FAQPage schema together. Google processes each type independently.

There is no fixed timeline. Google typically recrawls pages within days to weeks depending on crawl budget and site authority. After schema is detected and validated, Google takes additional time to decide whether to display rich results for that page. Use Google Search Console's Rich Results report to monitor status — it shows "Valid", "Valid with warnings", and "Error" states.

More Free Tools

View all

SEO & Content

Meta Tags & OG Preview

Preview how your site looks on Google, Twitter & more

Open tool

SEO & Content

Image Compressor

Compress, resize, watermark & convert images in bulk

Open tool

SEO & Content

Word & Character Counter

Count words, characters, and reading time

Open tool

SEO & Content

YouTube Earnings Calculator

Estimate your YouTube revenue by views and niche

Open tool

Need production-ready templates?

Browse premium developer tools, starter kits, and templates — starting at $49. Pay once, use forever.

Browse Products

{ -600 font-medium">"@context": -600">"https://schema.org", -600 font-medium">"@type": -600">"Article", -600 font-medium">"author": { -600 font-medium">"@type": -600">"Person" }, -600 font-medium">"publisher": { -600 font-medium">"@type": -600">"Organization" } }

About Schema Markup Generator