Что такое микроразметка на сайте и зачем она нужна бизнесу

Эта статья для владельцев сайтов и маркетологов, которые хотят понять, почему роботы поисковых систем иногда показывают в выдаче звёздочки рейтинга, цену товара или дату публикации статьи прямо под заголовком. Разберу, что такое микроразметка, как она работает технически и зачем вообще её внедрять - без лишней теории, с конкретными примерами из практики.

Что такое SEO на сайте простыми словами - это комплекс действий, которые помогают поисковым системам правильно понять содержимое страницы и показать её нужной аудитории в выдаче. Микроразметка - один из инструментов технического SEO, причём один из самых недооценённых: её настраивают в последнюю очередь, хотя эффект заметен уже через пару недель после индексации.

Корректная микроразметка Schema.org на карточке товара в WooCommerce превращает обычную синюю строку в выдаче в сниппет с ценой, наличием и рейтингом - и это не требует правок дизайна или кода темы, только структурированных данных в HTML.

Речь пойдёт про сайты на WordPress и WooCommerce - для них разберу конкретные плагины и примеры кода. Для самописных решений или других CMS принципы те же, но настройка отличается технически.

Что такое микроразметка простыми словами

Что такое язык разметки - это набор правил и тегов, по которым строится документ так, чтобы его одинаково понимали браузер, человек и программа-робот. HTML - базовый язык разметки веб-страницы, а микроразметка - это надстройка над ним: дополнительные атрибуты, которые указывают, что именно означает тот или иной кусок текста.

Обычный HTML описывает только структуру страницы: заголовки, абзацы, картинки и другие элементы документа идут друг за другом без указания смысла. Браузер по тегу <p> понимает, что перед ним абзац, но не понимает, о чём этот абзац - о цене товара, о рейтинге отзыва или о дате публикации документа. Микроразметка закрывает именно этот пробел: она описывает смысл содержимого, а не только его расположение на странице.

Микроразметка основана на словаре Schema.org - это общий стандарт, по которому для каждого типа объекта определён набор свойств. Для товара это цена, бренд, наличие на складе; для статьи - автор, дата публикации, организация. Формат разметки может быть разным: microdata (атрибуты прямо в HTML-тегах), RDFa или JSON-LD - отдельный блок кода в виде структурированных данных, который сейчас рекомендует использовать и Google, и Яндекс.

На практике это выглядит так: обычный тег <span>2490 руб.</span> для робота - просто текст внутри страницы. А если добавить атрибуты Schema.org, тот же текст получает явное указание типа объекта - это цена конкретного товара, в конкретной валюте, с конкретной доступностью. Робот получает не догадку, а точную информацию о содержимом документа.

Важно понимать: микроразметка не видна обычному посетителю сайта - он видит страницу так же, как и без неё. Эти теги и атрибуты существуют только в HTML-коде документа и предназначены для автоматического понимания содержимого программами - поисковыми роботами, голосовыми помощниками, агрегаторами. Человек читает текст, робот читает структуру.

На сайтах под WordPress микроразметку чаще всего добавляют через плагины SEO - Yoast SEO, Rank Math - они автоматически генерируют JSON-LD для статей, товаров WooCommerce, организации и breadcrumbs. Ручная вставка кода нужна реже - в основном для нестандартных типов контента, которых нет в готовых шаблонах плагина.

Зачем микроразметка нужна сайту и бизнесу

Для чего используют разметку на практике - чтобы поисковая система точнее понимала содержимое страницы и могла показать в выдаче больше полезной информации, чем просто заголовок и описание. Это прямое назначение микроразметки: не изменить сам контент, а дать роботу дополнительный контекст о нём.

Расширенный сниппет формируется на основе корректной микроразметки - это визуальное дополнение к обычной строке в результатах поиска: звёзды рейтинга, цена, наличие, время приготовления рецепта, вопросы и ответы FAQ. Такой сниппет занимает больше места в выдаче и визуально выделяется среди соседних результатов без расширений.

Здесь важна честность: микроразметка сама по себе не поднимает позиции в ранжировании поисковиков. Google и Яндекс прямо говорят, что это не прямой фактор ранжирования - она не заставит страницу подняться с 15 места на 3. Зато она влияет на другое: как страница выглядит в поисковой выдаче и насколько она привлекает клик среди остальных результатов.

Именно здесь кроется практическая выгода для бизнеса - рост кликабельности. Расширенный сниппет с рейтингом и ценой выделяется на фоне обычных результатов визуально, поэтому пользователи кликают на него чаще. Рост CTR (доли кликов из показов) на несколько процентных пунктов при тех же позициях - это прямой рост трафика на сайт без дополнительных вложений в продвижение, только за счёт того, что страница заметнее в результатах.

Больше трафика на карточку товара с понятной ценой и наличием сразу в выдаче - это и выше конверсию: человек видит цену заранее, кликает уже с намерением купить, а не просто сравнить варианты. Для интернет-магазинов на WooCommerce это особенно заметно на конкурентных нишах, где в выдаче рядом стоят десятки похожих карточек.

Есть и вторичный эффект, не всегда очевидный владельцу бизнеса: корректная микроразметка облегчает автоматическую оценку качества и аналитику содержимого страницы для самих поисковых систем. Robots.txt и индексация - отдельная тема, но структурированные данные дают роботу дополнительную поддержку в понимании, что страница - легитимная карточка товара или статья эксперта, а не случайный набор текста.

Отдельно стоит сказать о доверии: пользователь видит в выдаче рейтинг с количеством отзывов и воспринимает сайт как проверенный, даже не переходя на него. Для малого бизнеса, где узнаваемость бренда невысокая, именно такие визуальные сигналы в результатах поиска часто решают, кликнет человек именно на вашу карточку или на соседнюю у конкурента.

Словари микроразметки: Schema.org, Open Graph, микроформаты

У микроразметки есть несколько словарей - наборов правил, которые описывают, какие атрибуты и теги можно использовать. Разные системы разметки решают разные задачи, и путать их - частая ошибка новичков.

Главный словарь для поиска - Schema.org. Этот стандарт основали в 2009 году сразу несколько поисковых систем: Google, Microsoft, Yahoo и Яндекс договорились о единых правилах, чтобы вебмастерам не приходилось размечать сайт под каждый поисковик отдельно. Сегодня Schema.org содержит более 800 типов и свойств - от организаций и товаров до рецептов и событий. Именно этот словарь помогает поисковым роботам точнее понимать содержимое страницы и формировать расширенные сниппеты.

Open Graph решает другую задачу - отвечает за то, как ссылка выглядит в социальных сетях. Когда вы публикуете ссылку на статью в соцсетях, картинка, заголовок и описание берутся именно из тегов Open Graph, а не из Schema.org. Минимальный набор - name, description, image: без них соцсети сами выдёргивают случайный кусок текста и первую попавшуюся картинку со страницы, что выглядит неаккуратно.

Микроформаты - самый старый и сейчас нишевый вариант разметки. Они появились раньше Schema.org и описывали похожие вещи: контакты, события, отзывы. Сегодня почти вся разработка переехала на Schema.org, а микроформаты встречаются разве что в legacy-шаблонах CMS (устаревших, давно не обновляемых) или узких плагинах.

Чтобы выбрать подходящий словарь, ориентируйтесь на цель. Для поисковой выдачи - Schema.org, для карточки в соцсетях - Open Graph, и в большинстве проектов нужны оба сразу: один вебмастер-инструмент не заменяет другой. Многие популярные CMS и сервисы веб-аналитики сегодня дают рекомендации по разметке и поддерживают оба формата из коробки или через плагины, так что добавить разметку вручную приходится редко. Для сайтов с узнаваемым брендом расширенный сниппет с логотипом организации работает ещё и как дополнительный элемент доверия в выдаче - виды разметки здесь не конкурируют, а дополняют друг друга.

Чем отличается Schema.org от Open Graph? Schema.org описывает содержимое страницы для поисковых систем и помогает получить расширенный сниппет в выдаче, а Open Graph формирует карточку ссылки конкретно для социальных сетей - это два разных инструмента, которые работают параллельно, а не заменяют друг друга.

Синтаксисы разметки: JSON-LD, Microdata, RDFa

JSON-LD - это формат записи микроразметки в виде отдельного блока кода на языке JSON, который вставляется в HTML-страницу и не перемешивается с остальной вёрсткой. Google официально поддерживает три синтаксиса разметки - Microdata, RDFa и JSON-LD, но именно JSON-LD рекомендуют как основной формат из-за удобства внедрения.

Разница между синтаксисами - в способе встроить данные в HTML. Microdata добавляет разметку прямо в существующие теги через атрибуты itemscope, itemprop и itemtype - то есть вы структурируете уже готовую вёрстку, вписывая атрибуты в каждый элемент. Это удобно, когда разметки немного, но в сложных случаях с десятками свойств код распухает и его легко сломать при правке дизайна.

RDFa работает похожим образом - через атрибуты в тегах, но с другим синтаксисом записи и своим набором правил. На практике я встречаю RDFa реже остальных: исторически его использовали в основном в Drupal и некоторых корпоративных CMS, для большинства проектов на WordPress он не нужен.

JSON-LD устроен иначе - вся разметка лежит отдельным блоком <script type="application/ld+json"> и никак не затрагивает остальной html. Это и есть главный плюс: можно вставить или обновить блок автоматически через плагин, не трогая шаблон страницы вручную. Вот пример разметки организации:

<script type="application/ld+json">
{
 "@context": "https://schema.org",
 "@type": "Organization",
 "name": "Название компании",
 "url": "https://example.ru",
 "logo": "https://example.ru/logo.png"
}
</script>

Интересный нюанс: Яндекс исторически предпочитает синтаксис Microdata и до сих пор местами лучше считывает его в некоторых своих сервисах, хотя JSON-LD тоже распознаёт корректно. На практике я для новых проектов всегда настраиваю именно JSON-LD - он проще автоматизируется плагинами и не требует вручную структурировать каждый тег в шаблоне.

Популярные типы микроразметки с примерами кода

Какие бывают типы микроразметки на практике - чаще всего встречаются пять: хлебные крошки, товар, статья, организация и FAQ. У каждого свой набор полей Schema.org, и разбирать их проще через короткие фрагменты кода, чем через абстрактные описания.

Хлебные крошки на сайте размечаются типом BreadcrumbList - это путь навигации от главной страницы до текущей карточки. В поиске он превращается в кликабельную цепочку прямо под заголовком сниппета вместо длинного URL.

{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Главная","item":"https://example.ru"},{"@type":"ListItem","position":2,"name":"Категория","item":"https://example.ru/category"}]}

Товар на сайте размечается типом Product совместно с Offer - первый описывает карточку продукта (название, бренд, изображение), второй - условия продажи: цену и наличие.

{"@context":"https://schema.org","@type":"Product","name":"Название товара","offers":{"@type":"Offer","price":"2990","priceCurrency":"RUB","availability":"https://schema.org/InStock"}}

Здесь работает главное правило - цена в разметке Offer должна совпадать с ценой на странице. Если в коде указано одно значение, а на витрине магазина другое - Google расценивает это как попытку обмана и может снять расширенный сниппет с показа.

Статья в блоге размечается типом Article с полями headline (заголовок), author (автор) и datePublished (дата публикации). Для рецепта в кулинарных блогах применяется отдельный тип Recipe с ингредиентами и временем готовки - структура похожая, но поля свои.

Организация размечается типом Organization или LocalBusiness, если речь о локальном бизнесе с адресом и часами работы. А для частых вопросов подойдёт FAQ - такая разметка выводит раскрывающиеся ответы прямо в выдаче, что заметно увеличивает площадь сниппета. Для категории товаров в каталоге отдельного типа нет - там достаточно обычной хлебной крошки и разметки каждого товара внутри.

Как добавить микроразметку на сайт

Добавить микроразметку на сайт можно тремя способами: вручную в код шаблона, через плагин CMS или через готовый онлайн-генератор. Выбор зависит от того, есть ли в проекте разработчик и какой бюджет на задачи внедрения.

Первый путь - вручную. Код JSON-LD вставляется в head или перед закрывающим тегом body на нужной странице. Это требует знания языка разметки и аккуратности: одна лишняя запятая в JSON - и валидатор просто не прочитает код. Такой способ выбирают, когда нужна гибкая настройка под нетиповую структуру страницы, а готовое руководство от плагина не покрывает задачу - новые поля для разметки приходится добавлять вручную, и без разработчика настроить код с нуля новичку сложно.

Второй путь - через плагин CMS, и для WordPress это самый практичный вариант. Yoast SEO и Rank Math, которые я уже упоминал выше, автоматически генерируют базовую микроразметку для статей, товаров и организации - без ручного написания кода, по инструкции из собственной документации плагина. Rank Math предлагает больше готовых типов разметки из коробки, Yoast проще в настройке для новичка.

На проектах с WooCommerce разметка товаров через плагин экономит разработчику несколько часов на каждую партию карточек - вручную прописывать Product и Offer для сотен позиций просто нецелесообразно.

Третий путь - онлайн-генераторы микроразметки, где нужно заполнить поля через интерфейс и программа сама соберёт корректный код. Есть бесплатный вариант для простых задач - тип Organization или BreadcrumbList на один-два шаблона. Для крупного магазина с тысячами товаров разовая настройка через генератор не подходит - там нужна автоматическая генерация на уровне шаблона CMS, иначе стоимость ручной работы вырастает кратно.

Как внедрить микроразметку без ручной работы - проще всего связать плагин CMS с полями товара или статьи один раз, и дальше система будет создавать код для каждой новой карточки сама, без участия человека.

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

Проверить код микроразметки можно за пару минут через бесплатный инструмент Google - достаточно вставить URL страницы или сам код. Rich Results Test проверяет, какие расширенные результаты Google сможет показать по этой странице, и сразу подсвечивает найденные ошибки с указанием конкретного поля, которое нужно проверять и чинить в первую очередь.

Schema Markup Validator - второй инструмент от той же команды, он проверяет корректность кода Schema.org более детально, без привязки к конкретным типам сниппетов Google. Удобно использовать его, когда нужен именно технический анализ на соответствие стандарту, а не прогноз внешнего вида в выдаче - такая проверка полезна перед каждым крупным обновлением шаблона, а не только один раз после внедрения и необходимых правок.

Валидатор микроразметки Яндекса находится в разделе Яндекс.Вебмастер - там же, где другие инструменты технического аудита сайта. Он проверяет, соответствует ли код требованиям Яндекса, которые местами отличаются от Google по обязательным полям.

Типичные ошибки при внедрении микроразметки повторяются от проекта к проекту. Разберу самые частые:

• отсутствуют обязательные поля - например, у Product нет цены или изображения
• цена в Offer не совпадает с ценой на странице - фактор, который я уже разбирал выше
• дублирование одного типа разметки несколько раз на одной странице
• устаревшая разметка, которая была актуальна на момент внедрения, но поставщик данных поменял требования
• неверный синтаксис JSON - пропущенная кавычка или скобка, из-за которой код вообще не читается
• факторы, которые влияют на решение Google показать расширенный сниппет, учтены не полностью - страница технически валидна, но сниппет всё равно не появляется

После исправления необходимых правок стоит проверить страницу повторно и заглянуть в Google Search Console - он используется для отслеживания ошибок структурированных данных во времени и покажет, применились ли изменения и какие рекомендации дал поиск по конкретным страницам сайта.

Google и Яндекс: что микроразметка даёт, а что нет

Прямого влияния на ранжирование в Google микроразметка не оказывает - Google официально говорит, что структурированные данные не повышают позиции сами по себе. Это главное заблуждение - внедрили Schema.org и ждут скачка в топ-10. Так не работает.

Реально меняется другое: внешний вид сниппета в выдаче. Звёздочки рейтинга, цена, наличие товара, хлебные крошки вместо URL - всё это улучшает и повышает CTR (click-through rate, долю кликов из показов). Больше кликов с той же позиции - это уже косвенный плюс для сайта, но не прямой фактор алгоритма.

В Яндексе логика немного другая. Яндекс активнее использует поведенческие сигналы - то, как пользователи ведут себя после перехода на сайт: задержались или сразу вернулись в выдачу. Привлекательный сниппет приводит более целевой трафик, а поведенческие факторы в Яндексе косвенно связаны с CTR сниппета и дальнейшим поведением на странице. Это не означает, что разметка «двигает» позиции - но она влияет на качество трафика, который потом эти позиции формирует.

Отдельно стоит сказать про контактную информацию. Если у бизнеса есть физический адрес, часы работы и телефон - разметка LocalBusiness с этими данными помогает показывать расширенные сниппеты с картой и телефоном прямо в выдаче. Для локального бизнеса (магазин, сервисный центр, салон) это особенно заметно: пользователь видит адрес и часы работы без перехода на сайт. Для интернет-магазинов разметка Offer с регионом и валютой работает похожим образом.

Региональная и валютная разметка через Offer (в ней указываются регион доставки и валюта) тоже влияет на то, как сайт воспринимают алгоритмы при локальной оптимизации. Это не прямая оптимизация позиций, а скорее точность: Google и Яндекс точнее понимают, кому и где показывать товар.

Есть ещё нюанс, о котором редко говорят: микроразметка влияет не только на органическую выдачу. Расширения сниппетов в Директе и Google Ads (контекстная реклама) частично опираются на те же фиды (feed - файлы с данными о товарах для рекламных систем) и структурированные данные, что и каталог товаров на сайте. Если маркетинг компании завязан на рекламу, аккуратная разметка каталога облегчает и настройку товарных кампаний - цена, наличие, категория подхватываются автоматически, без ручного ввода. В том числе это помогает оптимизировать такие файлы для рекламных кабинетов - а дальше, когда разметка уже работает стабильно, ускоряет обновление карточек товаров в выдаче после правок.

Так что ответ на вопрос «нужна ли микроразметка только для Google или и для Яндекса» звучит так: нужна для обоих, но работает по-разному. В Google - это в первую очередь про внешний вид сниппета и CTR. В Яндексе - про тот же CTR плюс более заметную связь с поведенческими метриками. На прямые позиции не влияет ни там, ни там - и любой, кто обещает разметку как способ «обойти конкурентов» по позициям, вводит в заблуждение.

Чек-лист внедрения микроразметки

Если после всего разобранного выше остался один вопрос - "с чего начать прямо сейчас", вот короткий практический список шагов. Он подходит и для первого проекта, и для настройки на уже работающем сайте.

1. Выберите словарь. В современном вебе для 95% задач подходит Schema.org - он покрывает статьи, товары, организации, отзывы и FAQ. Open Graph добавляйте отдельно для соцсетей, он не заменяет Schema.org.
2. Определите тип для каждой страницы. Статья - Article, товар - Product, услуга - Service, страница с вопросами - FAQPage. На сайте обычно используется несколько типов одновременно, и это нормально.
3. Выберите синтаксис - JSON-LD. По умолчанию для нового проекта берите его: он не зависит от HTML-вёрстки и проще в поддержке, чем Microdata или RDFa.
4. Настройка через плагин или вручную. Для WordPress - плагин типа Schema Pro или Rank Math, для самописного проекта - ручная вставка JSON-LD в шаблон. На выборе плагина важно не переборщить: несколько плагинов одновременно дают дублирующуюся разметку.
5. Проверьте валидатором. Прогоните готовую страницу через Rich Results Test и Schema Markup Validator до публикации, а не после - это экономит один цикл правок.
6. Отправьте страницу на переиндексацию. После добавления или правки разметки откройте Google Search Console - раздел "Проверка URL" - и запросите индексирование; в Яндекс.Вебмастере аналогичная функция называется "Переобход страниц". Без этого шага поисковик может подхватить изменения через несколько недель, а не через несколько дней - укажите URL явно, чтобы ускорить переобход после индексации.

Представление данных о сайте в структурированном виде - это разовая настройка, а не повторяющаяся задача: один раз разобравшись с шаблоном для каждого типа материалов проекта, дальше новые страницы просто подхватывают готовую разметку. На проектах с каталогом из пары сотен товаров весь список выше занимает один рабочий день, включая проверку по выборке страниц - суть одна, разовая настройка повышает видимость каждой следующей страницы в выдаче без лишних затрат времени.

Если разбираться самому не хочется - на Kwork настройку микроразметки делают за несколько сотен - пару тысяч рублей в зависимости от объёма сайта. Для небольшого сайта или блога это может быть быстрее, чем разбираться в синтаксисе самому, особенно если проект разовый и переделывать разметку через полгода не планируется.

Главное, что стоит унести из этой статьи: выберите JSON-LD как синтаксис, определите тип для каждой группы страниц, настройте разметку через плагин или вручную, проверьте результат валидатором и отправьте страницу на переиндексацию через Search Console или Вебмастер. Эти четыре-пять шагов закрывают задачу для большинства сайтов - без необходимости переписывать разметку с нуля при каждом обновлении контента.

Эта статья основана на личном опыте автора и актуальна на момент публикации. Интерфейсы сервисов и алгоритмы поисковых систем регулярно меняются - рекомендую проверять актуальность инструкций на официальных ресурсах. Если у вас остались вопросы - задайте их в комментариях.

Список литературы

1. Google Search Central - Introduction to structured data markup // developers.google.com
2. Яндекс.Вебмастер - Что такое Schema org // yandex.ru
3. Schema org Community Group - Schema org vocabulary, актуальная редакция словаря структурированных данных
4. Яндекс.Вебмастер - Валидатор структурированных данных // yandex.ru