core + auto (Auto Extension): terms relating to automobiles.

HowToStep

Canonical URL: http://schema.org/HowToStep

Thing > Intangible > ItemList > HowToStep
Thing > Intangible > ListItem > HowToStep
Thing > CreativeWork > HowToStep

A step in the instructions for how to achieve a result. It is an ordered list with HowToDirection and/or HowToTip items.
PropertyExpected TypeDescription
Properties from CreativeWork
about Thing The subject matter of the content.
Inverse property: subjectOf.
accessibilityControl Text Identifies input methods that are sufficient to fully control the described resource (WebSchemas wiki lists possible values).
accessibilityFeature Text Content features of the resource, such as accessible media, alternatives and supported enhancements for accessibility (WebSchemas wiki lists possible values).
accessibilitySummary Text A human-readable summary of specific accessibility features or deficiencies, consistent with the other accessibility metadata but expressing subtleties such as "short descriptions are present but long descriptions will be needed for non-visual users" or "short descriptions are present and no long descriptions are needed."
aggregateRating AggregateRating The overall rating, based on a collection of reviews or ratings, of the item.
author Organization  or
Person 
The author of this content or rating. Please note that author is special in that HTML 5 provides a special mechanism for indicating authorship via the rel tag. That is equivalent to this and may be used interchangeably.
award Text An award won by or for this item. Supersedes awards.
contentLocation Place The location depicted or described in the content. For example, the location in a photograph or painting.
contributor Organization  or
Person 
A secondary contributor to the CreativeWork or Event.
creator Organization  or
Person 
The creator/author of this CreativeWork. This is the same as the Author property for CreativeWork.
datePublished Date Date of first broadcast/publication.
exampleOfWork CreativeWork A creative work that this work is an example/instance/realization/derivation of.
Inverse property: workExample.
hasPart CreativeWork Indicates a CreativeWork that is (in some sense) a part of this CreativeWork.
Inverse property: isPartOf.
interactionStatistic InteractionCounter The number of interactions for the CreativeWork using the WebSite or SoftwareApplication. The most specific child type of InteractionCounter should be used. Supersedes interactionCount.
interactivityType Text The predominant mode of learning supported by the learning resource. Acceptable values are 'active', 'expositive', or 'mixed'.
isFamilyFriendly Boolean Indicates whether this content is family friendly.
isPartOf CreativeWork Indicates a CreativeWork that this CreativeWork is (in some sense) part of.
Inverse property: hasPart.
mainEntity Thing Indicates the primary entity described in some page or other CreativeWork.
Inverse property: mainEntityOfPage.
mentions Thing Indicates that the CreativeWork contains a reference to, but is not necessarily about a concept.
provider Organization  or
Person 
The service provider, service operator, or service performer; the goods producer. Another party (a seller) may offer those services or goods on behalf of the provider. A provider may also serve as the seller. Supersedes carrier.
publication PublicationEvent A publication event associated with the item.
publishingPrinciples CreativeWork  or
URL 
The publishingPrinciples property indicates (typically via URL) a document describing the editorial principles of an Organization (or individual e.g. a Person writing a blog) that relate to their activities as a publisher, e.g. ethics or diversity policies. When applied to a CreativeWork (e.g. NewsArticle) the principles are those of the party primarily responsible for the creation of the CreativeWork.

While such policies are most typically expressed in natural language, sometimes related information (e.g. indicating a funder) can be expressed using schema.org terminology.

recordedAt Event The Event where the CreativeWork was recorded. The CreativeWork may capture all or part of the event.
Inverse property: recordedIn.
review Review A review of the item. Supersedes reviews.
schemaVersion Text  or
URL 
Indicates (by URL or string) a particular version of a schema used in some CreativeWork. For example, a document could declare a schemaVersion using an URL such as http://schema.org/version/2.0/ if precise indication of schema version was required by some application.
thumbnailUrl URL A thumbnail image relevant to the Thing.
workExample CreativeWork Example/instance/realization/derivation of the concept of this creative work. eg. The paperback edition, first edition, or eBook.
Inverse property: exampleOfWork.
Properties from ListItem
item Thing An entity represented by an entry in a list or data feed (e.g. an 'artist' in a list of 'artists')’.
nextItem ListItem A link to the ListItem that follows the current one.
position Integer  or
Text 
The position of an item in a series or sequence of items.
previousItem ListItem A link to the ListItem that preceeds the current one.
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.
subjectOf CreativeWork  or
Event 
A CreativeWork or Event about this Thing..
Inverse property: about.
url URL URL of the item.


Instances of HowToStep may appear as values for the following properties

PropertyOn TypesDescription
step HowTo A single step item (as HowToStep, text, document, video, etc.) or a HowToSection. Supersedes steps.

Available properties in extensions



Examples

Example 1
<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"><div itemprop="name">Spare tire</div></div>
  <div itemprop="tool" itemscope itemtype="http://schema.org/HowToItem"><div itemprop="name">Lug wrench</div></div>
  <div itemprop="tool" itemscope itemtype="http://schema.org/HowToItem"><div itemprop="name">Jack</div></div>
  <div itemprop="tool" itemscope itemtype="http://schema.org/HowToItem"><div itemprop="name">Wheel wedges</div></div>
  <div itemprop="supply" itemscope itemtype="http://schema.org/HowToItem"><div itemprop="name">Flares</div></div>
  <div itemprop="step" 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>
        <div itemprop="text">Turn on your hazard lights and set the flares.</div>
      </div>
      <div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToTip">
        <div itemprop="text">You're going to need space and want to be visible.</div>
      </div>
    </div>
    <div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToStep">
      <div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection">
        <div itemprop="text">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>
      <div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToTip">
        <div itemprop="text">You don't want the car to move while you're working on it.</div>
      </div>
    </div>
  </div>
  <div itemprop="step" 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">
        <div itemprop="text">Position the jack underneath the car, next to the flat tire.</div>
      </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>
        <div itemprop="text">Raise the jack until the flat tire is just barely off of the ground.</div>
        <span itemprop="afterMedia"><img itemprop="image" href="car-raised.jpg" /></span>
      </div>
      <div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToTip">
        <div itemprop="text">It doesn't need to be too high.</div>
      </div>
    </div>
    <div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToStep">
      <div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection">
        <div itemprop="text">Remove the hubcap and loosen the lug nuts.</div>
      </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>
        <div itemprop="text">Remove the flat tire and put the spare tire on the exposed lug bolts.</div>
      </div>
    </div>
    <div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToStep">
      <div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection">
        <div itemprop="text">Tighten the lug nuts by hand.</div>
      </div>
      <div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToTip">
        <div itemprop="text">Don't use the wrench just yet.</div>
      </div>
    </div>
  </div>
  <div itemprop="step" 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">
        <div itemprop="text">Lower the jack and tighten the lug nuts with the wrench.</div>
      </div>
    </div>
    <div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToStep">
      <div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection">
        <div itemprop="text">Replace the hubcap.</div>
      </div>
    </div>
    <div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToStep">
      <div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection">
        <div itemprop="text">Put the equipment and the flat tire away.</div>
      </div>
    </div>
  </div>
</div>
No RDFA
No JSON

Schema Version 3.3