HowTo

HowTo - тип микроразметки из словаря Schema.org, предназначенный для структурирования пошаговых инструкций на веб-страницах. Разметка HowTo позволяет поисковым системам (Яндекс, Google) лучше понимать содержание инструкций и отображать их в расширенных сниппетах с указанием количества шагов, времени выполнения и другой полезной информации.

В интернет-маркетинге и SEO использование HowTo помогает улучшить CTR за счёт более заметных сниппетов и повышает шансы попадания в блоки быстрых ответов и ИИ-выдачу.

Зачем нужна разметка HowTo

Для поисковых систем

Позволяет точно определить, что страница содержит пошаговую инструкцию
Помогает понять структуру шагов и их последовательность
Даёт возможность оценить общее время выполнения инструкции
Улучшает понимание контента для алгоритмов машинного обучения (BERT, MUM)

Для пользователей

В поисковой выдаче сразу видно количество шагов в инструкции
Можно увидеть несколько первых шагов без перехода на сайт
Понятно, сколько времени займёт выполнение
Более информативный сниппет помогает принять решение о переходе

Для владельцев сайтов

Повышение кликабельности (CTR) за счёт расширенного сниппета
Улучшение поведенческих факторов
Дополнительный шанс попасть в блоки быстрых ответов
Лучшее понимание контента ИИ-ассистентами (GEO, AEO)

Структура разметки HowTo

Обязательные элементы

@type: HowTo - указывает тип разметки
name - название инструкции
step - массив шагов (минимум 1 шаг)

Структура шагов

Каждый шаг может быть представлен как:

HowToStep - простой шаг
HowToSection - группа шагов (если инструкция сложная и шаги сгруппированы)

Внутри шага указываются:

name - название шага (опционально)
text - описание шага
image - изображение к шагу
url - ссылка на конкретный шаг (если есть якоря)

Форматы разметки

JSON-LD (рекомендуемый)

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "Как испечь шоколадный кекс",
  "description": "Простой рецепт вкусного шоколадного кекса",
  "totalTime": "PT45M",
  "image": "https://example.com/photo.jpg",
  "step": [
    {
      "@type": "HowToStep",
      "name": "Подготовка ингредиентов",
      "text": "Смешайте муку, какао и разрыхлитель.",
      "image": "https://example.com/step1.jpg"
    },
    {
      "@type": "HowToStep",
      "name": "Замешивание теста",
      "text": "Добавьте яйца, масло и молоко, перемешайте до однородности.",
      "image": "https://example.com/step2.jpg"
    },
    {
      "@type": "HowToStep",
      "name": "Выпекание",
      "text": "Вылейте тесто в форму и выпекайте 30 минут при 180 градусах.",
      "image": "https://example.com/step3.jpg"
    }
  ]
}
</script>

Микроданные (microdata)

Поддерживается Яндексом, но сложнее в реализации:

<div itemscope itemtype="https://schema.org/HowTo">
  <h1 itemprop="name">Как испечь шоколадный кекс</h1>
  <p itemprop="description">Простой рецепт вкусного шоколадного кекса</p>
  <meta itemprop="totalTime" content="PT45M">45 минут
  
  <div itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
    <meta itemprop="position" content="1">
    <h3 itemprop="name">Подготовка ингредиентов</h3>
    <p itemprop="text">Смешайте муку, какао и разрыхлитель.</p>
  </div>
  
  <div itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
    <meta itemprop="position" content="2">
    <h3 itemprop="name">Замешивание теста</h3>
    <p itemprop="text">Добавьте яйца, масло и молоко, перемешайте до однородности.</p>
  </div>
  
  <div itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
    <meta itemprop="position" content="3">
    <h3 itemprop="name">Выпекание</h3>
    <p itemprop="text">Вылейте тесто в форму и выпекайте 30 минут при 180 градусах.</p>
  </div>
</div>

Когда использовать HowTo

Подходящие типы контента

Кулинарные рецепты (с временем приготовления)
Инструкции по сборке мебели или техники
Руководства по настройке программного обеспечения
Уроки и мастер-классы
Инструкции по ремонту
Гайды по рукоделию и творчеству
Любые пошаговые руководства

Неподходящие случаи

Статьи без чёткой пошаговой структуры
Страницы с простым списком советов (лучше использовать FAQ или Article)
Контент, где шаги не имеют фиксированной последовательности

Как проверить разметку

Инструменты валидации

Google Rich Results Test - проверка для Google
Яндекс.Вебмастер (Валидатор структурированных данных) - проверка для Яндекса
Schema Markup Validator - общий валидатор от Schema.org

Что проверять

Соответствие типов данных
Наличие всех обязательных полей
Корректность форматов (даты, времени, URL)

- Отсутствие синтаксических ошибок в JSON

HowTo и другие типы разметки

HowTo vs FAQ

HowTo - для пошаговых инструкций (последовательные действия)
FAQ - для вопросов и ответов (неупорядоченный список)

HowTo vs Article

HowTo - для практических руководств с чёткими шагами
Article - для новостей, обзоров, аналитических статей

HowTo и GEO

В эпоху GEO (Generative Engine Optimization) разметка HowTo становится особенно важна:

ИИ-ассистенты легко извлекают структурированные инструкции
Повышается вероятность попадания в ответы голосовых помощников
Контент лучше интерпретируется большими языковыми моделями

Связанные термины

Аноним

Поиск