Free tool · runs in your browser

HowTo Video Schema Generator

Generate HowTo JSON-LD with a nested VideoObject, supplies, tools, and a clean step list. Drop it on tutorial pages so search engines understand the structure.

Video

Supplies

Tools

Steps *

Step 1
Step 2
Step 3

HowTo JSON-LD

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "How to set up OBS for streaming",
  "description": "Step-by-step OBS setup for first-time streamers.",
  "totalTime": "PT15M",
  "supply": [
    {
      "@type": "HowToSupply",
      "name": "A computer"
    },
    {
      "@type": "HowToSupply",
      "name": "A microphone"
    }
  ],
  "tool": [
    {
      "@type": "HowToTool",
      "name": "OBS Studio"
    }
  ],
  "video": {
    "@type": "VideoObject",
    "name": "OBS setup walkthrough",
    "description": "Step-by-step OBS setup for first-time streamers.",
    "thumbnailUrl": [
      "https://example.com/thumb.jpg"
    ],
    "uploadDate": "2026-01-15",
    "duration": "PT15M",
    "embedUrl": "https://www.youtube.com/embed/dQw4w9WgXcQ"
  },
  "step": [
    {
      "@type": "HowToStep",
      "position": 1,
      "name": "Install OBS",
      "text": "Download OBS Studio from obsproject.com and run the installer."
    },
    {
      "@type": "HowToStep",
      "position": 2,
      "name": "Add a scene",
      "text": "Create your first scene and add a Display or Game Capture source."
    },
    {
      "@type": "HowToStep",
      "position": 3,
      "name": "Configure output",
      "text": "Set the bitrate to 6000 kbps for 1080p60 on most platforms."
    }
  ]
}
</script>

How to use this tool

  1. 01

    Fill in the overview

    Name, description, total time, and an optional estimated cost.

  2. 02

    Add supplies and tools

    Use the add buttons to list as many supply and tool rows as the how-to needs.

  3. 03

    Add each step

    Give every step a title and instructions, plus an optional image and video clip URL.

  4. 04

    Validate and paste

    Click Validate to test in Google's Rich Results Test, then paste into your page's head.

Why this matters

Tutorial pages live or die on structure. HowTo schema makes the steps, supplies, tools, and timing machine-readable, so assistants, Lens, and AI overviews can extract and present your instructions instead of guessing from prose. Nesting a VideoObject sends a second signal at once — the page is instructional and has a useful video.

Hand-writing nested HowTo + VideoObject JSON-LD is where most people break it: a missing comma, a step without text, or a duration without the PT prefix invalidates the entire block. This generator validates every field, converts plain HH:MM:SS to ISO 8601, and only emits markup when it's complete. For a standalone clip without steps, use the VideoObject Schema Generator instead.

Related tools

Video SEO Checklist

An interactive video SEO checklist — 23 title, description, tag, thumbnail, chapter, and engagement steps with a progress bar. Progress saves per video.

Open tool→
VideoObject Schema

Free VideoObject JSON-LD generator — fill one form for validated schema with ISO 8601 duration, publisher, and views. Required for video rich results.

Open tool→
Video FAQ Schema

Generate FAQPage JSON-LD with an associated video for richer SERP results.

Open tool→

FAQ

Recipe is a specialized subtype of HowTo built for cooking — it adds food-specific properties like ingredients, nutrition, and cook time. HowTo is the generic instructional type for everything else: software setup, repairs, crafts, workflows. Use Recipe only for food; use HowTo for any other step-by-step content.

Explore the full toolkit

94 free tools covering titles, tags, thumbnails, scripts, captions, embeds, schema, and in-browser video processing.

Browse all tools →