Семантическая разметка HowTo — это структурированные данные (обычно в формате JSON-LD или Microdata), которые вы добавляете на страницу с инструкцией. Она помогает поисковым системам (Google, Яндекс, Bing) не просто прочитать текст, а понять логику последовательных действий: где начало, где шаг, где результат.
Как это работает (на пальцах)
Представьте, что вы учите робота готовить яичницу. Текст «Разбейте яйцо, нагрейте сковороду, посолите» — это просто слова. А семантическая разметка — это каркас, где чётко помечено:
- вот первый шаг
- вот его описание
- вот ожидаемое время выполнения
- вот результат после шага
Робот берёт эти помеченные данные и превращает ваш текст в богатый сниппет в поиске: с пошаговыми карточками, временем приготовления и иконками.
Техническая суть
Вы используете словарь Schema.org и тип HowTo. Внутри него описываете:
- name — название инструкции
- description — краткое описание
- totalTime — общее время (в формате ISO 8601, например PT30M)
- step — массив шагов (каждый шаг — это HowToStep или HowToSection)
- image — иллюстрация
- tool — нужные инструменты (сковорода, лопатка)
- supply — ингредиенты или расходники
Простой пример (JSON-LD)
json
{
"@context": "https://schema.org",
"@type": "HowTo",
"name": "Как заварить гречневый чай",
"totalTime": "PT10M",
"step": [
{
"@type": "HowToStep",
"text": "Промойте гречку и обжарьте на сухой сковороде до золотистого цвета",
"image": "https://example.com/step1.jpg"
},
{
"@type": "HowToStep",
"text": "Залейте 1 столовую ложку гречки стаканом кипятка",
"timeRequired": "PT5M"
}
]
}
Что даёт на практике
- Пошаговые карточки в выдаче — пользователь видит сразу 3–4 шага, не заходя на сайт.
- Голосовые ответы — Алиса или Google Assistant могут зачитывать инструкцию шаг за шагом.
- Улучшенный клик — кликабельность таких результатов выше обычных синих ссылок.
- Фильтр по времени — поиск может показывать быстрые инструкции (15 минут) или длинные.
Важные нюансы (почему не работает)
- Требуется каждый шаг делать отдельным действием. Если вы просто перечислили шаги через запятую в одном абзаце — это не step[].text, а один сплошной текст.
- Видимые и скрытые данные должны совпадать. Нельзя в разметке написать одно, а на экране показать другое.
- Google показывает сниппет только если страница действительно качественная. Разметка даёт право участвовать, но не гарантирует попадание.
- Для рецептов еды используйте Recipe, а не HowTo (у них другой набор свойств: калории, ингредиенты с количеством).
Как проверить
- Инструмент Rich Results Test от Google (покажет, сработает или нет).
- Schema.org Validator (проверит синтаксис).
- В Яндекс.Вебмастере — «Анализ структурированных данных».
Когда использовать
Идеально для: руководств, мануалов, DIY-проектов, сборки мебели, рабочих инструкций, кулинарных рецептов (только Recipe лучше), пошаговых гайдов.
Не стоит для: простых списков советов, философских эссе, страниц «Часто задаваемые вопросы» (тут FAQPage).
Суть простая: вы не пишете текст, а собираете конструктор, где робот точно знает, где начало шага, где конец и что получится в итоге.