ModernCalcs

JSON-LD Schema Generator

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article"
}
</script>

Copy the <script> tag and paste it into the <head> section of your HTML. Blank fields are omitted from the output.

JSON-LD Generator: Add Structured Data to Earn Google Rich Results

Structured data tells search engines exactly what your page is about — not just the text, but the semantics. A recipe page with JSON-LD gets cooking time and star ratings in search results. A product page gets prices. An FAQ page gets expandable answers. This generator produces ready-to-paste JSON-LD for eight common schema.org types, with no schema knowledge required.

Formula
<!-- Paste in your HTML <head> --> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "How do I add JSON-LD?", "acceptedAnswer": { "@type": "Answer", "text": "Paste inside a <script type=\"application/ld+json\"> tag in <head>." } } ] } </script>

FAQPage structured data makes Google display expandable FAQ answers directly in search results, increasing click-through rate.

Which Schema Type Should You Use?

Article: any blog post, tutorial, or news article. Product: e-commerce product pages. Person: author bios, team member profiles, speaker pages. Organization: company about pages, nonprofit pages. Event: concerts, webinars, workshops, conferences. FAQPage: any page with a question-and-answer section (support docs, landing pages, product pages). BreadcrumbList: navigation breadcrumbs shown in the search result snippet. WebSite: site-level metadata and a sitelinks search box in Google.

How Google Uses Structured Data

Google crawls structured data as part of its indexing pipeline. When it finds valid schema.org markup that matches visible page content, it uses it to generate rich results. FAQPage markup can generate FAQ dropdowns in mobile search. Product markup can generate price/availability/rating snippets. Event markup shows date and location. BreadcrumbList replaces the URL with readable breadcrumbs in the result. Rich results are not guaranteed — Google uses them when it trusts the page.

Common Mistakes to Avoid

Marking up content that is not visible on the page (Google penalizes this). Using the wrong schema type (a blog post is Article, not Product). Missing required properties — each schema type has required fields that must be present for a rich result. Using incorrect date formats (must be ISO 8601: 2024-01-15T19:00:00). Putting the script tag in the body instead of the head. Testing only with a validator but not checking Google Search Console after deployment.

Supported Schema Types

  • Article — blog posts, news, tutorials
  • Product — price, availability, rating
  • Person — author, team member profiles
  • Organization — company, nonprofit
  • Event — date, location, organizer
  • FAQPage — question and answer pairs
  • BreadcrumbList — navigation path
  • WebSite — site metadata, search

Frequently Asked Questions

What is JSON-LD and why does it matter for SEO?

JSON-LD (JavaScript Object Notation for Linked Data) is a method of encoding structured data using JSON. Google, Bing, and other search engines use structured data to understand the content of your pages and display rich results — star ratings, event dates, FAQ dropdowns, breadcrumbs, and product prices in search results. JSON-LD is Google's preferred format and is placed in a . In Next.js, use next/script with strategy='beforeInteractive' or put it directly in your layout.tsx. In React, use dangerouslySetInnerHTML in a