Texterfly
Back to SEO Content Tools

Schema Markup Generator (JSON-LD)

Generate valid structured data for 9 schema types — FAQ, Article, Product, How-To, Event, Local Business, Breadcrumb, Video, and Person. Copy and paste into your page's head.

9 Schema TypesReal-Time JSON-LDGoogle Rich Results ReadyBreadcrumbListVideoObject100% FreeNo Signup
Schema Markup Generator Test with Google

Pro Tip

Questions and answers must be visible on the page — Google will not show FAQ rich results for hidden or dynamically-loaded content.

Support Our Free Tools

If you find this calculator helpful, please consider supporting our work. Your contribution helps us build and maintain these free tools for everyone.

Buy me a coffee

What Is Schema Markup?

Schema markup (also called structured data) is code you add to a webpage to help search engines understand its content — not just the words, but their meaning. Google uses it to display rich results: FAQ dropdowns, star ratings, event dates, recipe cards, and product prices directly in search results.

This generator outputs clean JSON-LD — Google's recommended format — which you paste into your page's <head> without touching any visible HTML.

📈

Higher Click-Through Rates

Rich results are larger and more visual. Studies consistently show 20–30% CTR improvements over plain blue links.

🎯

More SERP Real Estate

FAQ dropdowns and How-To steps expand your result to 3–5× the normal height, pushing competitors down the page.

🤖

Stronger Entity Understanding

Schema helps Google connect your content to real-world entities, improving topical authority and E-E-A-T signals.

All 9 Schema Types — When to Use Each

❓

FAQ Page

Shows expandable Q&A directly in search results. One of the most effective types for capturing extra SERP space and increasing CTR on informational pages.

📰

Article

Marks up blog posts, news articles, and editorial content. Enables Top Stories carousel placement and displays author and publish date in results.

🏢

Local Business

Displays business name, address, phone, hours, and price range in Knowledge Panels. Essential for any business with a physical location.

🔧

How-To

Renders step-by-step instructions with images in Google Search. Drives highly engaged traffic from users actively looking to complete a task.

🛒

Product

Shows price, availability, and star ratings directly in search results and Google Shopping. Critical for e-commerce and product review pages.

📅

Event

Displays event name, date, location, and attendance mode in search results. Includes virtual/hybrid event support.

👤

Person

Establishes author entity connections. Strengthens E-E-A-T signals by linking content to a verified person with social profiles.

🍞

Breadcrumb

Replaces the raw URL with a readable path in search results. Improves CTR and helps users understand page hierarchy.

🎬

Video

Enables video thumbnails, duration, and upload date in search results. Makes video content significantly more visible in Google Video.

How to Use This Schema Generator

  1. 1

    Select a schema type

    Click one of the 9 type buttons. The form updates instantly to show the relevant fields.

  2. 2

    Fill in the properties

    Complete the form fields. The JSON-LD output updates live in the code panel on the right as you type.

  3. 3

    Copy the generated JSON-LD

    Click Copy when done. The full script block is copied to your clipboard — ready to paste.

  4. 4

    Paste into your page

    Add the script block inside the <head> of your page. In Next.js, use dangerouslySetInnerHTML in your layout. In WordPress, use RankMath, Yoast, or a header injection plugin.

  5. 5

    Validate with Google

    Click "Test with Google" to open the Rich Results Test. Confirm your page is eligible for rich results before publishing.

Where to Add JSON-LD in Different Platforms

Next.js

// layout.tsx or page.tsx
<script
  type="application/ld+json"
  dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
/>

WordPress

// functions.php
add_action('wp_head', function() {
  echo '<script type="application/ld+json">';
  echo json_encode($schema);
  echo '</script>';
});

Plain HTML

<!-- Before </head> -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  ...
}
</script>

Frequently Asked Questions

What is schema markup?
Schema markup (structured data) is code added to a webpage that helps search engines understand the content's meaning — not just its words. Google uses it to display rich results like FAQ dropdowns, star ratings, event dates, and product prices directly in search results.
Why does Google recommend JSON-LD?
JSON-LD is injected as a single block of code in the <head> or <body> without touching your visible HTML. This makes it far easier to implement, update, and validate than older formats like Microdata or RDFa which require wrapping individual HTML elements.
Where do I paste the generated code?
Paste the <script type="application/ld+json"> block inside the <head> section of the specific page it applies to. In Next.js, use dangerouslySetInnerHTML inside a <script> tag in your layout or page component. In WordPress, use RankMath, Yoast, or paste via a header injection plugin.
Does schema markup guarantee rich snippets?
No. Valid schema makes your page eligible for rich results, but Google decides whether to display them based on query relevance, content quality, and user context. Correct implementation is the required first step — pages without schema are never eligible.
What is the most important schema type for my site?
It depends on your content. Blogs: Article + FAQPage. Local businesses: LocalBusiness. E-commerce: Product. Tutorial sites: HowTo. Any site benefits from BreadcrumbList. If unsure, start with FAQPage — it's one of the fastest ways to win more SERP real estate.
Can I use multiple schema types on one page?
Yes. Use a @graph array to combine multiple schema types on one page. For example, a product page might include Product, BreadcrumbList, and FAQPage schema in a single JSON-LD block.
How do I validate my schema markup?
Use the Google Rich Results Test (search.google.com/test/rich-results) to check rich result eligibility. For broader validation, use the Schema Markup Validator at validator.schema.org.
Will adding schema improve my rankings?
Schema is not a direct ranking factor, but it improves click-through rates by making your result more visually prominent. Higher CTR is a behavioural signal Google uses — and richer results drive more qualified traffic, both indirectly improving rankings over time.

Explore All Tools

82 free tools — no signup required

All 82 tools are free · No signup · No ads