🔧How-To rich result

HowTo Schema Generator — JSON-LD Step-by-Step Instructions

HowTo schema creates rich results that show your step-by-step instructions directly in Google Search — with numbered steps, tools, and supply lists visible without clicking. One of the highest-CTR rich result types for instructional content.

What Google shows

Numbered step-by-step instructions with images directly in the search result, expandable on mobile. Shows estimated time, required tools, and supplies.

Example JSON-LD

{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "How to Change a Car Tyre",
  "totalTime": "PT30M",
  "supply": [
    {
      "@type": "HowToSupply",
      "name": "Spare tyre"
    },
    {
      "@type": "HowToSupply",
      "name": "Wheel wedges"
    }
  ],
  "tool": [
    {
      "@type": "HowToTool",
      "name": "Car jack"
    },
    {
      "@type": "HowToTool",
      "name": "Lug wrench"
    }
  ],
  "step": [
    {
      "@type": "HowToStep",
      "name": "Loosen lug nuts",
      "text": "Before lifting the car, loosen the lug nuts counter-clockwise (do not fully remove them yet)."
    },
    {
      "@type": "HowToStep",
      "name": "Lift the vehicle",
      "text": "Position the jack under the vehicle frame near the flat tyre and raise until the tyre is 15cm off the ground."
    },
    {
      "@type": "HowToStep",
      "name": "Remove the flat and install spare",
      "text": "Remove lug nuts and tyre. Mount spare. Hand-tighten lug nuts in a star pattern."
    },
    {
      "@type": "HowToStep",
      "name": "Lower and tighten",
      "text": "Lower the jack. Tighten lug nuts fully. Check tyre pressure on the spare."
    }
  ]
}

Required by Google

*name
*step (array of HowToStep, each with text)

Recommended

◎image (per step)
◎estimatedCost
◎totalTime
◎supply (HowToSupply array)
◎tool (HowToTool array)
◎description

When to use How-To schema

DIY and home improvement

How-to guides for repairs, installations, and projects rank well and earn step rich results.

Technical tutorials

Coding tutorials, setup guides, and configuration how-tos benefit from HowTo schema for developer search queries.

Beauty and wellness

Makeup tutorials, skincare routines, and fitness how-tos use step schema to appear in instructional rich results.

Frequently Asked Questions

What is the difference between HowTo and Article schema?▾

HowTo is for content primarily structured as a step-by-step process (numbered instructions). Article is for editorial or news content. Only HowTo schema triggers the step-by-step rich result format.

Should every step have an image?▾

Recommended but not required. Steps with images are more likely to trigger the visual rich result format. Use square or landscape images (16:9) at minimum 1200px wide for best results.

Can I use HowTo schema on a video tutorial page?▾

Yes — combine HowTo schema with VideoObject schema on the same page. Add the HowToStep text alongside the video for text-based rich results, plus VideoObject for video thumbnail rich results.

🔍

Validate in Google Rich Results Test

Paste the JSON-LD above to confirm it qualifies for rich snippets.

Test in Google →

HowTo Schema Generator — JSON-LD Step-by-Step Instructions

Example JSON-LD

When to use How-To schema

Frequently Asked Questions

All schema types