HowTo – Mark Up Step-by-Step Instructions with schema.org

The HowTo type from schema.org is used to structure tutorials, instructions, and DIY content. It enables Google to display rich results that include steps, images, duration, tools, and materials used in the process.

This markup is ideal for any content that teaches users how to achieve a specific result – whether it’s cooking, fixing, crafting, or configuring something.

Key Features of HowTo:

Designed for clear, actionable instructions with defined steps
Supports rich snippets with images, estimated cost, time, and required items
Steps can be structured via HowToStep or grouped with HowToSection
Can be enhanced with VideoObject for visual guides

Common Use Cases:

Blog posts with how-to instructions (“How to bake sourdough bread”)
Help or support pages (“How to reset your password”)
DIY and educational content on tutorial or magazine sites

Example: HowTo (Baking Sourdough Bread)

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "How to Bake Sourdough Bread",
  "description": "A simple step-by-step tutorial on how to bake a rustic sourdough bread at home.",
  "image": [
    "https://www.examplebakery.com/images/sourdough-howto.jpg"
  ],
  "estimatedCost": {
    "@type": "MonetaryAmount",
    "currency": "EUR",
    "value": "3.50"
  },
  "totalTime": "PT18H",
  "supply": [
    {
      "@type": "HowToSupply",
      "name": "rye flour, water, sourdough starter, salt"
    }
  ],
  "tool": [
    {
      "@type": "HowToTool",
      "name": "bowl, proofing basket, oven, baking tray"
    }
  ],
  "step": [
    {
      "@type": "HowToStep",
      "url": "https://www.examplebakery.com/howto/sourdough#step1",
      "name": "Prepare the dough",
      "text": "Mix all ingredients in a bowl and let rest at room temperature overnight.",
      "image": "https://www.examplebakery.com/images/howto-step1.jpg"
    },
    {
      "@type": "HowToStep",
      "url": "https://www.examplebakery.com/howto/sourdough#step2",
      "name": "Shape the bread",
      "text": "Shape the dough on a floured surface and let rise for 2 hours.",
      "image": "https://www.examplebakery.com/images/howto-step2.jpg"
    },
    {
      "@type": "HowToStep",
      "url": "https://www.examplebakery.com/howto/sourdough#step3",
      "name": "Bake",
      "text": "Bake in a preheated oven at 240 °C (465 °F) for 45 minutes.",
      "image": "https://www.examplebakery.com/images/howto-step3.jpg"
    }
  ]
}
</script>

Best Practices:

Only use HowTo for content that includes clear, actionable steps – not for opinions or FAQs
Include images for each step where possible
Use tool and supply to enrich the snippet with useful context
Use url fields for direct linking to step sections (great for UX and jump links)

Learn more about our services in structured data & technical SEO here.

Back