HowToSection
Canonical URL: http://schema.org/HowToSectionA sub-grouping of steps in the instructions for how to achieve a result (e.g. steps for making a pie crust within a pie recipe).
| Property | Expected Type | Description |
|---|---|---|
| Properties from HowToSection | ||
steps
|
CreativeWork or ItemList or Text | The steps in the form of a single item (text, document, video, etc.) or an ordered list with HowToStep and/or HowToSection items. |
| Properties from ItemList | ||
itemListElement
|
ListItem or Text or Thing | For itemListElement values, you can use simple strings (e.g. "Peter", "Paul", "Mary"), existing entities, or use ListItem.
Text values are best if the elements in the list are plain strings. Existing entities are best for a simple, unordered list of existing things in your data. ListItem is used with ordered lists when you want to provide additional context about the element in that list or when the same item might be in different places in different lists. Note: The order of elements in your mark-up is not sufficient for indicating the order or elements. Use ListItem with a 'position' property in such cases. |
itemListOrder
|
ItemListOrderType or Text | Type of ordering (e.g. Ascending, Descending, Unordered). |
numberOfItems
|
Integer | The number of items in an ItemList. Note that some descriptions might not fully describe all items in a list (e.g., multi-page pagination); in such cases, the numberOfItems would be for the entire list. |
| Properties from Thing | ||
additionalType
|
URL | An additional type for the item, typically used for adding more specific types from external vocabularies in microdata syntax. This is a relationship between something and a class that the thing is in. In RDFa syntax, it is better to use the native RDFa syntax - the 'typeof' attribute - for multiple types. Schema.org tools may have only weaker understanding of extra types, in particular those defined externally. |
alternateName
|
Text | An alias for the item. |
description
|
Text | A description of the item. |
disambiguatingDescription
|
Text | A sub property of description. A short description of the item used to disambiguate from other, similar items. Information from other properties (in particular, name) may be necessary for the description to be useful for disambiguation. |
identifier
|
PropertyValue or Text or URL | The identifier property represents any kind of identifier for any kind of Thing, such as ISBNs, GTIN codes, UUIDs etc. Schema.org provides dedicated properties for representing many of these, either as textual strings or as URL (URI) links. See background notes for more details. |
image
|
ImageObject or URL | An image of the item. This can be a URL or a fully described ImageObject. |
mainEntityOfPage
|
CreativeWork or URL | Indicates a page (or other CreativeWork) for which this thing is the main entity being described. See background notes for details. Inverse property: mainEntity. |
name
|
Text | The name of the item. |
potentialAction
|
Action | Indicates a potential Action, which describes an idealized action in which this thing would play an 'object' role. |
sameAs
|
URL | URL of a reference Web page that unambiguously indicates the item's identity. E.g. the URL of the item's Wikipedia page, Wikidata entry, or official website. |
url
|
URL | URL of the item. |
Examples
<div>
<strong><span>Change a Flat Tire</span></strong>
<div>About <span>$20</span></div>
<div>About <span>30 minutes</span></div>
<div>Necessary Items:</div>
<div>Spare tire</div>
<div>Lug wrench</div>
<div>Jack</div>
<div>Wheel wedges</div>
<div>Flares</div>
<div id="steps">
<div>Preparation</div>
<div>
<div>
<span><img href="lit-flares.jpg" /></span>
Turn on your hazard lights and set the flares.
</div>
<div>
You're going to need space and want to be visible.</div>
<div>
<div>
Position your wheel wedges in front of the front tires if a rear tire is flat, or behind the rear tires if a front tire is flat.
</div>
<div>
You don't want the car to move while you're working on it.
</div>
</div>
</div>
</div>
<div id="steps">
<div>Raise the car</div>
<div>
<div>
Position the jack underneath the car, next to the flat tire.
</div>
</div>
<div>
<div>
<span><img href="car-on-ground.jpg" /></span>
Raise the jack until the flat tire is just barely off of the ground.
<span><img href="car-raised.jpg" /></span>
</div>
<div>
It doesn't need to be too high.
</div>
</div>
<div>
<div>
Remove the hubcap and loosen the lug nuts.
</div>
</div>
<div>
<div>
<span><img href="replacing-tire.mp4" /></span>
Remove the flat tire and put the spare tire on the exposed lug bolts.
</div>
</div>
<div>
<div>
Tighten the lug nuts by hand.
</div>
<div>
Don't use the wrench just yet.
</div>
</div>
</div>
<div id="steps">
<div>Finishing up</div>
<div>
<div>
Lower the jack and tighten the lug nuts with the wrench.
</div>
</div>
<div>
<div>
Replace the hubcap.
</div>
</div>
<div>
<div>
Put the equipment and the flat tire away.
</div>
</div>
</div>
</div>
<div itemscope itemtype="http://schema.org/HowTo">
<strong><span itemprop="name">Change a Flat Tire</span></strong>
<div>About <span itemprop="estimatedCost">$20</span></div>
<div>About <span itemprop="totalTime">30 minutes</span></div>
<div>Necessary Items:</div>
<div itemprop="tool" itemscope itemtype="http://schema.org/HowToItem">Spare tire</div>
<div itemprop="tool" itemscope itemtype="http://schema.org/HowToItem">Lug wrench</div>
<div itemprop="tool" itemscope itemtype="http://schema.org/HowToItem">Jack</div>
<div itemprop="tool" itemscope itemtype="http://schema.org/HowToItem">Wheel wedges</div>
<div itemprop="supply" itemscope itemtype="http://schema.org/HowToItem">Flares</div>
<div id="steps" itemprop="steps" itemscope itemtype="http://schema.org/HowToSection">
<div itemprop="name">Preparation</div>
<div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToStep">
<div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection">
<span itemprop="duringMedia"><img itemprop="image" href="lit-flares.jpg" /></span>
Turn on your hazard lights and set the flares.
</div>
<div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToTip">
You're going to need space and want to be visible.</div>
<div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToStep">
<div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection">
Position your wheel wedges in front of the front tires if a rear tire is flat, or behind the rear tires if a front tire is flat.
</div>
<div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToTip">
You don't want the car to move while you're working on it.
</div>
</div>
</div>
</div>
<div id="steps" itemprop="steps" itemscope itemtype="http://schema.org/HowToSection">
<div itemprop="name">Raise the car</div>
<div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToStep">
<div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection">
Position the jack underneath the car, next to the flat tire.
</div>
</div>
<div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToStep">
<div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection">
<span itemprop="beforeMedia"><img itemprop="image" href="car-on-ground.jpg" /></span>
Raise the jack until the flat tire is just barely off of the ground.
<span itemprop="afterMedia"><img itemprop="image" href="car-raised.jpg" /></span>
</div>
<div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToTip">
It doesn't need to be too high.
</div>
</div>
<div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToStep">
<div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection">
Remove the hubcap and loosen the lug nuts.
</div>
</div>
<div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToStep">
<div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection">
<span itemprop="duringMedia"><img itemprop="image" href="replacing-tire.mp4" /></span>
Remove the flat tire and put the spare tire on the exposed lug bolts.
</div>
</div>
<div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToStep">
<div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection">
Tighten the lug nuts by hand.
</div>
<div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToTip">
Don't use the wrench just yet.
</div>
</div>
</div>
<div id="steps" itemprop="steps" itemscope itemtype="http://schema.org/HowToSection">
<div itemprop="name">Finishing up</div>
<div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToStep">
<div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection">
Lower the jack and tighten the lug nuts with the wrench.
</div>
</div>
<div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToStep">
<div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection">
Replace the hubcap.
</div>
</div>
<div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToStep">
<div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection">
Put the equipment and the flat tire away.
</div>
</div>
</div>
</div>
No RDFA
No JSON
Schema Version 3.3