Микроразметка Schema.org: как сделать и проверить

Коротко

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

Сделать микроразметку можно тремя способами: в формате JSON-LD, через атрибуты Microdata в HTML или через RDFa. На практике сейчас чаще выбирают JSON-LD: его проще поддерживать и отлаживать. Ниже — какие типы разметки нужны разным сайтам, как её внедрить в WordPress и 1С-Битрикс и как проверить микроразметку в инструментах Яндекса и Google.

ЗадачаЧем решаетсяГде проверить
Разметка товараТип Product с вложенным OfferВалидатор микроразметки Яндекса, проверка расширенных результатов Google
Данные организацииТипы Organization или LocalBusinessТе же инструменты
Хлебные крошкиТип BreadcrumbListТе же инструменты, вид сниппета в выдаче
Статьи блогаТипы Article или BlogPostingВалидатор Schema.org
Внешний вид при публикации ссылки в соцсетяхOpen GraphОтладчики соцсетей и мессенджеров

Основная мысль

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

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

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

Микроразметка Schema.org: что это и зачем

Schema.org — общий словарь типов и свойств, который развивают крупные поисковые системы. В нём описаны сотни типов: товары, организации, мероприятия, рецепты, статьи, вакансии. Большинству коммерческих сайтов нужны пять-семь из них.

Что даёт разметка

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

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

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

Разметка — часть технической оптимизации наравне с корректными заголовками, картой сайта и скоростью. Как эти элементы складываются вместе, разобрано в статье что такое техническое SEO.

Форматы: JSON-LD, Microdata, RDFa

Один и тот же смысл можно выразить тремя способами. Поисковые системы понимают все три, но удобство для разработки разное.

ФорматКак выглядитПлюсыМинусы
JSON-LDОтдельный блок script с JSON в коде страницыНе смешивается с вёрсткой, легко генерировать и проверятьНужно следить, чтобы данные совпадали с видимым текстом
MicrodataАтрибуты itemscope, itemtype, itemprop в HTML-тегахРазметка привязана к видимому содержимомуЛомается при переделке вёрстки, сложно читать
RDFaАтрибуты vocab, typeof, property в HTMLГибкий форматИспользуется реже, меньше готовых примеров

Микроразметка JSON-LD

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

Когда уместна Microdata

В старых шаблонах разметка часто уже сделана через атрибуты. Переписывать её на JSON-LD имеет смысл при переделке шаблона. Если же Microdata работает и проходит проверку, трогать её ради смены формата не обязательно. Главное — не смешивать два формата для одной и той же сущности: дублирование создаёт противоречия.

Микроразметка Яндекс: что поддерживается

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

Особенности Яндекса

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

Open Graph

Open Graph — отдельный протокол, который отвечает за то, как ссылка на страницу выглядит в соцсетях и мессенджерах: заголовок, описание, картинка. К ранжированию он отношения не имеет, но недостающие теги приводят к тому, что при отправке ссылки подтягивается случайное изображение. SEO-плагины в WordPress и модуль поисковой оптимизации в 1С-Битрикс позволяют задать эти теги.

Какая разметка нужна разным сайтам

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

Тип сайтаОсновные типы Schema.orgГде выводить
Корпоративный сайт и сайт услугOrganization или LocalBusiness, BreadcrumbList, ServiceГлавная, контакты, страницы услуг
Интернет-магазинProduct с Offer, BreadcrumbList, OrganizationКарточки товаров, все внутренние страницы, главная
Блог или раздел статейArticle или BlogPosting, BreadcrumbListКаждая статья
Сайт с филиаламиLocalBusiness для каждой точкиСтраницы филиалов с адресами

Сайт услуг

Главная сущность — организация: название, логотип, адрес, телефон, часы работы. Для компании с офисом, куда приходят клиенты, подходит LocalBusiness или один из его подтипов. Страницы услуг можно разметить типом Service, но только если на странице есть описание услуги, а не одна строка и форма заявки.

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

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

Блог

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

Микроразметка товара

Для интернет-магазина разметка товара — самая полезная. Она сообщает поисковику название, изображение, цену, валюту и наличие.

Обязательный минимум

  • name — название товара;
  • image — адрес изображения;
  • offers — предложение с ценой price, валютой priceCurrency и наличием availability;
  • description — описание, если оно есть на странице;
  • sku или brand — если эти данные выводятся в карточке.

Пример JSON-LD для товара

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Диван угловой серый",
  "image": "https://example.ru/upload/sofa.jpg",
  "description": "Угловой диван с механизмом еврокнижка.",
  "sku": "SOFA-001",
  "offers": {
    "@type": "Offer",
    "url": "https://example.ru/catalog/sofa-001/",
    "price": "54900",
    "priceCurrency": "RUB",
    "availability": "https://schema.org/InStock"
  }
}
</script>

Цена в разметке указывается числом без пробелов и знака валюты, валюта — кодом RUB. Наличие берётся из словаря Schema.org: InStock, OutOfStock, PreOrder и другие значения.

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

Свойства aggregateRating и review добавляют только если на странице действительно есть отзывы покупателей. Рейтинг, который нигде не показан, или отзывы, написанные от имени магазина, нарушают правила поисковых систем. Если отзывов нет, эти свойства просто не выводят.

Вариативные товары

Если у товара несколько вариантов с разной ценой, например размеры или цвета, используют несколько предложений или тип AggregateOffer с минимальной и максимальной ценой. Главное — чтобы цена в разметке совпадала с ценой, которую видит посетитель при открытии страницы.

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

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

Пошаговый план внедрения

  1. Составьте список типов страниц. Главная, услуги, категории, карточки товаров, статьи, контакты.
  2. Определите нужные типы разметки для каждой: Organization на главной, Product в карточке, BreadcrumbList везде, где есть крошки, Article в блоге.
  3. Проверьте, что уже есть. Тема, плагины и модули могут выводить разметку без вашего ведома.
  4. Уберите дубли. Одна сущность — один источник разметки.
  5. Внедрите недостающее в шаблоны, чтобы данные подставлялись автоматически.
  6. Проверьте несколько страниц каждого типа в валидаторах.
  7. Отслеживайте ошибки в Вебмастере и Search Console после запуска.

Микроразметка в WordPress

Rank Math и Yoast SEO выводят базовую разметку: организацию или персону, сайт, хлебные крошки, статьи. WooCommerce формирует собственную разметку товара. Из-за этого в магазинах нередко появляются два блока Product с разными данными: один от WooCommerce, другой от SEO-плагина или темы. Решение — оставить один источник и проверить результат в валидаторе. Если нужно что-то нестандартное, разметку дописывают в дочерней теме или плагине сайта; такие задачи входят в доработку сайта на WordPress.

Микроразметка в 1С-Битрикс

В стандартных шаблонах компонентов каталога 1С-Битрикс часть разметки уже заложена, а готовые решения из Маркетплейса выводят её по-своему. При переделке шаблонов её часто теряют или ломают: атрибуты Microdata удаляются вместе со старой вёрсткой. Надёжный путь — формировать JSON-LD в шаблоне компонента из тех же данных, что выводятся в карточке, с учётом торговых предложений и цен для разных типов цен. Такая работа выполняется в рамках доработки сайта на 1С-Битрикс.

Разметка FAQ и инструкций

Разметку вопросов и ответов FAQPage долго добавляли на все подряд страницы ради увеличенного сниппета. Google в 2023 году сильно сократил показ таких сниппетов и оставил их в основном для авторитетных государственных и медицинских сайтов, а сниппеты для пошаговых инструкций HowTo перестал показывать. Саму разметку можно оставить, если вопросы действительно есть на странице, но рассчитывать на заметный эффект в выдаче Google не стоит.

Разметка организации и хлебных крошек

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

Проверка микроразметки: инструменты

Проверить микроразметку нужно на реальных страницах сайта, а не только на примере в редакторе. Удобнее всего комбинировать несколько инструментов.

Валидатор микроразметки Яндекса

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

Инструменты Google

  • Проверка расширенных результатов показывает, на какие типы расширенных сниппетов может претендовать страница и чего для этого не хватает.
  • Валидатор Schema.org на сайте validator.schema.org проверяет разметку на соответствие словарю, без привязки к требованиям конкретного поисковика.
  • Search Console собирает ошибки и предупреждения по разметке со всего сайта в отчётах об улучшениях.

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

  1. Выберите по две-три страницы каждого типа: главную, категорию, карточку товара, статью.
  2. Проверьте каждую в валидаторе Яндекса по адресу.
  3. Убедитесь, что распознаны нужные типы и нет дублей одной сущности.
  4. Сравните значения в разметке с видимыми на странице: цену, наличие, название.
  5. Прогоните те же страницы через проверку расширенных результатов Google.
  6. Исправьте ошибки в шаблоне, а не на отдельных страницах.
  7. Повторите проверку после каждого изменения шаблона, обновления темы, плагина или модуля.

Проверка в исходном коде

Валидаторы показывают итог, но причину иногда проще найти в исходном коде страницы. Поиск по словам application/ld+json и itemtype быстро показывает, сколько блоков разметки на странице и откуда они. Если блоков Product два, по соседним комментариям или классам обычно видно, какой выводит тема, а какой плагин или модуль. Учтите, что при включённом кешировании в коде может оказаться устаревшая версия страницы: после правок шаблона кеш сбрасывают.

Ошибки и предупреждения

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

Сценарии из практики

Ситуации собирательные, но типичные.

Цена в разметке расходится с витриной

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

Две разметки товара в WooCommerce

Тема выводит собственную Microdata, WooCommerce — JSON-LD, а SEO-плагин добавляет ещё один блок. Валидатор показывает три товара на одной странице с разными свойствами. После отключения лишних источников остаётся один корректный блок.

Разметка пропала после редизайна

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

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

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

Товары не в наличии показываются как доступные

В магазине остатки обновляются раз в сутки, а в шаблоне availability жёстко прописано значение InStock для всех карточек. Покупатели видят в выдаче товар как доступный, переходят и обнаруживают, что заказать его нельзя. Исправление — выводить наличие из реальных остатков и отдавать OutOfStock или PreOrder, когда товара нет. Это мелочь в коде, но она напрямую влияет на доверие к магазину.

Разметка организации на всех страницах с разными данными

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

Типичные ошибки и чек-лист

На чём опасно экономить

  • Проверка после изменений. Разметка ломается незаметно при обновлениях и редизайне.
  • Единый источник данных. Если цена и наличие в разметке берутся не оттуда же, что на витрине, расхождения неизбежны.
  • Отказ от выдуманных данных. Рейтинги и отзывы только реальные и видимые на странице.
  • Устранение дублей. Несколько блоков одной сущности с разными данными запутывают поисковик.

Частые ошибки

  • разметка сделана вручную на одной странице, а не в шаблоне;
  • цена указана с пробелами, знаком валюты или текстом;
  • в availability записан произвольный текст вместо значения из словаря;
  • изображение в разметке недоступно или закрыто в robots.txt;
  • в разметке организации устаревший адрес или телефон;
  • разметка FAQ добавлена на страницы, где вопросов и ответов нет в тексте.

Чек-лист

  • Определены нужные типы разметки для каждого типа страниц.
  • Разметка формируется в шаблонах автоматически.
  • Для каждой сущности один источник разметки.
  • Значения в разметке совпадают с видимыми на странице.
  • Главная и контакты содержат разметку организации.
  • Внутренние страницы содержат хлебные крошки.
  • Карточки товаров проходят валидатор Яндекса без ошибок.
  • Open Graph заполнен для главной, услуг, товаров и статей.
  • Ошибки разметки в Вебмастере и Search Console отслеживаются.

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

Как проверить микроразметку сайта?

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

Какую микроразметку Schema.org выбрать для сайта услуг?

Обычно достаточно Organization или LocalBusiness, BreadcrumbList и Article для статей. Для отдельных услуг можно использовать тип Service, если данные есть на странице.

Что лучше: JSON-LD или Microdata?

Для новых шаблонов удобнее JSON-LD: он не зависит от вёрстки. Рабочую Microdata переписывать не обязательно, если она проходит проверку.

Какие поля нужны для микроразметки товара?

Минимум — название, изображение и предложение с ценой, валютой и наличием. Описание, артикул и бренд добавляют, если они выводятся на странице.

Микроразметка Яндекс отличается от Google?

Словарь общий — Schema.org. Различаются инструменты проверки и требования к отдельным расширенным сниппетам, поэтому проверяют в обоих.

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

Базовую — да, через SEO-плагин в WordPress или модуль в 1С-Битрикс. Разметка товаров с торговыми предложениями и ценами обычно требует правки шаблонов.

Почему разметка без ошибок, а расширенного сниппета нет?

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

Как часто нужна проверка микроразметки?

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

Где разместить блок JSON-LD на странице?

Блок можно вывести в head или в body, поисковики читают оба варианта. Удобнее выводить его рядом с кодом шаблона, который формирует данные.

Можно ли за разметку получить санкции?

Да, если она вводит в заблуждение: выдуманные рейтинги, отзывы, цены, не совпадающие с реальными.

Итог

Микроразметка Schema.org помогает поисковику понять страницу и повышает шанс на расширенный сниппет. Для большинства сайтов хватает разметки организации, хлебных крошек, статей и товаров. Удобнее всего делать её в формате JSON-LD в шаблонах, чтобы данные подставлялись автоматически и совпадали с витриной.

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

Если нужно внедрить или проверить разметку на сайте, я как частный разработчик на WordPress и 1С-Битрикс проверю текущую микроразметку, уберу дубли, настрою вывод товаров, организации и хлебных крошек в шаблонах и перепроверю результат в валидаторах. Работаю напрямую, без посредников — подробности на странице аудита сайта.

Что будем искать? Например,Продвижение