Loading…

How to use Schema.org JSON-LD Generator

Choose a schema type, fill in the relevant fields (add multiple rows for FAQ questions or breadcrumb items), then click Generate. Copy the <script type="application/ld+json"> block and paste it into the <head> of your page.

Frequently asked questions

What is JSON-LD structured data?

JSON-LD is the format Google recommends for structured data. It describes your page's content (an article, product, FAQ, business, etc.) so search engines can show rich results like star ratings, FAQ dropdowns and breadcrumbs.

Which schema types are supported?

Article, Product (with offers/price), FAQPage, LocalBusiness (with postal address), Organization and BreadcrumbList. Each type shows only the fields relevant to it.

Where do I place the generated code?

Paste the entire <script type="application/ld+json"> block into the <head> of your HTML page. You can validate it afterward with Google's Rich Results Test or the Schema Markup Validator.

More HTML Tools

HTML5 Boilerplate Generator
Generate a complete HTML5 starter document with meta, Open Graph, Twitter cards, favicons and an optional CSS reset
Responsive Image Srcset Generator
Generate responsive img srcset and picture markup from a filename pattern, width list, sizes attribute and alt text
HTML Form Generator
Build a complete HTML form with method, action, labelled input fields, textarea, select and a submit button from a simple field list
HTML Select Dropdown Generator
Generate a select dropdown with option tags from one line per option, supporting value|label pairs, a name and multiple attribute
HTML Video Tag Generator
Generate an HTML5 video tag with controls, poster, autoplay, loop, muted and multiple source formats plus a caption track
HTML Audio Tag Generator
Generate an HTML5 audio element with controls, autoplay, loop, muted, preload and multiple MP3/OGG/WAV source fallbacks
HTML Figure & Caption Generator
Generate a semantic figure element wrapping an image with a figcaption, ideal for accessible captioned images and diagrams
HTML Details Accordion Generator
Generate native details/summary accordion markup from title and content blocks, with an optional open-by-default first item
HTML Definition List Generator
Turn term: definition lines into a semantic dl with dt and dd elements for glossaries, metadata and FAQ-style content
HTML5 Semantic Layout Generator
Generate a semantic HTML5 page skeleton with header, nav, main, article, aside, section and footer landmark elements
HTML Blockquote Generator
Generate a semantic blockquote with an optional cite URL and a figcaption author attribution for quotes and testimonials
HTML Nav Menu Generator
Build an accessible nav menu of anchor links from label|url lines, wrapped in nav and an unordered list for site navigation

← View all HTML ToolsBrowse all 1,100+ tools →