How to Generate HowTo JSON-LD Schema Markup

July 6, 2026

To generate HowTo JSON-LD, enter your tutorial's task name, total time in minutes, any supplies and tools, and your ordered steps into the ByteTools HowTo Schema Generator — it builds a valid, ready-to-paste script block live in your browser. HowTo markup describes a step-by-step process to search engines and answer engines using proper schema.org entities. Here is how to produce it correctly.

Generate HowTo schema in five steps

Name the task. Enter what the guide accomplishes, for example "How to reset a router."
Set the total time. Enter minutes; the tool converts them to an ISO 8601 duration automatically (45 becomes PT45M).
List supplies and tools. Add consumables as HowToSupply and reusable items as HowToTool, one per line.
Add a row per step. Write each instruction in order; steps are positioned automatically, and each can take an optional image URL.
Copy the output. Paste the generated JSON-LD into your page's markup.

Empty fields are omitted, so you never ship a block cluttered with blank properties.

What each field maps to in schema.org

Your input	Schema property	Example
Task name	name	How to reset a router
Total time (min)	totalTime (ISO 8601)	PT10M
Supply line	HowToSupply	Paperclip
Tool line	HowToTool	Router
Step row	HowToStep (position, text, image)	Step 1: Unplug the router

Where the markup goes and what it does

Paste the JSON-LD into your page, typically in the document head or body. It does not change what visitors see; it gives machines a structured description of your process — the ordered steps, the tools and supplies, and the total time. That keeps your instructions parseable by AI search, assistants and answer engines that reuse how-to content, even in places where visual rich results are limited.

Private, offline, and reusable

The generator runs fully client-side. Nothing you type is uploaded, so drafts of unpublished tutorials stay on your device, and the tool works offline once loaded. Because the output is plain JSON-LD, you can save it, version it, and reuse the structure across similar guides by swapping the step text.

Try the HowTo Schema Generator — free and 100% in your browser.

FAQ

Where do I paste the generated HowTo JSON-LD?

Place the script block in your page's HTML — the head or body both work. It is metadata for machines and does not affect your visible layout.

How is the total time formatted?

It uses ISO 8601 duration format: 45 minutes becomes PT45M and two hours becomes PT2H. The generator converts the minutes you enter for you, so you never write the duration string by hand.

Do I have to fill in supplies and tools?

No. Those fields are optional. If you leave them blank they are omitted from the output, keeping the markup clean and valid.

Can I add an image to each step?

Yes. Each HowToStep accepts an optional image URL. Use an image that genuinely shows that step to aid comprehension rather than a decorative stock photo.

Related free tools

JSON-LD Generator — build other schema types.
Recipe Schema Generator — for cooking guides with ingredients.
FAQ Schema Generator — mark up question-and-answer content.
Article Schema Generator — structured data for articles.

Built by ByteVancer

ByteTools is a free product of ByteVancer, a software and web development studio building web apps, SaaS and custom software. If you need SEO tooling or a custom content pipeline, explore what ByteVancer can build.

Guide