steps

Свойство schema.org ?

⚠️ Этот термин был заменён на step.

Канонический URL: https://schema.org/steps
👉 Проверить на наличие открытых проблем.

Содержание: Описание, Какие должны быть типы, В каких типах используется, На что заменен, Примеры использования.

Описание:

Единичный элемент шага (например, HowToStep, текст, документ, видео и т.д.) или секция HowTo (изначально неправильно названная 'steps'; предпочтительно 'step').

Свойство steps в Schema.org используется для структурирования информации о последовательности действий, необходимых для выполнения определенной задачи или процесса. Оно относится к типу HowTo, который описывает различные инструкции и руководства.

Это свойство может содержать отдельные шаги (например, HowToStep), которые представляют собой конкретные действия, которые нужно выполнить. Каждый шаг может включать текстовое описание, документы, видео или другие формы контента, которые помогают пользователю понять, как выполнить задачу.

Свойство steps помогает улучшить видимость и доступность инструкции в поисковых системах, так как структурированные данные позволяют поисковым системам лучше индексировать и отображать информацию. Это может привести к более высокому уровню взаимодействия пользователей с контентом, так как они могут быстро находить нужные шаги и следовать им.

Использование свойства steps также способствует созданию более организованного и понятного контента, что улучшает пользовательский опыт. Оно позволяет разработчикам и авторам контента четко структурировать информацию, делая ее более легкой для восприятия и выполнения.

Ожидается, что значения будут одного из этих типов

Используется в этих типах

Заменен на: step

Примеры

Пример 1

Пример заметки или HTML разметки.


<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>
        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>
        <span><img alt="image showing positioning of jack" src="position-jack.jpg" /></span>
        Position the jack underneath the car, next to the flat tire.
      </div>
    </div>
    <div>
      <div>
        <span><img alt="image showing car while still on the ground" src="car-on-ground.jpg" /></span>
        Raise the jack until the flat tire is just barely off of the ground.
        <span><img alt="image showing car raised by jack" src="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>
        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>

Пример, закодированный в формате Microdata, встроенный в HTML.


<div itemscope itemtype="https://schema.org/HowTo">
  <strong><span itemprop="name">Change a Flat Tire</span></strong>
  <div>About <span itemprop="estimatedCost" itemscope itemtype="https://schema.org/MonetaryAmount">
    <meta itemprop="currency" content="USD"/>
    <meta itemprop="value" content="20"/>
  </span>$20</div>
  <div>About <span itemprop="totalTime" content="PT30M">30 minutes</span></div>
  <div>Necessary Items:</div>
  <div itemprop="tool">Spare tire</div>
  <div itemprop="tool" itemscope itemtype="https://schema.org/HowToTool">
    <span itemprop="name">Lug wrench</span>
    <img alt="image of a lug wrench" itemprop="image" src="lug-wrench.jpg"/>
  </div>
  <div itemprop="tool">Jack</div>
  <div itemprop="tool" itemscope itemtype="https://schema.org/HowToTool">
    <span itemprop="name">Wheel wedges</span>
    <img alt="image showing wheel wedges" itemprop="image" src="wheel-wedges.jpg"/>
  </div>
  <div itemprop="supply" itemscope itemtype="https://schema.org/HowToSupply">
    <span itemprop="name">Flares</span>
    <img alt="image of flares" itemprop="image" src="flares.jpg"/>
  </div>
  <div itemprop="step" itemscope itemtype="https://schema.org/HowToSection">
    <div itemprop="name">Preparation</div>
    <meta itemprop="position" content="1"/>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToStep">
      <meta itemprop="position" content="1"/>
      <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
        <meta itemprop="position" content="1"/>
        <div itemprop="text">Turn on your hazard lights and set the flares.</div>
      </div>
      <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToTip">
        <meta itemprop="position" content="2"/>
        <div itemprop="text">You're going to need space and want to be visible.</div>
      </div>
    </div>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToStep">
      <meta itemprop="position" content="2"/>
      <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
        <meta itemprop="position" content="1"/>
        <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="https://schema.org/HowToTip">
        <meta itemprop="position" content="2"/>
        <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="https://schema.org/HowToSection">
    <div itemprop="name">Raise the car</div>
    <meta itemprop="position" content="2"/>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToStep">
      <meta itemprop="position" content="1"/>
      <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
        <meta itemprop="position" content="1"/>
        <img alt="image showing positioning of jack" itemprop="duringMedia" src="position-jack.jpg" />
        <div itemprop="text">Position the jack underneath the car, next to the flat tire.</div>
      </div>
    </div>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToStep">
      <meta itemprop="position" content="2"/>
      <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
        <meta itemprop="position" content="1"/>
        <div itemprop="beforeMedia" itemscope itemtype="https://schema.org/ImageObject">
          <img alt="image showing car while still on the ground" itemprop="contentUrl" src="car-on-ground.jpg" />
        </div>
        <div itemprop="text">Raise the jack until the flat tire is just barely off of the ground.</div>
        <div itemprop="afterMedia" itemscope itemtype="https://schema.org/ImageObject">
          <img alt="image showing car raised by jack" itemprop="contentUrl" src="car-raised.jpg" />
        </div>
      </div>
      <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToTip">
        <meta itemprop="position" content="2"/>
        <div itemprop="text">It doesn't need to be too high.</div>
      </div>
    </div>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToStep">
      <meta itemprop="position" content="3"/>
      <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
        <meta itemprop="position" content="1"/>
        <div itemprop="text">Remove the hubcap and loosen the lug nuts.</div>
      </div>
    </div>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToStep">
      <meta itemprop="position" content="4"/>
      <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
        <meta itemprop="position" content="1"/>
        <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="https://schema.org/HowToStep">
      <meta itemprop="position" content="5"/>
      <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
        <meta itemprop="position" content="1"/>
        <div itemprop="text">Tighten the lug nuts by hand.</div>
      </div>
      <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToTip">
        <meta itemprop="position" content="2"/>
        <div itemprop="text">Don't use the wrench just yet.</div>
      </div>
    </div>
  </div>
  <div itemprop="step" itemscope itemtype="https://schema.org/HowToSection">
    <div itemprop="name">Finishing up</div>
    <meta itemprop="position" content="3"/>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToStep">
      <meta itemprop="position" content="1"/>
      <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
        <meta itemprop="position" content="1">
        <div itemprop="text">Lower the jack and tighten the lug nuts with the wrench.</div>
      </div>
    </div>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToStep">
      <meta itemprop="position" content="2"/>
      <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
        <meta itemprop="position" content="1"/>
        <div itemprop="text">Replace the hubcap.</div>
      </div>
    </div>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToStep">
      <meta itemprop="position" content="3"/>
      <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
        <meta itemprop="position" content="1"/>
        <div itemprop="text">Put the equipment and the flat tire away.</div>
      </div>
    </div>
  </div>
</div>

Пример, закодированный в формате RDFa, встроенный в HTML.


<div vocab="https://schema.org/" typeof="HowTo">
  <strong><span property="name">Change a Flat Tire</span></strong>
  <div>About <span property="estimatedCost" typeof="MonetaryAmount">
    <meta property="currency" content="USD"/>
    <meta property="value" content="20"/>
  </span>$20</div>
  <div>About <span property="totalTime" content="PT30M">30 minutes</span></div>
  <div>Necessary Items:</div>
  <div property="tool">Spare tire</div>
  <div property="tool" typeof="HowToTool">
    <span property="name">Lug wrench</span>
    <img alt="image of a lug wrench" property="image" src="lug-wrench.jpg"/>
  </div>
  <div property="tool">Jack</div>
  <div property="tool" typeof="HowToTool">
    <span property="name">Wheel wedges</span>
    <img alt="image showing wheel wedges" property="image" src="wheel-wedges.jpg"/>
  </div>
  <div property="supply" typeof="HowToSupply">
    <span property="name">Flares</span>
    <img alt="image of flares" property="image" src="flares.jpg"/>
  </div>
  <div property="step" typeof="HowToSection">
    <div property="name">Preparation</div>
    <meta property="position" content="1"/>
    <div property="itemListElement" typeof="HowToStep">
      <meta property="position" content="1"/>
      <div property="itemListElement" typeof="HowToDirection">
        <meta property="position" content="1"/>
        <div property="text">Turn on your hazard lights and set the flares.</div>
      </div>
      <div property="itemListElement" typeof="HowToTip">
        <meta property="position" content="2"/>
        <div property="text">You're going to need space and want to be visible.</div>
      </div>
    </div>
    <div property="itemListElement" typeof="HowToStep">
      <meta property="position" content="2"/>
      <div property="itemListElement" typeof="HowToDirection">
        <meta property="position" content="1"/>
        <div property="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 property="itemListElement" typeof="HowToTip">
        <meta property="position" content="2"/>
        <div property="text">You don't want the car to move while you're working on it.</div>
      </div>
    </div>
  </div>
  <div property="step" typeof="HowToSection">
    <div property="name">Raise the car</div>
    <meta property="position" content="2"/>
    <div property="itemListElement" typeof="HowToStep">
      <meta property="position" content="1"/>
      <div property="itemListElement" typeof="HowToDirection">
        <meta property="position" content="1"/>
        <img alt="image showing positioning of jack" property="duringMedia" src="position-jack.jpg" />
        <div property="text">Position the jack underneath the car, next to the flat tire.</div>
      </div>
    </div>
    <div property="itemListElement" typeof="HowToStep">
      <meta property="position" content="2"/>
      <div property="itemListElement" typeof="HowToDirection">
        <meta property="position" content="1"/>
        <div property="beforeMedia" typeof="ImageObject">
          <img alt="image showing car while still on the ground" property="contentUrl" src="car-on-ground.jpg" />
        </div>
        <div property="text">Raise the jack until the flat tire is just barely off of the ground.</div>
        <div property="afterMedia" typeof="ImageObject">
          <img alt="image showing car raised by jack" property="contentUrl" src="car-raised.jpg" />
        </div>
      </div>
      <div property="itemListElement" typeof="HowToTip">
        <meta property="position" content="2"/>
        <div property="text">It doesn't need to be too high.</div>
      </div>
    </div>
    <div property="itemListElement" typeof="HowToStep">
      <meta property="position" content="3"/>
      <div property="itemListElement" typeof="HowToDirection">
        <meta property="position" content="1"/>
        <div property="text">Remove the hubcap and loosen the lug nuts.</div>
      </div>
    </div>
    <div property="itemListElement" typeof="HowToStep">
      <meta property="position" content="4"/>
      <div property="itemListElement" typeof="HowToDirection">
        <meta property="position" content="1"/>
        <div property="text">Remove the flat tire and put the spare tire on the exposed lug bolts.</div>
      </div>
    </div>
    <div property="itemListElement" typeof="HowToStep">
      <meta property="position" content="5"/>
      <div property="itemListElement" typeof="HowToDirection">
        <meta property="position" content="1"/>
        <div property="text">Tighten the lug nuts by hand.</div>
      </div>
      <div property="itemListElement" typeof="HowToTip">
        <meta property="position" content="2"/>
        <div property="text">Don't use the wrench just yet.</div>
      </div>
    </div>
  </div>
  <div property="step" typeof="HowToSection">
    <div property="name">Finishing up</div>
    <meta property="position" content="3"/>
    <div property="itemListElement" typeof="HowToStep">
      <meta property="position" content="1"/>
      <div property="itemListElement" typeof="HowToDirection">
        <meta property="position" content="1">
        <div property="text">Lower the jack and tighten the lug nuts with the wrench.</div>
      </div>
    </div>
    <div property="itemListElement" typeof="HowToStep">
      <meta property="position" content="2"/>
      <div property="itemListElement" typeof="HowToDirection">
        <meta property="position" content="1"/>
        <div property="text">Replace the hubcap.</div>
      </div>
    </div>
    <div property="itemListElement" typeof="HowToStep">
      <meta property="position" content="3"/>
      <div property="itemListElement" typeof="HowToDirection">
        <meta property="position" content="1"/>
        <div property="text">Put the equipment and the flat tire away.</div>
      </div>
    </div>
  </div>
</div>

Пример, закодированный в формате JSON-LD в теге <script> HTML.


<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "Change a Flat Tire",
  "estimatedCost": {
    "@type": "MonetaryAmount",
    "currency": "USD",
    "value": "20"
  },
  "totalTime": "PT30M",
  "tool": [
    {
      "@type": "HowToTool",
      "name": "Spare tire"
    },
    {
      "@type": "HowToTool",
      "name": "Lug wrench",
      "image": "lug-wrench.jpg"
    },
    {
      "@type": "HowToTool",
      "name": "Jack"
    },
    {
      "@type": "HowToTool",
      "name": "Wheel wedges",
      "image": "wheel-wedges.jpg"
    }
  ],
  "supply": {
    "@type": "HowToSupply",
    "name": "Flares",
    "image": "flares.jpg"
  },
  "step": [
    {
      "@type": "HowToSection",
      "name": "Preparation",
      "position": "1",
      "itemListElement": [
        {
          "@type": "HowToStep",
          "position": "1",
          "itemListElement": [
            {
              "@type": "HowToDirection",
              "position": "1",
              "text": "Turn on your hazard lights and set the flares."
            },
            {
              "@type": "HowToTip",
              "position": "2",
              "text": "You're going to need space and want to be visible."
            }
          ]
        },
        {
          "@type": "HowToStep",
          "position": "2",
          "itemListElement": [
            {
              "@type": "HowToDirection",
              "position": "1",
              "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"
            },
            {
              "@type": "HowToTip",
              "position": "2",
              "text": "You don't want the car to move while you're working on it."
            }
          ]
        }
      ]
    },
    {
      "@type": "HowToSection",
      "name": "Raise the car",
      "position": "2",
      "itemListElement": [
        {
          "@type": "HowToStep",
          "position": "1",
          "itemListElement": [
            {
              "@type": "HowToDirection",
              "position": "1",
              "duringMedia": "position-jack.jpg",
              "text": "Position the jack underneath the car, next to the flat tire."
            }
          ]
        },
        {
          "@type": "HowToStep",
          "position": "2",
          "itemListElement": [
            {
              "@type": "HowToDirection",
              "position": "1",
              "beforeMedia": {
                  "@type": "ImageObject",
                  "contentUrl": "car-on-ground.jpg"
              },
              "afterMedia": {
                  "@type": "ImageObject",
                  "contentUrl": "car-raised.jpg"
              },
              "text": "Raise the jack until the flat tire is just barely off of the ground."
            },
            {
              "@type": "HowToTip",
              "position": "2",
              "text": "It doesn't need to be too high."
            }
          ]
        },
        {
          "@type": "HowToStep",
          "position": "3",
          "itemListElement": [
            {
              "@type": "HowToDirection",
              "position": "1",
              "text": "Remove the hubcap and loosen the lug nuts."
            }
          ]
        },
        {
          "@type": "HowToStep",
          "position": "4",
          "itemListElement": [
            {
              "@type": "HowToDirection",
              "position": "1",
              "text": "Remove the flat tire and put the spare tire on the exposed lug bolts."
            }
          ]
        },
        {
          "@type": "HowToStep",
          "position": "5",
          "itemListElement": [
            {
              "@type": "HowToDirection",
              "position": "1",
              "text": "Tighten the lug nuts by hand."
            },
            {
              "@type": "HowToTip",
              "position": "2",
              "text": "Don't use the wrench just yet."
            }
          ]
        }
      ]
    },
    {
      "@type": "HowToSection",
      "name": "Finishing up",
      "position": "3",
      "itemListElement": [
        {
          "@type": "HowToStep",
          "position": "1",
          "itemListElement": [
            {
              "@type": "HowToDirection",
              "position": "1",
              "text": "Lower the jack and tighten the lug nuts with the wrench."
            }
          ]
        },
        {
          "@type": "HowToStep",
          "position": "2",
          "itemListElement": [
            {
              "@type": "HowToDirection",
              "position": "1",
              "text": "Replace the hubcap."
            }
          ]
        },
        {
          "@type": "HowToStep",
          "position": "3",
          "itemListElement": [
            {
              "@type": "HowToDirection",
              "position": "1",
              "text": "Put the equipment and the flat tire away."
            }
          ]
        }
      ]
    }
  ]
}
</script>

Структурированное представление примера JSON-LD.

@context

https://schema.org

@type

HowTo

name

Change a Flat Tire

estimatedCost

@type: MonetaryAmount
currency: USD
value: 20

totalTime

PT30M

tool

0

@type: HowToTool
name: Spare tire

1

@type: HowToTool
name: Lug wrench
image: lug-wrench.jpg

2

@type: HowToTool
name: Jack

3

@type: HowToTool
name: Wheel wedges
image: wheel-wedges.jpg

supply

@type: HowToSupply
name: Flares
image: flares.jpg

step

0

@type

HowToSection

name

Preparation

position

itemListElement

0

@type

HowToStep

position

itemListElement

0

@type: HowToDirection
position: 1
text: Turn on your hazard lights and set the flares.

1

@type: HowToTip
position: 2
text: You're going to need space and want to be visible.

1

@type

HowToStep

position

itemListElement

0

@type: HowToDirection
position: 1
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

1

@type: HowToTip
position: 2
text: You don't want the car to move while you're working on it.

1

@type

HowToSection

name

Raise the car

position

itemListElement

0

@type

HowToStep

position

itemListElement

0

@type: HowToDirection
position: 1
duringMedia: position-jack.jpg
text: Position the jack underneath the car, next to the flat tire.

1

@type

HowToStep

position

itemListElement

0

@type

HowToDirection

position

beforeMedia

@type: ImageObject
contentUrl: car-on-ground.jpg

afterMedia

@type: ImageObject
contentUrl: car-raised.jpg

text

Raise the jack until the flat tire is just barely off of the ground.

1

@type: HowToTip
position: 2
text: It doesn't need to be too high.

2

@type

HowToStep

position

itemListElement

0

@type: HowToDirection
position: 1
text: Remove the hubcap and loosen the lug nuts.

3

@type

HowToStep

position

itemListElement

0

@type: HowToDirection
position: 1
text: Remove the flat tire and put the spare tire on the exposed lug bolts.

4

@type

HowToStep

position

itemListElement

0

@type: HowToDirection
position: 1
text: Tighten the lug nuts by hand.

1

@type: HowToTip
position: 2
text: Don't use the wrench just yet.

2

@type

HowToSection

name

Finishing up

position

itemListElement

0

@type

HowToStep

position

itemListElement

0

@type: HowToDirection
position: 1
text: Lower the jack and tighten the lug nuts with the wrench.

1

@type

HowToStep

position

itemListElement

0

@type: HowToDirection
position: 1
text: Replace the hubcap.

2

@type

HowToStep

position

itemListElement

0

@type: HowToDirection
position: 1
text: Put the equipment and the flat tire away.

Автор: Семён Авдосов [schema.su]

Дата публикации: 16.11.2024

Дата обновления: 20.11.2024

Комментарии