How-To Schema Generator
Generate HowTo schema.org JSON-LD for step-by-step guides. Add steps, supplies, tools, total time, estimated cost, per-step images, reordering, and live preview. Includes Google Rich Results test link. 100% client-side.
About How-To Schema Generator
Generate HowTo schema.org JSON-LD for step-by-step guides. Add steps, supplies, tools, total time, estimated cost, per-step images, reordering, and live preview. Includes Google Rich Results test link. 100% client-side. Everything runs locally in your browser — your data never leaves your device.
How to use
- Enter your input in the tool above.
- Adjust any options to your preference.
- Use the Copy or Download buttons to save the result.
- Everything happens locally — your data never leaves your browser.
FAQ
What is HowTo schema?
HowTo is a Schema.org type that marks up step-by-step instructions for completing a task. When added as JSON-LD, Google may show a rich result with the steps, total time, and an image carousel in search results.
How do I add HowTo schema to my page?
Generate the JSON-LD with this tool, then paste the <script type="application/ld+json"> block into the HTML <head> of the page. The visible instructions on the page must match the schema steps.
Should every step have an image?
Images are optional per step but highly recommended — Google can show a step image carousel in rich results. Use absolute https URLs and at least 696px wide images for best results.
What extra features does this tool have compared to others?
(1) Add/remove steps dynamically. (2) Reorder steps up/down. (3) Per-step image URL. (4) Total time calculator (minutes → ISO 8601 PT#H#M). (5) Estimated cost input (parses $10 USD into MonetaryAmount). (6) Supplies list. (7) Tools list. (8) Bulk paste steps (Name | Text). (9) History (localStorage, last 20). (10) Shareable URL — encode the form in the fragment.
Is my data sent anywhere?
No. HowTo schema generation is pure string templating in your browser. History is stored in localStorage on this device only.
Related tools
Breadcrumb Schema Generator
Generate BreadcrumbList schema.org JSON-LD for rich results. Add/remove items, reorder up/down, bulk paste, live preview, Google Rich Results test link, and HTML script-tag wrapper. 100% client-side.
Canonical Tag Generator
Generate canonical link tags and check for common mistakes. URL normalization, pagination prev/next, hreflang integration, cross-domain warnings, batch processing. 100% client-side.
Content Brief Generator
Generate SEO content briefs for writers: target keyword, title, search intent, word count target, outline, key points, LSI keywords, internal/external links, and competitor URLs. Export as Markdown or HTML. 100% client-side.