The HowTo Schema Generator creates structured JSON-LD code that describes step-by-step guides, instructions, or tutorials. Adding HowTo schema to your content helps search engines identify the chronological steps in your instructions, qualifying your pages to appear with rich instructions formatting in search results.

This tool is serverless and executes locally in your browser. Be sure to list the steps on your page clearly to align with the schema markup.

Build HowTo Schema

HowTo Name / Title

Description

Total Time (ISO 8601)

Estimated Cost

Steps

Step 1 Name

Step 1 Instructions

Step 2 Name

Step 2 Instructions

Generated JSON-LD Schema

Paste this inside a <script type="application/ld+json"> tag in your HTML <head>.

How to Use

Enter Basic Info

Fill out the tutorial title, description, estimated total time, and currency fields.

Add Tutorial Steps

Enter the name, description, and optional image URL for each step of your guide.

Copy JSON-LD

Click 'Copy Schema' to copy the generated code and paste it into your website.

Why Use This Tool?

Step-by-Step Clarity: Help search engine crawlers parse the order of your guides easily.

Rich Snippet Eligible: Qualify for special list or search card displays on search results.

Browser Executed: Secure your tutorial outlines and descriptions locally on your machine.

Practical Example

A food blogger writes a guide on 'How to peel a mango'. They use the generator to write the 4 steps, copy the JSON-LD script block, and paste it into their blog editor's code panel to structure the article.

Common Mistakes to Avoid

Incorrect Step Order: Do not mix up step sequences in the schema code, as it can confuse search crawlers and users.

Mismatch Content: The details in the schema must match the exact text instructions shown on the public page.

Limitations

Designed for tutorial sequences. For standard questions, use our FAQ Schema Generator instead.

FAQ

What is HowTo schema? ▼

HowTo schema is structured code that tells search engines your content is a step-by-step guide explaining how to perform a task.

Where does the HowTo schema code go? ▼

You paste the JSON-LD script tag into either the head section or body of the HTML document.

Can I include tools and costs? ▼

Yes, the schema.org specification supports tool lists, material lists, and estimated cost fields, which we structure cleanly.

Should I put images in every step? ▼

If you have specific image URLs for each step, including them helps search engines show visual instructions.

Does Google guarantee my steps will show in search? ▼

No. Schema markup qualifies your page, but final display decisions are up to Google's ranking algorithms.

HowTo Schema Generator