Create valid HowTo JSON-LD structured data with ordered steps, time and cost so search engines understand your tutorial. Live code and preview, ready to copy. 100% in your browser - nothing is uploaded or stored.
Steps must match the actual instructions shown on your page. HowTo schema is best for real, sequential tasks. Build other tags with the Meta Tag Generator.
Approximate preview. Validate with Google's Rich Results Test before relying on it.
🔒 Everything runs in your browser. Your input is never uploaded, logged or stored.
The How-To Schema Generator builds valid HowTo JSON-LD structured data - with ordered steps, total time and estimated cost - so search engines understand your tutorial as a sequence of clear instructions. Well-structured how-to markup helps Google read your guide and can make it eligible for enhanced presentation in search.
It is part of the Structured Data Generators group in our free SEO Toolkit, alongside the Article Schema Generator and Video Schema Generator. Verify the result in the Rich Result Preview and build your head tags with the Meta Tag Generator. Everything runs in your browser - your input is never uploaded or stored.
Generate complete HowTo JSON-LD with no coding.
Add as many ordered steps as your guide needs, each with text and an image.
Add the total time and an estimated cost, formatted correctly for you.
Steps are numbered in sequence automatically - no manual ordering.
See your numbered steps laid out as you add them.
From your tutorial to valid JSON-LD in under a minute.
Add a title, description and optional time and cost.
Enter each step in order with a name and instruction.
Copy the generated HowTo JSON-LD.
Paste it on your guide page and run the Rich Results Test.
A HowTo with ordered, numbered steps.
{ "@context": "https://schema.org", "@type": "HowTo", "name": "How to Convert a JPG to PNG", "totalTime": "PT2M", "step": [ { "@type": "HowToStep", "position": 1, "name": "Upload your image" }, { "@type": "HowToStep", "position": 2, "name": "Convert" }, { "@type": "HowToStep", "position": 3, "name": "Download" } ] }
How-to schema, using the HowTo type, is structured data written in JSON-LD that describes a task as an ordered series of steps. It can include the total time the task takes, an estimated cost, and an image and instruction for each step. This helps search engines understand that your page is a step-by-step guide and present it clearly. This generator builds that markup for you. It is part of the Structured Data Generators group.
A HowTo has a name and an array of HowToStep entries. Each step has a position, a name and the instruction text, and optionally an image. The tool numbers the steps in order for you, so the sequence is always correct. You can also add a totalTime in ISO 8601 format and an estimated cost as a monetary amount.
| Field | Meaning |
|---|---|
| name | The title of the guide |
| step | The ordered list of HowToStep instructions |
| totalTime | How long the whole task takes, e.g. PT2M |
| estimatedCost | Approximate cost as a monetary amount |
Use it for genuine step-by-step tasks, not generic articles or lists.
Each step should be a distinct, ordered action a user takes.
The steps in markup must match the steps shown to visitors.
Cooking instructions use the dedicated Recipe type instead.
Google has reduced how prominently how-to rich results appear in search over time, and visibility varies. The markup remains valid structured data that helps search engines understand your content, and it is still worth adding for clarity, but treat any rich result as a possibility rather than a guarantee.
How-to schema is for general tasks, while cooking instructions should use the dedicated Recipe type, which has fields for ingredients, nutrition and yield. If your guide is about preparing food, use Recipe schema instead so it is eligible for recipe-specific features.
Put it on the page that contains the actual how-to guide, inside a script tag with type application/ld+json. The steps in your markup must match the steps shown on the page. Use one HowTo block per guide.
No. The JSON-LD is built locally in your browser with JavaScript. Nothing you enter is uploaded, logged or stored, so the tool is safe for staging sites and confidential client work.
Mark up step-by-step instructions for apps and tools.
Structure home, craft and repair tutorials clearly.
Describe installation and configuration walkthroughs.
Add structure to educational how-to articles.
Use the How-To Schema Generator with these tools from the SEO Toolkit: add tutorial videos with the Video Schema Generator, mark up articles with the Article Schema Generator, add Q&A with the FAQ Schema Generator, preview results with the Rich Result Preview, build head tags with the Meta Tag Generator, and build breadcrumbs with the Breadcrumb Schema Generator.
Anyone publishing step-by-step guides online.
Everything about How-To structured data.
It builds valid HowTo JSON-LD structured data describing a task as ordered steps, with optional total time and estimated cost. You add each step with a name and instruction, and the tool outputs a clean script tag you can paste on your guide page for search engines to read.
Yes, completely. There is no cost, no sign-up and no limit on how many guides you mark up. The tool runs entirely in your browser, so there are no server costs and nothing to pay for.
It is a schema.org type that describes how to complete a task as a numbered sequence of steps. Each step has a position, a name and instruction text, and optionally an image. It can also include the total time and an estimated cost for the task.
Yes. The JSON-LD is built locally in your browser with JavaScript. Nothing you enter is uploaded, logged or stored, which makes the tool safe for staging sites, unpublished pages and confidential client work.
Google has reduced how prominently how-to rich results are shown, and visibility varies over time. The markup is still valid structured data that helps search engines understand your guide, so it remains worthwhile, but treat any rich result as a possibility rather than a guarantee.
HowTo is for general tasks, while cooking instructions should use the dedicated Recipe type, which adds fields for ingredients, nutrition and yield. If your guide is about preparing food, use Recipe schema so it is eligible for recipe-specific features.
Steps are numbered automatically in the order you add them, starting at position one. If you remove a step, the remaining steps renumber themselves, so the sequence is always correct without any manual work on your part.
Yes. Each step has an optional image field. Adding a clear image for a step can help users and search engines, and supports richer presentation. Use a direct image URL hosted on your site or a CDN.
Total time uses ISO 8601 duration format, such as PT2M for two minutes. You enter the time in minutes and the tool writes the correct format for you, so you do not need to know the syntax yourself.
Put it on the page that contains the actual how-to guide, inside a script tag with type application/ld+json. The steps in your markup must match the steps shown to visitors. Use one HowTo block per guide for clarity.
Yes. The generator is fully responsive, so you can build how-to schema from a phone or tablet. Adding steps, setting time and cost, viewing the code and preview tabs, and copying the output all work the same as on desktop.
Convert, compress, and resize images in multiple formats - JPG, PNG, WebP, ICO, and more.
Calculate in-hand salary, CTC breakup, tax deductions, and more for Indian employees.
Convert length, weight, temperature, speed, volume, and 200+ measurement units instantly.
Count words, convert case, generate lorem ipsum, find & replace text, and more writing utilities.
Build valid HowTo structured data with ordered steps in seconds - free, private and instant in your browser.
🛠️ Open the Generator ← All Schema Generators