HowTo Schema: Turn Product Guides Into AI-Extractable Step-by-Step Content

HowTo schema marks up instructional content -- assembly guides, usage tutorials, care instructions, styling tips -- in a format that AI systems can parse, extract, and cite step by step. While Google deprecated HowTo rich results in September 2023, the schema itself remains valid in Schema.org's vocabulary, and its value has shifted from SERP display to AI citation. AI engines like ChatGPT, Perplexity, and Google AI Overviews actively extract step-by-step instructions from indexed pages, and pages with HowTo schema provide those instructions in a pre-structured format that is dramatically easier for AI to consume and cite.

The Status of HowTo Schema in 2026

Let us be direct about what happened and what it means.

August 2023: Google announced changes to HowTo and FAQ rich results. HowTo rich results were removed from mobile search results.

September 2023: Google completed the deprecation by removing HowTo rich results from desktop search as well. The visual step-by-step cards in search results were gone entirely.

What this means: Google no longer displays HowTo rich results in its search listings. You will not see step-by-step cards for how-to content in Google Search results.

What this does not mean: The HowTo schema type is not deprecated in Schema.org. Google's documentation still lists HowTo markup. Google's crawlers still parse it. And critically, AI systems that query search engine indexes still consume it.

The strategic shift is significant. HowTo schema moved from being a SERP display trigger to being an AI trust and entity verification signal. When your how-to content is structured with explicit steps, tools, supplies, and time estimates, AI systems can extract that content with higher confidence and lower parsing effort than unstructured page content.

Google's March 2026 core update reinforced this principle: schema must match the primary content topic of the page. HowTo markup on a page whose primary purpose is a step-by-step guide is valid and useful. HowTo markup on a product page where the guide is peripheral content may be ignored.

When to Use HowTo Schema for Ecommerce

HowTo schema is ideal for these ecommerce content types:

  • Product assembly instructions -- Furniture, equipment, DIY kits
  • Usage tutorials -- How to use a skincare product, how to brew with a pour-over dripper
  • Care and maintenance guides -- How to clean leather, how to maintain a knife
  • Styling guides -- How to style a scarf, how to layer necklaces
  • Setup guides -- How to set up a smart home device, how to install a bike rack
  • Troubleshooting guides -- How to fix common issues with your product

The key requirement: the how-to content must be the primary purpose of the page. Do not add HowTo schema to a product page that has a small "how to use" section at the bottom. Instead, create a dedicated guide page and mark it up with HowTo schema.

Complete HowTo Schema Example

Here is a full HowTo JSON-LD block for a skincare product usage guide:

{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "How to Apply Vitamin C Serum for Maximum Effectiveness",
  "description": "A step-by-step guide to applying Vitamin C serum correctly for best absorption and results. Takes 5 minutes as part of your morning skincare routine.",
  "image": "https://example.com/images/serum-application-guide.jpg",
  "totalTime": "PT5M",
  "estimatedCost": {
    "@type": "MonetaryAmount",
    "currency": "USD",
    "value": "42"
  },
  "supply": [
    {
      "@type": "HowToSupply",
      "name": "Vitamin C Brightening Serum",
      "url": "https://example.com/products/vitamin-c-serum",
      "image": "https://example.com/images/serum-bottle.jpg"
    },
    {
      "@type": "HowToSupply",
      "name": "Gentle facial cleanser"
    },
    {
      "@type": "HowToSupply",
      "name": "Moisturizer with SPF"
    }
  ],
  "tool": [
    {
      "@type": "HowToTool",
      "name": "Clean hands"
    },
    {
      "@type": "HowToTool",
      "name": "Mirror"
    }
  ],
  "step": [
    {
      "@type": "HowToStep",
      "name": "Cleanse your face",
      "text": "Wash your face with a gentle cleanser and pat dry. Vitamin C serum absorbs best on clean, slightly damp skin. Avoid using any exfoliating acids in this step.",
      "image": "https://example.com/images/step1-cleanse.jpg",
      "url": "https://example.com/guides/vitamin-c-serum#step1"
    },
    {
      "@type": "HowToStep",
      "name": "Apply 4-5 drops of serum",
      "text": "Dispense 4-5 drops of Vitamin C serum onto your fingertips. This is enough for your entire face and neck. Using more will not improve results and may cause irritation.",
      "image": "https://example.com/images/step2-dispense.jpg",
      "url": "https://example.com/guides/vitamin-c-serum#step2"
    },
    {
      "@type": "HowToStep",
      "name": "Press gently into skin",
      "text": "Using your fingertips, press the serum into your skin with gentle patting motions. Start at the center of your face and work outward. Avoid rubbing, which can cause irritation. Cover your forehead, cheeks, nose, chin, and neck.",
      "image": "https://example.com/images/step3-apply.jpg",
      "url": "https://example.com/guides/vitamin-c-serum#step3"
    },
    {
      "@type": "HowToStep",
      "name": "Wait 60 seconds for absorption",
      "text": "Allow the serum to absorb for at least 60 seconds before applying any other products. The serum should feel dry to the touch before you proceed. This wait time is critical for the L-Ascorbic Acid to penetrate properly.",
      "image": "https://example.com/images/step4-wait.jpg",
      "url": "https://example.com/guides/vitamin-c-serum#step4"
    },
    {
      "@type": "HowToStep",
      "name": "Follow with moisturizer and SPF",
      "text": "Apply your moisturizer and sunscreen. Vitamin C increases photosensitivity, so SPF 30 or higher is essential when using this serum in the morning. If using at night, skip the SPF but still follow with moisturizer.",
      "image": "https://example.com/images/step5-moisturize.jpg",
      "url": "https://example.com/guides/vitamin-c-serum#step5"
    }
  ]
}

Understanding Each HowTo Property

Core Properties

name -- The title of the how-to guide. Should be clear and descriptive. AI systems use this to match your guide with user queries.

description -- A summary of what the guide covers and what the reader will achieve. Keep it under 200 characters for optimal display.

image -- A representative image for the entire guide. Use a high-quality image that shows the end result or an overview of the process.

totalTime -- The total time required, in ISO 8601 duration format. PT5M means 5 minutes. PT1H30M means 1 hour 30 minutes. This helps AI systems give time estimates when citing your guide.

Supply and Tool Properties

supply -- Materials consumed during the process. In ecommerce, this is where you link to the products being used. Each supply can include a name, url (linking to the product page), and image.

tool -- Instruments used but not consumed. Tools persist after the process is complete.

The supply property is particularly powerful for ecommerce because it creates a direct semantic link between your instructional content and your product pages. When an AI system cites your how-to guide, the supply links tell it which products are involved, creating a natural recommendation pathway.

Step Properties

step -- An array of HowToStep objects, each representing one step in the process. Each step should include:

  • name -- A short label for the step (displayed as the step title)
  • text -- The full instruction text for this step
  • image -- An image showing this specific step (optional but recommended)
  • url -- A URL pointing to the section of the page covering this step (useful for deep linking)

Optional Properties

estimatedCost -- How much the process costs. For ecommerce guides, this is the total cost of supplies needed.

performTime -- The active working time (as opposed to waiting time). Use ISO 8601 format.

prepTime -- Time needed for preparation before starting the steps.

Sections and Directions for Complex Guides

For longer guides, you can organize steps into sections using HowToSection:

{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "How to Set Up and Season a Cast Iron Skillet",
  "step": [
    {
      "@type": "HowToSection",
      "name": "Initial Cleaning",
      "itemListElement": [
        {
          "@type": "HowToStep",
          "name": "Wash with warm soapy water",
          "text": "This is the only time you will use soap on your cast iron. Wash thoroughly to remove factory coating."
        },
        {
          "@type": "HowToStep",
          "name": "Dry completely",
          "text": "Dry immediately with a clean towel. Place on a burner over low heat for 2 minutes to evaporate remaining moisture."
        }
      ]
    },
    {
      "@type": "HowToSection",
      "name": "Seasoning",
      "itemListElement": [
        {
          "@type": "HowToStep",
          "name": "Apply thin layer of oil",
          "text": "Using a paper towel, apply a very thin layer of flaxseed or canola oil to the entire surface, inside and out."
        },
        {
          "@type": "HowToStep",
          "name": "Bake upside down at 450F",
          "text": "Place the skillet upside down in an oven preheated to 450F. Put foil on the rack below to catch drips. Bake for 1 hour."
        }
      ]
    }
  ]
}

Video Integration With HowTo Schema

If you produce video content alongside your guides, you can embed video references within your HowTo schema at both the guide level and the individual step level:

{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "How to Brew Pour-Over Coffee",
  "video": {
    "@type": "VideoObject",
    "name": "Pour-Over Coffee Brewing Guide",
    "description": "Complete video guide to brewing pour-over coffee with a ceramic dripper.",
    "thumbnailUrl": "https://example.com/images/video-thumb.jpg",
    "contentUrl": "https://example.com/videos/pour-over-guide.mp4",
    "uploadDate": "2026-01-15",
    "duration": "PT4M30S"
  },
  "step": [
    {
      "@type": "HowToStep",
      "name": "Heat water to 205F",
      "text": "Bring water to a boil, then let it cool for 30 seconds to reach approximately 205F.",
      "video": {
        "@type": "Clip",
        "name": "Heating Water",
        "startOffset": 15,
        "endOffset": 45,
        "url": "https://example.com/videos/pour-over-guide.mp4?t=15"
      }
    }
  ]
}

The Clip type lets you reference specific timestamps within a longer video, linking each step to the relevant video segment. This is particularly valuable for AI systems, which can direct users to the exact moment in your video that answers their question.

How AI Systems Extract HowTo Content

Understanding how AI engines use how-to content helps you optimize your schema for maximum citation probability.

Query matching. When a user asks "How do I season a cast iron pan?", AI systems look for indexed content that matches the query intent. HowTo schema with a clear name property that matches common phrasings of the question gets priority.

Step extraction. AI systems can extract individual steps from your schema and present them in their responses. A well-structured step array with clear, concise step names becomes a numbered list in an AI-generated answer -- with attribution to your site.

Supply and tool recommendations. When AI systems generate how-to answers that include product recommendations, they pull from the supply and tool properties. If your supply items link to product pages with complete Product schema, the AI can recommend specific products within the how-to context.

Time and cost context. The totalTime and estimatedCost properties let AI systems add context like "This takes about 5 minutes and costs around $42 in supplies" -- which makes the citation more useful and more likely to be included.

Best Practices for Ecommerce HowTo Schema

One guide per page, one schema per guide. Do not stack multiple HowTo schemas on a single page. Each guide should be the primary content of its own URL.

Write steps for extraction. Each step's text property should be self-contained enough to make sense if quoted on its own. AI systems may extract individual steps, not the full guide.

Link supplies to product pages. Every supply that corresponds to a product in your store should include a url linking to that product page. This creates a semantic web between your content and your catalog.

Include images for each step. Step-level images improve the quality of the structured data and give AI systems visual context to reference. Pages with complete step images are more likely to be cited in AI responses that include visual elements.

Use realistic time estimates. Do not underestimate how long your guide takes. If the AI tells a user the process takes 5 minutes and it actually takes 30, that erodes trust in your content and reduces future citations.

Update guides and schema together. If you revise a guide's steps, update the schema simultaneously. Stale schema that does not match page content violates Google's policies and confuses AI systems.

HowTo schema may have lost its Google Search rich result, but it gained something more valuable: a direct line to how AI systems structure and cite instructional content. For ecommerce merchants who produce guides, tutorials, and how-to content, the schema is a competitive advantage that most competitors have abandoned.

Up next

Breadcrumb Schema

BreadcrumbList schema for clear site navigation.