Что такое микроразметка сайта и как она работает?
4335
11 мин.
Сегодня рассмотрим, наверное, самый актуальный инструмент сеошника – микроразметка. Что такое микроразметка сайта и зачем она? Нужно ли внедрять и как влияет на ранжирование сайта?
Для чего нужна микроразметка на сайте?
Микроразметка (англ. Rich Snippet) – это структурирование страницы сайта дополнительными атрибутами и тегами в коде, которые помогают поисковым роботам Google и др. распознавать тип содержимого контента.
Она работает по простой логике: разметка добавляет структуру – робот корректно интерпретирует данные – в поисковой выдаче формируется расширенный сниппет (рейтинг, цена, FAQ и др.). Если требуется корректное внедрение и настройка микроразметки под задачи бизнеса, это входит в услуги SEO-продвижения.
Словари и синтаксисы микроразметки
Микроразметка это не единый стандарт, а набор словарей и способов их внедрения в код страницы. Именно они определяют, какие типы данных вы можете описать (товар, статья, организация) и как эти данные будут интерпретированы поисковыми системами и платформами.
На практике важно понимать: выбор словаря влияет на то, где и как будет использоваться разметка – в поисковой выдаче, соцсетях или других сервисах. Виды микроразметки:
Schema.org
Схема общепринятой системы разметки контента, которая позволяет обозначить блоки контента для поисковых роботов. При выявлении таких блоков поисковики расширяют сниппет дополнительной информацией. Например, цена товара, рейтинг, отклики, бренд и т.д.
Open Graph
Словарь определяющих, как будет выглядеть отправляемая ссылка в социальных сетях. Ссылка с Open Graph содержит изображение и краткую информацию о контенте на странице. Выглядит привлекательно и повышает кликабельность. Open Graph делает сайты заметнее в соцсети. Протокол можно внедрить на сайт, прописав его в коде или использовав плагины для CMS. Обязательно нужно проводить проверку валидности составленного графа до заливки на сайт с помощью Meta Sharing Debugger. Минимальный набор тегов для графа:
og:title |
og:description |
og:url |
og:image |
og:type |
<meta property="og:title" content="Брендер">
<meta property="og:image" content="https://brander.ua/path/to/image.png">
<meta property="og:type" content="article">
<meta property="og:url" content="https://brander.ua/ru">
<meta property="og:description" content="Digital-агентство Brander">
Особенно актуально при быстром создании сайтов и лендингов, например с использованием AI-инструментов – подробнее в статье топ AI-сервисов для создания сайтов.
Микроформаты
Микроформаты – это один из самых ранних способов внедрения микроразметки, при котором структурированные данные добавляются прямо в HTML через class-атрибуты.
Основная идея микроформатов – использовать уже существующие HTML-элементы и дополнять их специальными классами (например, hCard, hReview), чтобы обозначить тип данных: контактную информацию, отзывы, события.
Сегодня микроформаты применяются реже, так как уступают Schema.org по гибкости и поддержке со стороны поисковых систем. Однако они все еще могут встречаться в старых проектах или использоваться для простых сценариев.
Виды синтаксиса: JSON-LD, Microdata и RDFa
Синтаксис определяет, как именно внедряется микроразметка для сайта в код страницы. От него зависит удобство поддержки, читаемость и рекомендации поисковых систем.
- JSON-LD – отдельный блок скрипта в <head> или <body>, не вмешивается в HTML-разметку страницы. Это рекомендуемый формат Google благодаря простоте внедрения и минимальному риску ошибок.
- Microdata – встраивается прямо в HTML через атрибуты (itemprop, itemscope). Позволяет связать данные с конкретными элементами, но усложняет код и поддержку.
- RDFa – расширенный синтаксис на основе HTML-атрибутов (property, typeof), используется для более сложных структур данных, но применяется реже из-за избыточности.
На практике в большинстве проектов используется JSON-LD как основной и наиболее безопасный вариант внедрения.
Основные типы разметки Schema.org
Schema.org охватывает десятки типов структурированных данных, но в реальных проектах используется ограниченный набор – тот, который напрямую влияет на отображение сайта в поисковой выдаче.
Каждый тип разметки решает конкретную задачу: передать информацию о компании, товаре, контенте или действиях пользователя.
Organization - контакты компании
Разметка Organization используется для передачи поисковым системам ключевой информации о компании: название, логотип, сайт, контакты и ссылки на соцсети.
Она помогает корректно идентифицировать бренд и связать сайт с официальной организацией.
На практике применяется для формирования брендовых сниппетов и Knowledge Panel в Google.
Особенно важна для корпоративных сайтов и сервисов, где критична узнаваемость и доверие к бренду.
Product и Offer - товары и цены
Для страниц, содержащих товары с ценами, для расширения сниппета используют schema.org/Product в связке с Offer. Возможные атрибуты товаров включают: название, описание, цену, валюту, наличие, рейтинг и другие параметры.
Правила разметки товаров описаны в справке Google. Код разметки товара внедряется на странице и используется для формирования расширенного сниппета в поисковой выдаче.
Для улучшенного сниппета товара также можно создать фид и добавить его в Google Merchant Center. Это позволит выводить товары в Google Shopping, расширять мобильный сниппет, а также отображать товары в поиске по картинкам с ценой.
Дополнительно фид используется в рекламных кампаниях Performance Max, что позволяет масштабировать показы товаров сразу в нескольких каналах Google. Корректная структура данных начинается с самой страницы товара – подробнее о том, как ее оформить, в гайде как составить карточку товара.
Products list - список товаров
Позволяет разметить страницу с перечнем товаров. Внимание, если у перечня товара есть подробное описание, то его размечать запрещает справка от Google.
Особенно актуально для каталогов и B2B-платформ – подробнее о специфике таких решений в статье что такое B2B маркетплейс.
Review - отзывы
Данная семантическая разметка позволяет обозначить отзыв на фильм, книгу, рецепт, приложение и организацию. Основные атрибуты схемы Review: рейтинг, автор, дата публикации и текст отзыва.
При корректной реализации может отображаться в виде звезд рейтинга в сниппете, что повышает доверие и кликабельность.
Важно, чтобы отзывы были реальными и размещались на странице, а не передавались только в коде.
FAQ - вопросы и ответы
С помощью микроразметки вопрос-ответ добавляем перелинковку по сайту, собираем информационные запросы, привлекаем внимание из выдачи. Алгоритм внедрения эффективной микроразметки FAQ:
- Собрать список интересующих пользователя вопросов.
- Кластеризовать вопросы по необходимым страницам.
- Составление ответов на вопросы с учетом перелинковки по сайту. Варианты ответов должны быть доступны на сайте.
Формат: 1 вопрос пользователя - 1 ответ представителя сайта.
- Прописать код разметки и проверить в валидаторе кода. Можно воспользоваться генератором данной разметки. Бесплатный и удобный инструмент: FAQ Page Rich Snippet Generator.
- Внедрить код микроразметки на сайт.
При этом важно, чтобы вопросы и ответы были реально размещены и видны пользователю на странице.
Recipe - рецепты
Семантическая разметка для рецептов. Существует два обязательных атрибута: Name и Ingredients. Полный список возможных полей для рецептов представлено на сайте разметки.
Код разметки рецепта:
Как выглядит расширенный сниппет в выдаче:
Внедрение разметки для рецептов на практике показало значительное повышение CTR.
Event - мероприятия
Служит для обозначения событий. С помощью словаря Schema.org выводим в сниппет подробную информацию о каком-либо мероприятии. Примеры микроразметки в коде:
Как выводит гугл ивенты в сниппет:
Blog / Article - статьи
Схема, позволяющая выводить в сниппет дату публикации поста. Это необходимо, поскольку при информационном запросе важнейшую роль играет актуальность информации. Наличие даты помогает пользователю быстро оценить, насколько материал свежий и релевантный его запросу, особенно в темах, где информация быстро устаревает (SEO, технологии, финансы).
Также поисковые системы используют дату как дополнительный сигнал при формировании выдачи по информационным запросам.
Пример кода микроразметки:
ImageObject - изображения
Разметка картинок. Позволяет передать ботам поисковика больше информации об изображении и позволяет выводить изображения в сниппет. Список всех возможных атрибутов: https://schema.org/ImageObject. Рекомендуется использовать данный тип разметки для изображений в контенте для блога и статей.
Код для разметки изображения:
Как добавить микроразметку на сайт?
Внедрение микроразметки зависит от типа сайта, уровня доступа к коду и технической команды. На практике как добавить микроразметку на сайт используется три основных подхода – от ручного внедрения до автоматизации через CMS.
Через код вручную (JSON-LD)
Наиболее точный и рекомендуемый способ – добавление микроразметки в формате JSON-LD напрямую в код страницы. Разметка размещается отдельным скриптом и не влияет на HTML-структуру, что снижает риск ошибок.
Подходит для кастомных проектов и случаев, где требуется полный контроль над данными.
Через плагины CMS
Для сайтов на CMS (WordPress, Shopify и др.) микроразметка часто внедряется через готовые плагины. Они автоматически генерируют базовую разметку для страниц, товаров и статей без необходимости писать код.
Это быстрый способ внедрения, но с ограниченной гибкостью и зависимостью от возможностей плагина.
Передача ТЗ разработчику
Если проект сложный или требует нестандартной разметки, оптимальный вариант – подготовить техническое задание для разработчика. В ТЗ указывают микроразметка для интернет магазина или другого вида сайта, страницы внедрения и обязательные атрибуты.
Такой подход позволяет избежать ошибок и внедрить микроразметку с учетом SEO-задач и структуры сайта. При разработке сайта с нуля микроразметка закладывается на этапе архитектуры – это учитывается в услуге разработки сайтов.
Как проверить микроразметку?
После внедрения важно убедиться, что разметка корректно считывается поисковыми системами. Для того, чтобы проверить микроразметку сайта используются валидаторы Google (Rich Results Test) и отчеты в Google Search Console или schema.org валидатор.
Как микроразметка влияет на ранжирование?
Полученные структурированные данные используются для более точного формирования сниппетов и дополнения информации о странице в выдаче – пользователь быстрее находит результат.
Прямого влияния на ранжирование микроразметка не имеет. Однако после ее внедрения, как правило, растет CTR, уменьшается показатель отказов и увеличиваются конверсии. По данным Semrush, использование расширенных сниппетов может увеличивать количество кликов до +677% в зависимости от типа разметки и ниши.
Вывод
После внедрения микроразметки, как правило, растет CTR, уменьшается показатель отказов и увеличиваются конверсии. Мы подготовили чек-лист как сделать микроразметку сайта:
- Определить типы разметки под задачи сайта (товары, статьи, FAQ и др.)
- Внедрить разметку (приоритет — JSON-LD).
- Убедиться, что данные соответствуют контенту страницы.
- Проверить разметку через валидаторы Google.
- Добавить фид в Google Merchant Center (для e-commerce).
- Отслеживать отображение расширенных сниппетов и CTR.
Зачем нужна микроразметка? Теперь это базовый инструмент, который усиливает видимость сайта и помогает эффективнее использовать уже существующий трафик.
