How-to featured snippets render numbered step cards directly in Google SERPs - showing each step title, a brief instruction, and optionally a step image. They appear for queries beginning with "how to", "how do you", "steps to", and many phrase variations. Unlike paragraph snippets that display a text block, how-to snippets are visually expanded and interactive on mobile - users can tap through steps without clicking to your site. This makes how-to snippets one of the most brand-visible snippet types, even with reduced click-through.
The content requirements are straightforward: your page must have numbered steps with clear headings, each step must be a self-contained action, and the page should address a specific procedure from start to finish. You don't need HowTo schema to win a basic how-to snippet, but schema unlocks the full rich result - which includes the materials needed, estimated time, estimated cost, and per-step images - making it strongly recommended for any how-to page targeting snippet capture.
How-To Snippet Anatomy: Every Part Explained
A how-to featured snippet is not just a numbered list - it has a precise anatomy that Google renders in its rich result card. Click each component to understand its role and optimization rules.
Primary extraction target
Each step must have a heading - ideally H3 under an H2 that describes the full how-to. The heading is the step name Google uses in the rich result card and in HowTo schema 'name' property. It should be a clear, action-verb statement: 'Install the mounting bracket', not 'Bracket'. Avoid generic headings like 'Step 1'.
Complete HowTo Schema (5-Step Example with Images, Tools, and Cost)
{
"@context": "https://schema.org",
"@type": "HowTo",
"name": "How to Install a Smart Thermostat",
"description": "Replace your old thermostat with a smart thermostat in 30 minutes with basic tools.",
"totalTime": "PT30M",
"estimatedCost": {
"@type": "MonetaryAmount",
"currency": "USD",
"value": "120"
},
"supply": [
{ "@type": "HowToSupply", "name": "Smart thermostat (Nest or Ecobee)" },
{ "@type": "HowToSupply", "name": "Wire labels / masking tape" }
],
"tool": [
{ "@type": "HowToTool", "name": "Phillips head screwdriver (#2)" },
{ "@type": "HowToTool", "name": "Flathead screwdriver" },
{ "@type": "HowToTool", "name": "Smartphone with thermostat app" }
],
"step": [
{
"@type": "HowToStep",
"position": 1,
"name": "Turn off power at the breaker",
"text": "Locate your HVAC circuit breaker in the electrical panel and switch it to OFF. Verify the thermostat screen goes blank - never work on a live thermostat.",
"image": {
"@type": "ImageObject",
"url": "https://acme.com/images/howto/breaker-off.jpg"
}
},
{
"@type": "HowToStep",
"position": 2,
"name": "Label and disconnect existing wires",
"text": "Label each wire with masking tape matching the terminal letter it's connected to (R, G, Y, W, C). Loosen each terminal screw and carefully pull the wire free.",
"image": {
"@type": "ImageObject",
"url": "https://acme.com/images/howto/label-wires.jpg"
}
},
{
"@type": "HowToStep",
"position": 3,
"name": "Mount the new thermostat backplate",
"text": "Thread the labeled wires through the hole in the new backplate. Align the plate level on the wall and secure with the provided screws into wall studs or drywall anchors.",
"image": {
"@type": "ImageObject",
"url": "https://acme.com/images/howto/mount-plate.jpg"
}
},
{
"@type": "HowToStep",
"position": 4,
"name": "Connect labeled wires to new terminals",
"text": "Match each labeled wire to the corresponding terminal on the new thermostat baseplate. Insert wire end, tighten the terminal screw firmly, and give a gentle tug to confirm connection.",
"image": {
"@type": "ImageObject",
"url": "https://acme.com/images/howto/connect-wires.jpg"
}
},
{
"@type": "HowToStep",
"position": 5,
"name": "Snap on display and restore power",
"text": "Attach the thermostat display unit to the baseplate until you hear a click. Return to the breaker panel and switch HVAC power back ON. The thermostat should power on and begin setup.",
"image": {
"@type": "ImageObject",
"url": "https://acme.com/images/howto/power-on.jpg"
}
}
]
}