How-To Rich Results Schema: Complete Guide
How-To rich results display your step-by-step instructions directly in Google Search and Google Assistant, making your tutorial content visible without requiring a click. On desktop, Google shows a preview of your steps in an expandable panel; on mobile, users can step through your instructions right in the search result. This guide covers the HowTo schema markup, required and recommended properties, image requirements for each step, and common mistakes that prevent How-To rich results from appearing.
What Are How-To Rich Results?
How-To rich results appear for instructional queries — "how to fix a leaky faucet," "how to submit an XML sitemap to Google," "how to bake sourdough bread." Google displays the step names and optionally images from your HowTo schema as an interactive panel in the SERP. On mobile devices, users can tap through each step without leaving the search results page. This feature increases brand visibility for instructional content and can drive high-quality traffic from users who engage with your steps and want to read the full guide.
Required Schema Markup (JSON-LD)
A complete HowTo schema example with steps, tools, and supply:
{
"@context": "https://schema.org",
"@type": "HowTo",
"name": "How to Submit a Sitemap to Google Search Console",
"description": "A step-by-step guide to submitting your XML sitemap through Google Search Console.",
"totalTime": "PT5M",
"estimatedCost": {
"@type": "MonetaryAmount",
"currency": "USD",
"value": "0"
},
"tool": [
{ "@type": "HowToTool", "name": "Google Search Console account" },
{ "@type": "HowToTool", "name": "XML sitemap URL" }
],
"step": [
{
"@type": "HowToStep",
"name": "Open Google Search Console",
"text": "Go to search.google.com/search-console and sign in with your Google account.",
"image": "https://sitemapfixer.com/images/gsc-step1.jpg",
"url": "https://sitemapfixer.com/learn/how-to-rich-results#step1"
},
{
"@type": "HowToStep",
"name": "Select your property",
"text": "Choose the website property you want to submit the sitemap for from the left sidebar.",
"image": "https://sitemapfixer.com/images/gsc-step2.jpg",
"url": "https://sitemapfixer.com/learn/how-to-rich-results#step2"
},
{
"@type": "HowToStep",
"name": "Navigate to Sitemaps",
"text": "In the left navigation, click Index and then Sitemaps.",
"url": "https://sitemapfixer.com/learn/how-to-rich-results#step3"
},
{
"@type": "HowToStep",
"name": "Submit your sitemap URL",
"text": "Enter your sitemap URL (e.g., /sitemap.xml) in the text field and click Submit.",
"url": "https://sitemapfixer.com/learn/how-to-rich-results#step4"
}
]
}Required vs Recommended Properties
The required properties for HowTo rich results are name (the title of the how-to) and step (an array of HowToStep objects). Each HowToStep requires text (the instruction text). The name on each step is strongly recommended. Recommended properties for richer SERP display include: image on each step (enables image display in the step preview), url (anchor link to the step on the page), description on the HowTo, totalTime (ISO 8601 duration), estimatedCost, tool and supply arrays, and a top-level image.
Step Images and Visual Display
Step images are what make How-To rich results particularly compelling on mobile — Google can display a carousel of step images directly in the SERP. For each HowToStep, provide an image property pointing to a screenshot or photo illustrating that step. Images must be at least 1200px wide and in a standard web format (JPEG, PNG, WebP). Images must be crawlable by Googlebot. Not every step needs an image, but providing images for most steps significantly increases the likelihood of the visual rich result treatment. Steps without images will still appear as text-only entries in the step list.
HowToStep vs HowToSection
For simple how-tos, use a flat array of HowToStep objects. For complex how-tos with multiple phases or sections, use HowToSection to group steps. Each HowToSection has a name and an array of HowToStep objects. For example, a "How to Build a Website" guide might have sections for Planning, Development, and Launch. Google renders HowToSection names as sub-headings in the rich result panel. Nesting sections too deeply (more than 2 levels) is not supported and will be ignored; keep your structure flat or one level deep.
Eligibility Requirements
How-To rich results are only eligible on pages that describe a procedure with distinct, sequential steps toward completing a task or making something. Pages with HowTo schema that are actually informational articles, opinion pieces, or product pages will not qualify. The steps in the schema must match steps visible on the page — you cannot use HowTo schema to mark up content that is not genuinely a step-by-step guide. Content must not be paywalled in a way that prevents users from seeing the steps. As with all rich results, the page must be indexed and not blocked.
How to Test How-To Schema
Test your HowTo schema with the Rich Results Test. You can preview exactly how Google will render your steps in the SERP panel. Pay attention to truncation — Google truncates long step text in the preview, so ensure your most important information is in the first sentence of each step's text property. Check Search Console under Enhancements > How-tos for site-wide error reporting. A common issue is the rich result being detected in the test but not appearing in actual search — this usually means the page doesn't meet quality thresholds or has been deprioritized in favor of established competitors.
Common Mistakes and Fixes
Top HowTo schema mistakes: using HowTo schema on articles that are not truly step-by-step guides (fix: only use on genuine instructional content); missing text on HowToStep objects (fix: every step must have a text description); putting all instructions in a single step instead of breaking them into individual steps (fix: each distinct action should be its own HowToStep); step images blocked by authentication or CDN restrictions (fix: ensure images are publicly crawlable); and duplicating the how-to content across many pages with the same schema (fix: use canonical tags to consolidate duplicate how-to guides).
HowTo Schema for Voice Search
Beyond visual SERP features, HowTo schema helps Google Assistant provide step-by-step voice instructions. When a user asks Google Assistant "how do I fix a 404 error in my sitemap?" the assistant can read out your steps one at a time if you have valid HowTo schema. To optimize for voice, keep step text concise and action-oriented (start with a verb), avoid relying on visual references ("click the button shown above"), and keep total step count manageable — voice assistants typically read out 5–10 steps before offering to continue. HowTo schema is one of the most direct ways to achieve Google Assistant integration.