Free HowTo Schema Generator - Instant Step-by-Step JSON-LD for Tutorials & Guides
A free schema markup generator and JSON-LD builder for tutorials and step-by-step guides - with supplies, tools, per-step images, time and cost support.
Fill in your guide's title, supplies, tools and steps - copy the generated JSON-LD and paste it into your page's <head>. This HowTo schema generator builds clean, standards-compliant markup on the exact schema.org/HowTo spec, instantly, for free - structured, machine-readable content that helps AI systems and other crawlers parse your instructions clearly.
Based on schema.org/HowTo · Validated JSON-LD Output
What Is HowTo Schema (schema.org/HowTo)?
HowTo schema is JSON-LD structured data, based on the HowTo type on
schema.org/HowTo,
that describes a tutorial or process as an ordered list of steps - each with its own title, description
and optional image - plus overall supplies, tools, time and cost. It's added to a page's
<head> as a <script type="application/ld+json"> block.
In short: a "how-to schema generator" is a tool that turns your tutorial's structure (steps, supplies, tools, time, cost) into a ready-to-use JSON-LD block matching the schema.org HowTo spec. This page generates that code instantly, for free, in your browser.
Worth knowing: Google removed the visual HowTo rich result (the step-by-step carousel) from both desktop and mobile search in September 2023, and it hasn't returned. HowTo remains a valid schema.org type and search engines and AI systems still read it, but it no longer produces a distinct step-by-step snippet in Google Search results. See the FAQ below for more detail.
HowTo schema example
{
"@context": "https://schema.org",
"@type": "HowTo",
"name": "How to Clean a Ceramic Diffuser",
"totalTime": "PT30M",
"supply": [{ "@type": "HowToSupply", "name": "Cleaning solution" }],
"tool": [{ "@type": "HowToTool", "name": "Microfiber cloth" }],
"step": [
{
"@type": "HowToStep",
"position": 1,
"name": "Empty the diffuser",
"text": "Unplug and carefully pour out any remaining water and oil."
},
{
"@type": "HowToStep",
"position": 2,
"name": "Wipe the interior",
"text": "Use a damp microfiber cloth to gently wipe the inside."
}
]
}Supplies vs Tools - What's the Difference?
Both describe what a reader needs before starting - they represent two different kinds of items.
Supplies
Consumable items used up during the task - a cleaning solution, cotton pads, glue, ingredients. Each becomes a HowToSupply object.
Tools
Reusable items the reader needs but doesn't use up - a screwdriver, a microfiber cloth, a mixing bowl. Each becomes a HowToTool object.
Building Clear, Well-Structured Steps
Each HowToStep gets a position, a short name (the step
title), a text description, and an optional image. Keeping one clear action
per step - rather than bundling several instructions together - makes the structure easier for both
readers and machines to follow.
totalTime and estimatedCost sit at the top level, describing the whole
process rather than any single step, and use ISO 8601 duration format (PT30M, PT1H)
and a currency-tagged MonetaryAmount respectively.
Step example
{
"@type": "HowToStep",
"position": 1,
"name": "Empty the diffuser",
"text": "Unplug and carefully pour out any remaining water and oil.",
"image": "https://example.com/step-1.jpg"
}How to Build & Implement HowTo Schema Markup
This JSON-LD builder does the heavy lifting - here's the full technical SEO workflow, start to finish.
Add the guide's name & description
Fill in the required HowTo name, plus a short description and page URL.
List supplies & tools
Add whatever the reader needs before starting - consumables as supplies, reusable items as tools.
Break the process into clear steps
Add at least one step with a title and description; images per step are optional but helpful.
Copy & paste into your <head>
Hit Copy (or Download), paste the script into your page's <head>, then validate with the Schema Markup Validator.
Implementation note: place one <script type="application/ld+json">
block per tutorial page, inside <head> (or just before </body> if your
CMS doesn't expose the head), and make sure every step's text matches what's visibly written on the page.
A Free, Instant Schema Generator Built for Real Tutorials
No sign-up, no watermark, no code editor required - just clean, valid HowTo JSON-LD you can trust.
100% Free, No Sign-Up
Generate unlimited HowTo schema - no account, no email, no usage cap.
Instant Schema, Live Preview
Your JSON-LD updates as you type - no waiting, no separate "generate" step. A true instant schema and JSON-LD builder.
Clean, Valid JSON-LD
Output follows the schema.org HowTo spec exactly, so it passes the Schema Markup Validator.
Full Step Structure
Add as many steps as you need, each with its own title, description and optional image.
Supplies, Tools, Time & Cost
Everything a reader needs before starting, plus how long it takes and what it costs.
Nothing Leaves Your Browser
Everything runs client-side. Your tutorial content is never uploaded or stored on a server.
Frequently Asked Questions About HowTo Schema
What is HowTo schema (schema.org/HowTo) used for?
HowTo schema structures a tutorial as an ordered sequence of steps, plus supplies, tools, time and cost. It gives search engines and AI systems a machine-readable version of your instructions, distinct from the visible page text.
Does HowTo schema still create a rich result in Google Search?
No. Google removed the visual HowTo rich result (the step-by-step carousel) from both desktop and mobile search in September 2023, and as of now it has not returned. HowTo is still a valid schema.org type and adding it won't cause any penalty, but it no longer produces that distinct SERP feature.
Is this HowTo schema generator really free?
Yes. It's completely free to use, with no sign-up, no watermark, and no limit on how many HowTo schemas you generate.
What fields are required for valid HowTo schema?
At minimum: a HowTo name and at least one complete step with a title and description. This generator flags those requirements before you copy or download.
What's the difference between supplies and tools?
Supplies are consumable items used up during the task, like a cleaning solution or ingredients. Tools are reusable items the reader needs but doesn't use up, like a screwdriver or a mixing bowl.
How does totalTime work in HowTo schema?
totalTime uses ISO 8601 duration format - for example, PT30M means 30 minutes and PT1H means 1 hour. It describes the process as a whole, not any single step.
Can each step have its own image or video?
Each step can have its own optional image. A single video for the whole HowTo can also be added at the top level, separate from any per-step images.
How do I implement HowTo schema markup technically?
Copy the generated code and paste it inside a single script tag of type application/ld+json in your tutorial page's head, making sure every step's text matches what's visibly written on the page.
Does Google's AI Overview use HowTo schema?
This is genuinely unclear. HowTo markup gives AI systems a structured, machine-readable version of your steps, which in principle makes instructions easier to parse - but there's no confirmed evidence that AI Overviews specifically rely on the schema rather than the rendered page text. Clear, well-labeled steps in your visible content matter regardless of whether you add the markup.
Explore More Free Schema & SEO Tools
Schema Markup Generator Hub
16 JSON-LD generators in one place - Organization, Article, Product, Review, Event, and more.
Article Schema Generator
Headline, author, publisher & speakable markup for Article, BlogPosting & NewsArticle.
Video Schema Generator
Thumbnails, duration & publisher markup for VideoObject, Movie & TVEpisode.
Course Schema Generator
Provider, instructor, modules & pricing markup for Course & CourseInstance.
FAQ Schema Generator
Turn your Q&A content into valid FAQPage JSON-LD in seconds.
Product Schema Generator
Offer, rating & review markup for e-commerce Product pages.