HowToTip

Канонический URL: http://schema.org/HowToTip

Thing > Intangible > ListItem > HowToTip

An explanation in the instructions for how to achieve a result. It provides supplementary information about a technique, supply, author's preference, etc. It can explain what could be done, or what should not be done, but doesn't specify what should be done (see HowToDirection).
Свойство Ожидаемый тип Описание
Свойства от ListItem
position Text
или Integer 		The position of an item in a series or sequence of items.
item Thing An entity represented by an entry in a list or data feed (e.g. an 'artist' in a list of 'artists')’.
previousItem ListItem A link to the ListItem that preceeds the current one.
nextItem ListItem A link to the ListItem that follows the current one.
Свойства от Thing
additionalType URL Дополнительный тип для элемента, который обычно используется для добавления более конкретных типов от внешних словарей в синтаксис микроданных. Это отношения между чем-то и классом к которому он принадлежит. В синтаксисе RDFa, лучше использовать родной синтаксис RDF - аттрибут "TypeOf" для множественных типов. Инстументы Schema.org могут слабо понимать дополнительные типы, особенно те, которые определены извне.
alternateName Text Любое альтернативное название медицинской сущности.
description Text Короткое описание записи.
image URL
или ImageObject 		URL изображения записи.
name Text Имя записи.
sameAs URL Адрес веб-страницы, которая недвусмысленно указывает на идентичность элемента. Например, ссылка на страницу элемента на Википедии, Freebase страницу или на официальный сайт.
url URL URL записи.
potentialAction Action Indicates a potential Action, which describes an idealized action in which this thing would play an 'object' role.
mainEntityOfPage CreativeWork
или URL 		Указывает на страницу (или другую "CreativeWork"), для которой эта вещь является основной описываемой сущностью. Подробнее см. В [справочных материалах] (/docs/datamodel.html#mainEntityBackground).
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 URL
или Text
или PropertyValue 		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](/docs/datamodel.html#identifierBg) for more details.


Примеры

<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