Поисковые роботы читают текст, но не всегда понимают, что именно перед ними: цена или номер телефона, название статьи или имя автора, отзыв или обычный комментарий. Микроразметка помогает объяснить смысл страницы на понятном машине языке. В результате сниппет в выдаче может стать богаче: с рейтингом, ценой, датой, вопросами и ответами. Рассказываем с нуля, как это работает и как внедрить разметку правильно.
Что такое Schema.org
Schema.org — это общий словарь терминов, о котором договорились крупные поисковые системы. Он описывает типы объектов (статья, товар, организация, человек, событие, рецепт) и их свойства (название, цена, адрес, автор). Добавляя на страницу разметку из этого словаря, вы сообщаете роботу: «это товар, вот его название и цена, вот наличие».
Важно сразу снять распространённое заблуждение: микроразметка сама по себе не поднимает сайт в выдаче. Она не является прямым фактором ранжирования. Её польза в другом: улучшенное оформление сниппета повышает заметность и количество кликов, а чёткое понимание структуры помогает поисковику правильно интерпретировать страницу.
Три формата разметки
Существует несколько способов записать одни и те же данные:
- JSON-LD — отдельный блок скрипта с данными. Рекомендуется как самый удобный: не смешивается с вёрсткой, легко добавляется и меняется.
- Microdata — атрибуты прямо в HTML-тегах страницы. Данные связаны с видимым содержимым, но код получается громоздким.
- RDFa — похожий на microdata подход, используется реже.
Новичку проще всего начать с JSON-LD. Блок размещают в шапке или в конце страницы, и он не влияет на отображение.
Первый пример: разметка статьи
Вот минимальный блок для публикации в блоге:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Микроразметка для начинающих",
"author": {
"@type": "Person",
"name": "Сергей Лигин"
},
"datePublished": "ДАТА-ПУБЛИКАЦИИ",
"image": "https://example.com/cover.jpg"
}
</script>
Здесь мы указали контекст словаря, тип объекта и несколько свойств. Заголовок и автор должны совпадать с тем, что видит читатель на странице. Разметка не должна описывать то, чего на странице нет.
Второй пример: товар с ценой и рейтингом
Для интернет-магазинов разметка особенно полезна:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Беспроводная мышь",
"description": "Компактная мышь с тихими кнопками",
"offers": {
"@type": "Offer",
"price": "990",
"priceCurrency": "RUB",
"availability": "https://schema.org/InStock"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.6",
"reviewCount": "38"
}
}
</script>
Обратите внимание на вложенность: свойство offers само является объектом типа Offer. Такие вложенные структуры — основа Schema.org. Цена записывается числом без пробелов и символов, а валюта — отдельным свойством.
Тот же объект в формате microdata
Для сравнения посмотрим, как выглядит та же идея прямо в разметке страницы:
<div itemscope itemtype="https://schema.org/Product">
<h1 itemprop="name">Беспроводная мышь</h1>
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<span itemprop="price" content="990">990 руб.</span>
<meta itemprop="priceCurrency" content="RUB">
</div>
</div>
Атрибут itemscope начинает описание объекта, itemtype задаёт его тип, а itemprop помечает свойства. Такой подход удобен, когда данные уже выводятся шаблоном, но любые правки вёрстки рискуют сломать разметку.
Какие типы данных используют чаще всего
| Тип | Где применяется | Что можно получить в выдаче |
|---|---|---|
| Article | Статьи и новости | Дата, автор, картинка |
| Product | Карточки товаров | Цена, наличие, рейтинг |
| Organization | Страница о компании | Название, контакты, логотип |
| BreadcrumbList | Хлебные крошки | Путь вместо длинного адреса |
| FAQPage | Вопросы и ответы | Раскрывающиеся ответы |
| Recipe | Рецепты | Время, калории, фото |
| Event | Мероприятия | Дата и место |
Не пытайтесь разметить всё подряд. Выбирайте только те типы, которые действительно отражают содержимое страницы и поддерживаются поисковыми системами для расширенных сниппетов.
Хлебные крошки: самый простой старт
Разметка навигационной цепочки универсальна и подходит почти любому сайту:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{ "@type": "ListItem", "position": 1, "name": "Главная", "item": "https://example.com/" },
{ "@type": "ListItem", "position": 2, "name": "SEO", "item": "https://example.com/seo/" }
]
}
</script>
В выдаче вместо громоздкого адреса появится понятный путь. Это аккуратное, малозатратное улучшение.
Как проверить разметку
Ошибки в разметке коварны: страница выглядит нормально, а данные не читаются. Обязательно проверяйте результат:
- Используйте валидатор микроразметки в Яндекс.Вебмастере.
- Проверьте страницу инструментом проверки расширенных результатов от Google.
- Следите за отчётами об улучшениях в Google Search Console — там видны ошибки и предупреждения по разным типам.
- После правок отправляйте страницу на переобход и наблюдайте за изменениями.
Ошибки делятся на критические, из-за которых расширенный сниппет не появится, и предупреждения о необязательных свойствах. Первыми исправляйте критические.
Частые ошибки новичков
- Разметка невидимого контента. Описывать нужно только то, что реально показано пользователю. Скрытые данные расцениваются как попытка манипуляции.
- Накрученные рейтинги. Выдуманные отзывы и оценки грозят санкциями.
- Неверный формат значений. Цена со словами, дата в произвольной записи, пропущенные кавычки в JSON.
- Дублирование разметки. Одна и та же информация, описанная двумя способами с разными значениями, сбивает робота.
- Ожидание гарантированного результата. Даже идеальная разметка не обязывает поисковик показать расширенный сниппет.
Как внедрять на практике
Если у вас типовая система управления сайтом, поищите готовые модули: многие генерируют базовую разметку автоматически. Тогда достаточно проверить результат и доработать недостающее. Если сайт самописный, формируйте JSON-LD в шаблоне из тех же данных, что выводятся на странице. Так значения всегда совпадают с видимым содержимым, и разметка не устаревает при редактировании.
Начните с малого: хлебные крошки, организация, статьи или товары. Проверьте, как всё работает, а потом переходите к более сложным типам вроде вопросов и ответов.
Разметка вопросов и ответов
Если на странице есть блок с часто задаваемыми вопросами, его можно описать типом FAQPage. Каждый вопрос оформляется как объект Question, а ответ как Answer внутри свойства acceptedAnswer. Помните: текст в разметке должен дословно присутствовать на странице. Поисковые системы ограничивают показ таких сниппетов, так что не рассчитывайте на гарантированный эффект, но структурированные данные всё равно помогают роботу понять содержание.
Поддержка разметки со временем
Разметка требует сопровождения. Меняется цена, заканчивается акция, обновляется адрес организации, а в разметке остаются старые значения. Расхождение между видимым текстом и данными — частая причина предупреждений. Генерируйте разметку из тех же источников, что и сам контент, и раз в некоторое время просматривайте отчёты вебмастерских сервисов.
Заключение
Микроразметка Schema.org — недорогой способ сделать страницы понятнее для поисковых систем и привлекательнее в выдаче. Выбирайте JSON-LD, размечайте только реальное содержимое, проверяйте результат валидаторами и не ждите чудес от самой разметки. Как часть общей оптимизации она даёт ощутимую пользу: аккуратный сниппет, больше кликов и порядок в данных сайта.