On this page:
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
Created
updated
HowTo
The HowTo type marks up step-by-step instructional content: tutorials, DIY guides, recipes, repair manuals, and any other procedural content that walks a reader through a task.
Google deprecated HowTo rich results in September 2023. The markup remains valid schema.org vocabulary and is still consumed by AI answer engines for generating structured procedural answers.
Fields
Not mentioned by Google
- step — Individual instructions that make up the how-to guide. Accepts HowToStep, HowToSection, or plain text.
- supply — Materials consumed during the task (paint, nails, sandpaper).
- tool — Equipment used but not consumed (wrench, drill, paintbrush).
- estimatedCost — Approximate cost of supplies, as MonetaryAmount or text.
JSON-LD example
{
"@context": "https://schema.org",
"@type": "HowTo",
"name": "Change a Flat Tire",
"description": "How to safely change a flat tire on the side of the road.",
"estimatedCost": {
"@type": "MonetaryAmount",
"currency": "USD",
"value": "20"
},
"supply": [
{"@type": "HowToSupply", "name": "Flares"},
{"@type": "HowToSupply", "name": "Wheel wedges"}
],
"tool": [
{"@type": "HowToTool", "name": "Spare tire"},
{"@type": "HowToTool", "name": "Lug wrench"},
{"@type": "HowToTool", "name": "Jack"}
],
"step": [
{
"@type": "HowToStep",
"position": "1",
"name": "Turn on hazard lights",
"text": "Turn on your hazard lights and pull over to a flat, stable surface."
},
{
"@type": "HowToStep",
"position": "2",
"name": "Secure the vehicle",
"text": "Apply the parking brake and place wheel wedges behind the tires."
},
{
"@type": "HowToStep",
"position": "3",
"name": "Loosen the lug nuts",
"text": "Use the lug wrench to loosen each nut by turning counterclockwise."
}
]
}
Notes
HowTo rich results were deprecated by Google in September 2023. AI answer engines (ChatGPT, Perplexity, Google AI Overviews) still parse HowTo markup to structure procedural answers. The step property is the core of any HowTo; supply, tool, and estimatedCost add material and cost context.
Ask AI about this property
I just read https://www.karpi.studio/schema-glossary-types/how-to about HowTo schema for Webflow websites. Help me apply this to my own tutorials/DIY guides:
- Minimum vs nice-to-have: `step` is the core of any HowTo; `supply`, `tool`, and `estimatedCost` add material and cost context
- A complete JSON-LD example using the @graph format combining HowTo with its `step` array (HowToStep), `supply` (HowToSupply), `tool` (HowToTool), and `estimatedCost` as a MonetaryAmount
- How to implement it in a Webflow CMS template: output one JSON-LD HowTo per guide from CMS fields, building the `step` array from your ordered step content
- How to validate it with the Schema.org Validator, since Google deprecated HowTo rich results in September 2023 and there is no dedicated Google rich result for this type anymore
- Why `step` is the highest-leverage property for AEO: AI answer engines (ChatGPT, Perplexity, Google AI Overviews) still parse HowTo markup to structure procedural answers
- The most common mistakes: omitting `step`, or confusing `supply` (materials consumed) with `tool` (equipment used but not consumed)