Микроразметка HowTo (схема schema.org/HowTo) — это мощный инструмент для сайтов, публикующих пошаговые инструкции. Она позволяет структурировать контент так, чтобы поисковые системы, в первую очередь Google и Яндекс, могли формировать расширенные сниппеты с наглядным списком шагов прямо на странице результатов поиска (SERP). Это значительно повышает видимость сайта и его привлекательность для пользователей.
Содержание:
Что такое микроразметка HowTo?
Схема HowTo предназначена для разметки страниц, которые отвечают на запросы со словом «как»: как сделать, как использовать, как собрать, как починить и т.д. Важно понимать, что эта схема не подходит для рецептов — у них есть свой отдельный тип разметки (Recipe).
Контент, размеченный с помощью HowTo, может отображаться в двух основных форматах:
- Список шагов: В сниппете появляется нумерованный список действий из инструкции.
- Галерея изображений: Для каждого шага отображается картинка, наглядно иллюстрирующая действие.
Оба формата занимают много места в выдаче, что выделяет сайт среди конкурентов.
Как внедрить микроразметку HowTo: пошаговое руководство
Шаг 1. Подготовьте контент
Инструкция должна быть логичной, последовательной и полностью отвечать на запрос пользователя. Каждый шаг должен содержать исчерпывающую информацию и не делиться на несколько мелких этапов без необходимости.
Шаг 2. Выберите способ реализации
Существует два основных способа добавить разметку на сайт:
- JSON-LD (рекомендуемый): Современный метод от Google. Код размещается в теге
<script>внутри секции<head>или<body>. Он не зависит от HTML-структуры контента. - Microdata: Разметка встраивается непосредственно в HTML-теги с помощью атрибутов
itemscope,itemtypeиitemprop.
Шаг 3. Составьте код разметки JSON-LD
Ниже приведен пример базовой структуры кода для инструкции «Как создать аккаунт Google» с тремя шагами.
<script type=»application/ld+json»>
{
«@context»: «https://schema.org»,
«@type»: «HowTo»,
«name»: «Как создать аккаунт Google»,
«description»: «Пошаговая инструкция по созданию нового аккаунта Google.»,
«totalTime»: «PT5M», // Примерное время выполнения (ISO 8601)
«step»: [
{
«@type»: «HowToStep»,
«position»: 1,
«name»: «Открыть страницу регистрации»,
«text»: «В адресной строке браузера введите accounts.google.com/signup.»,
«image»: «https://example.com/images/step1.png»
},
{
«@type»: «HowToStep»,
«position»: 2,
«name»: «Заполнить личные данные»,
«text»: «Укажите свое имя, фамилию, придумайте имя пользователя и пароль.»,
«image»: «https://example.com/images/step2.png»
},
{
«@type»: «HowToStep»,
«position»: 3,
«name»: «Подтвердить данные»,
«text»: «Примите условия использования сервиса и нажмите кнопку ‘Далее’.»,
«image»: «https://example.com/images/step3.png»
}
]
}
</script>
Ключевые свойства:
@context: Указывает на словарь schema.org.@type: Тип сущности (в данном случаеHowTo).name: Заголовок инструкции.description: Краткое описание.totalTime: Общее время выполнения (формат ISO 8601, например,PT30Mдля 30 минут).step[]: Массив, содержащий объекты типаHowToStep.- Внутри каждого шага:
position(порядковый номер),name(название шага),text(описание действия),image(URL изображения).
Шаг 4. Добавьте разметку на сайт
Скопируйте полученный JSON-LD код и вставьте его на вашу страницу. Рекомендуется размещать его в разделе <head>, но допустимо и размещение в <body>.
Шаг 5. Проверьте корректность разметки
Перед тем как страница будет проиндексирована, обязательно проверьте код на наличие ошибок.
- Откройте Инструмент проверки расширенных результатов Google.
- Введите URL страницы или вставьте фрагмент кода.
- Нажмите «Проверить». Инструмент покажет, сможет ли Google сформировать расширенный сниппет на основе вашей разметки, и укажет на возможные ошибки.
Важные правила и ограничения
- Не используйте разметку HowTo для рекламных материалов или страниц, основной целью которых является продажа товара или услуги.
- Весь контент, который вы размечаете, должен быть виден пользователям на странице. Скрытый текст недопустим.
- Страница должна содержать только одну основную инструкцию. Если на странице несколько независимых инструкций, лучше создать для каждой отдельную страницу.
- Используйте хеш-ссылки (
#step1), если хотите, чтобы при клике на шаг в поиске пользователь попадал сразу к нужному месту на странице.
