Главная/Блог/Техническая сторона/Микроразметка: как улучшить сниппеты в поиске

Микроразметка: как улучшить сниппеты в поиске

Техническая сторона9 мин чтения · Klaxon Studio

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

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

Страница сайта написана для людей: человек видит цену рядом с фотографией и понимает, что это цена. Поисковый робот видит просто числа и слова. Микроразметка — это дополнительные служебные пометки в коде, которые прямо сообщают роботу: «это название товара», «это стоимость в рублях», «это средняя оценка покупателей», «это адрес организации».

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

Три способа записать разметку

Технически существует несколько синтаксисов. На практике актуальны два.

  • JSON-LD. Отдельный блок скрипта в коде страницы, не связанный с версткой. Его удобно добавлять, менять и проверять, он не ломает шаблон. Именно этот формат рекомендуют поисковые системы, и мы используем его в большинстве проектов.
  • Microdata. Атрибуты прямо в HTML-тегах рядом с выводимыми данными. Работает, но смешивает разметку с версткой, и при правке шаблона легко что-то повредить.
  • RDFa. Похожий по идее подход с атрибутами, сегодня встречается редко.

Если вы заказываете разметку, спросите подрядчика, какой формат он использует. Для нового проекта разумный выбор — JSON-LD.

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

Словарь schema.org содержит сотни типов сущностей, но для коммерческого сайта нужна небольшая часть. Разберём основные по типам бизнеса.

Тип разметкиГде применятьЧто может появиться в выдаче
OrganizationГлавная страница, страница контактовНазвание, логотип, контакты компании
LocalBusinessСайт с физическим адресом: салон, гостиница, клиникаАдрес, часы работы, район
Product и OfferКарточка товараЦена, наличие, валюта
AggregateRating и ReviewКарточки товаров и услуг с настоящими отзывамиЗвёзды рейтинга, число отзывов
BreadcrumbListВсе внутренние страницыЦепочка разделов вместо длинного адреса
FAQPageСтраницы с блоком вопросов и ответовРаскрывающиеся вопросы под результатом
ArticleСтатьи блогаЗаголовок, автор, дата публикации
ServiceСтраницы услугОписание услуги, зона обслуживания

Разметка организации

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

Разметка товара

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

Пример минимальной разметки товара выглядит так:

<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Кроссовки беговые",
"sku": "RN-4410",
"offers": {
"@type": "Offer",
"price": "6490",
"priceCurrency": "RUB",
"availability": "https://schema.org/InStock"
}
}
</script>

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

Рейтинг и отзывы

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

Хлебные крошки

Разметка цепочки «Главная — Каталог — Раздел — Товар» превращает в выдаче длинный адрес в читаемый путь. Для пользователя это ориентир, для поисковой системы — подсказка о структуре сайта. Реализовать её просто, а польза есть на любом типе сайта, поэтому начинать стоит именно с неё.

Вопросы и ответы

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

Совет студии. Разметьте то, что уже есть на странице, и ничего сверх этого. Любая попытка «подсунуть» роботу данные, которых нет у пользователя, рано или поздно заканчивается санкциями. Разметка — это зеркало содержимого, а не способ приукрасить сайт.

Как внедрять разметку по шагам

01

Составьте карту страниц

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

02

Подготовьте данные

Убедитесь, что в системе управления есть все нужные поля: артикул, бренд, наличие, изображения, адрес, часы работы. Если полей нет, разметку сформировать нечем.

03

Сделайте шаблоны

Разметка формируется в шаблонах движка и подставляет данные автоматически. Ручное заполнение допустимо только для единичных страниц.

04

Проверьте валидатором

Используйте бесплатные инструменты проверки структурированных данных от поисковых систем и от самого сообщества schema.org. Они покажут синтаксические ошибки и предупреждения.

05

Подключите вебмастер

В панелях вебмастеров есть отчёты по разметке: какие страницы распознаны, где ошибки. Следите за ними регулярно.

06

Следите за изменениями

После обновления шаблона или движка проверяйте, что разметка не пропала и не сломалась.

Типичные ошибки

Несоответствие разметки и видимого содержимого

Самая серьёзная ошибка. Цена, наличие, рейтинг и описание в разметке должны совпадать с тем, что показано на странице. Часто расхождения возникают после распродаж: цена в карточке обновилась, а кэшированная разметка осталась старой.

Дублирование разметки

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

Разметка скрытого содержимого

Нельзя размечать то, чего нет в видимой части страницы. Например, отзывы, которые пользователь не может прочитать, или вопросы, спрятанные от посетителей.

Пустые и некорректные поля

Цена со знаком валюты вместо числа, пустое название, ссылка на несуществующее изображение — всё это превращается в ошибки в отчётах. Значения нужно передавать в формате, который требует словарь: цена цифрами с точкой, валюта по коду, наличие через стандартные значения.

  • В разметке указана актуальная цена, совпадающая с видимой.
  • Отзывы и рейтинг показаны на странице и принадлежат реальным покупателям.
  • На странице нет конфликтующих блоков разметки от разных модулей.
  • Изображения в разметке доступны по ссылке и не закрыты от роботов.
  • Для каждого типа страниц проверен хотя бы один пример валидатором.
  • Отчёты в вебмастере просматриваются и ошибки закрываются.

Что разметка даёт, а что нет

Важно трезво оценивать ожидания. Микроразметка не поднимает сайт в рейтинге напрямую: она не является фактором, который выводит страницу на первое место. Её задача другая — помочь поисковой системе правильно понять страницу и сделать результат более заметным и информативным.

Практический эффект бывает таким:

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

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

Особенности для разных типов сайтов

Интернет-магазин

Приоритеты: Product с Offer, хлебные крошки, рейтинг (при наличии честных отзывов), организация. Отдельная задача — корректно обработать товары с вариантами: размеры, цвета, комплектации. Для каждого варианта нужно решить, размечать его как отдельное предложение или как диапазон цен внутри одного товара.

Сайт услуг

Здесь работают LocalBusiness, Service, FAQPage и хлебные крошки. Важно указать зону обслуживания и часы работы. Если у компании несколько офисов, разметка выполняется для каждого отдельно.

Блог и новостной раздел

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

Лендинг

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

Частые вопросы

Через какое время после внедрения появятся расширенные сниппеты?

Страницы нужно переиндексировать, а решение о показе принимает поисковая система. Обычно изменения заметны через несколько недель, но сроки не гарантированы.

Можно ли внедрить разметку плагином без разработчика?

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

Влияет ли разметка на скорость сайта?

Блок JSON-LD весит очень мало и на загрузку практически не влияет. Проблемы бывают только при неаккуратной генерации с тяжёлыми запросами к базе.

Что делать, если в вебмастере много предупреждений?

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

Итог

Микроразметка — недорогой способ сделать результаты поиска информативнее и честнее показать роботу, что находится на странице. Начните с организации и хлебных крошек, затем добавьте разметку товаров или услуг, а рейтинг и вопросы подключайте только при наличии реального содержимого. Генерируйте данные автоматически из тех же полей, которые видит посетитель, проверяйте результат валидатором и следите за отчётами вебмастера. Так разметка работает на вас спокойно и без риска санкций.

Обсудим ваш проект? Если хотите применить эти рекомендации на своём сайте, оставьте заявку — подскажем, с чего начать, и оценим работы.

Читайте также

Техническая сторона

Корпоративная почта на своём домене

Адрес вида «название-компании@gmail.com» на визитке или в коммерческом предложении сегодня выглядит как минимум несерьёзно. Почта на собственном…

8 мин чтения
Техническая сторона

Оптимизация изображений для сайта

Фотографии продают товары и услуги, но они же чаще всего делают сайт медленным. На типичном интернет-магазине изображения занимают от половины до…

9 мин чтения
Техническая сторона

Как выбрать хостинг для сайта и интернет-магазина

Хостинг — это фундамент сайта: от него зависит, как быстро открываются страницы, переживёт ли магазин наплыв покупателей в сезон распродаж и…

9 мин чтения