HowTo Schema Generator

Generate HowTo JSON-LD structured data from your step-by-step instructions, ready to paste.

100% Browser-Based • Local Processing
1 · The task
2 · Steps
3 · Supplies & tools

Generated HowTo

Google retired the HowTo rich result in 2023. It stopped showing the stepped snippet in Search and withdrew the guidance for it, so this markup will not draw a visual rich result there — anyone telling you otherwise is working from old documentation. It is still valid Schema.org, it still describes your procedure unambiguously to anything parsing the page, and answer engines reading structured data are the reason it remains worth adding. Add it for that, not for a snippet that no longer exists.

The steps must be the steps on the page. Structured data has to describe what a visitor can actually see. Marking up steps that are not there, or that say something different, is a guidelines violation rather than a clever shortcut.

HowTo

Paste the whole <script type="application/ld+json"> block into the page’s <head> or <body> — either works. One HowTo per page: if a page covers three separate procedures, it is three pages, or one HowTo whose steps genuinely run in order.

🧩 RELATED TOOLS
JSON-LD Schema Generator FAQ Schema Generator Schema Markup Validator Meta Tag Generator All SEO Tools

Privacy Focused

🔒 Local Processing. Your site data never leaves your device.

Instant Results

🌐 Fully Client-Side. Runs instantly in your browser.

No Signup

⚡ No accounts. No API keys. Just open and use.

Browser Based

🚀 No installs, no crawlers, no site verification.

Overview

What is a HowTo Schema Generator?

A HowTo Schema Generator turns step-by-step instructions into HowTo JSON-LD structured data. You enter the task name and each ordered step, and it outputs a valid script block you add to your page so search engines and AI answer engines understand the procedure — a clear, citable format for how-to and tutorial content.

HowTo markup (HowTo in Schema.org) describes a set of ordered steps to accomplish a task. It gives search engines and AI answer engines an explicit, machine-readable version of your tutorial, which is exactly the kind of structured procedure AI Overviews and assistants like to surface.

This generator builds valid HowTo JSON-LD from your steps. It runs entirely in your browser, and the output is yours to paste into your page.

Guide

How to generate HowTo schema

Step 1: Enter the name of the task and add a row for each step with its instruction text

Enter the name of the task and add a row for each step with its instruction text.

Step 2: Optionally add total time, supplies, tools, and a step image

Optionally add total time, supplies, tools, and a step image.

Step 3: Copy the HowTo JSON-LD and paste it into the page, keeping the same steps visible to users

Copy the HowTo JSON-LD and paste it into the page, keeping the same steps visible to users.

Details

HowTo markup for tutorials and AI answers

HowTo structured data lists each step as a HowToStep with a name and text, optionally with images, plus overall details like totalTime (in ISO 8601 duration format), supply, and tool. As with FAQ markup, the steps in your structured data must match steps that are actually visible on the page — don't mark up content that isn't shown. On the rich-result side, Google has scaled back HowTo rich snippets in search, so the markup's main value today is giving search engines and AI engines a clean, unambiguous structure of your procedure rather than guaranteeing a visual rich result. For GEO and AEO that's still worthwhile: a well-structured, accurate set of steps is precisely what answer engines extract and cite when someone asks 'how do I…', so clear step text plus matching markup improves your chances of being the cited source. The generator handles escaping and produces valid output; everything runs locally in your browser. For Q&A content use the FAQ Schema Generator, and for other types the JSON-LD Schema Generator.

Support

Frequently Asked Questions

What is HowTo schema?

HowTo schema is Schema.org structured data that describes a task as an ordered list of steps, in JSON-LD. Each step has a name and instruction text, and the whole thing can include total time, required supplies, and tools. It helps search engines and AI answer engines understand and surface your tutorial content.

Do the steps need to be visible on the page?

Yes. Like all structured data, your HowTo markup must match content that's actually visible to users — the same steps must appear on the page. Marking up steps that aren't shown violates Google's guidelines. Render your instructions for readers, then mirror them in the markup.

Will HowTo schema show a rich result?

It used to produce step-based rich results, but Google has significantly reduced when it shows HowTo rich snippets, so don't rely on the visual result. Add the markup for clear structured content and answer-engine understanding; it keeps you eligible if Google displays it, while the real benefit is machine clarity.

How does HowTo markup help with AI search?

AI answer engines love step-by-step procedures — they're a natural fit for 'how do I…' queries. HowTo markup makes your steps explicit and ordered, so engines can extract and summarise them accurately and cite your page. Combined with clear, concise step text, it's a solid AEO/GEO tactic for tutorial content.

Can I add images and timing to the steps?

Yes. Each step can include an image, and the overall HowTo can specify totalTime (in ISO 8601 duration format like PT30M for 30 minutes), plus lists of supplies and tools needed. These optional fields make the markup richer and more useful, though only the name and step text are essential.

Where do I add the HowTo JSON-LD?

Paste the generated <script type="application/ld+json"> block anywhere in the page's HTML — head or body. In a CMS, use a custom-code or SEO-plugin field. It's invisible to visitors and read by search engines and AI engines when they crawl the page.

Is it free, and do I need to sign up?

Yes, it's completely free with no account, no trial, and no limit on how many times you use it. Unlike most SEO suites, there's no login wall — it runs entirely in your browser, so you just open the page and use it.

Is my data private?

Yes. Everything is processed in your browser — whatever you type or paste is never sent to a server. Nothing is stored once you close the tab, so your URLs, content, and site details stay on your own device. That client-side approach is the core difference from cloud SEO tools.

Does it work on mobile?

Yes. It runs in your phone's browser with nothing to install, so you can generate or check markup on Android or iOS. The layout adapts to small screens, though pasting longer code is easier on a desktop.

Does it work offline?

Once the page has loaded, the work runs entirely on your device, so it keeps working without a connection. You only need to be online to open the page the first time — which is also why nothing you enter is uploaded.

Can I copy the output?

Yes. You can copy the generated code or results to your clipboard with one click, ready to paste straight into your site's HTML, CMS, or files. Because everything runs locally, copying is instant with no upload step.

Will this directly improve my rankings or get me into AI answers?

It produces correct, standards-compliant markup that helps search engines and AI engines (Google, AI Overviews, ChatGPT, Perplexity) understand your page clearly — which is a prerequisite for ranking and being cited. But it doesn't directly change rankings or guarantee a rich result or AI citation; those are decided by the engines based on your overall content and authority.

Still have questions?

If you can't find the answer you're looking for, feel free to contact our support team.

Contact Us