Микроразметка: что это и зачем она нужна

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

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

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

Например, человек без труда понимает, что «4,8 из 5» рядом с карточкой товара - рейтинг. Поисковому роботу желательно дополнительно сообщить, что это именно оценка товара, а не случайное число. Для этого используются структурированные данные.

Микроразметка может описывать:

• Компанию и ее контакты;
• Товар, цену и наличие;
• Статью и автора;
• Хлебные крошки;
• Отзыв и рейтинг;
• Услугу;
• Вопрос и ответ.

Для пользователя сама разметка обычно незаметна. Она находится в коде страницы и дополняет обычный контент.

Зачем микроразметка нужна для SEO

Микроразметка дает поисковым системам дополнительные сведения о структуре и содержимом страницы. С помощью структурированных данных поисковик может точнее классифицировать отдельные элементы.

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

Расширенные сниппеты в поисковой выдаче

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

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

Повышение CTR без изменения позиций

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

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

Более точное понимание страницы поисковыми системами

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

Преимущества микроразметки

Корректная микроразметка для статей, товаров, услуг и других страниц дает несколько практических преимуществ:

• Уточняет для поисковых систем смысл содержимого страницы;
• Создает основу для поддерживаемых расширенных результатов;
• Упрощает передачу данных о компании, товарах, публикациях и других сущностях;
• Поддерживает единый формат описания данных на разных страницах сайта.

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

Чем микроразметка отличается от обычного HTML-кода

HTML отвечает прежде всего за структуру документа. Тег <h1> показывает, что перед нами главный заголовок, а <p> обозначает абзац.

Но HTML сам по себе не всегда объясняет смысл данных. Например, имя «Иван Иванов» может принадлежать автору статьи, сотруднику компании, клиенту или персонажу.

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

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

Основные типы микроразметки

Schema.org

Schema.org - один из основных словарей структурированных данных. Он содержит типы и свойства для компаний, людей, товаров, статей, событий, отзывов, организаций, локального бизнеса и других объектов.

Schema.org можно использовать вместе с разными вариантами синтаксиса, включая JSON-LD, Microdata и RDFa.

Именно Schema.org чаще всего имеют в виду, когда говорят о микроразметке для Яндекса или структурированных данных для Google.

Open Graph

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

С помощью Open Graph можно указать:

• Название страницы;
• Описание;
• Основное изображение;
• URL;
• Тип объекта.

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

Микроформаты

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

Для SEO-задач сегодня чаще используется Schema.org, но микроформаты остаются отдельным способом семантического описания контента.

Основные форматы внедрения микроразметки

Словарь и формат - не одно и то же. Schema.org определяет, какими понятиями описываются данные, а JSON-LD, Microdata и RDFa - как эта информация записывается в коде.

JSON-LD

JSON-LD хранит структурированные данные отдельным блоком, обычно внутри тега <script type="application/ld+json">.

Пример:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Компания",
  "url": "https://example.ru/"
}
</script>

Такой вариант удобно поддерживать, потому что данные не нужно добавлять непосредственно к каждому HTML-элементу.

Microdata

Microdata добавляется непосредственно к HTML-тегам с помощью атрибутов itemscope, itemtype и itemprop.

В этом случае содержимое страницы и данные Schema.org находятся в одной HTML-структуре. При сложной разметке такой подход делает HTML-код объемнее.

RDFa

RDFa также встраивает семантические атрибуты в HTML. Формат основан на принципах RDF и подходит для описания связей между объектами.

Выбор формата зависит от архитектуры сайта, CMS и уже используемой системы внедрения. При использовании нескольких форматов важно исключить дублирование и противоречия между данными.

Какие типы Schema.org нужны разным сайтам

Тип микроразметки выбирают исходя из содержания конкретной страницы.

Organization и LocalBusiness - для компании

Organization подходит для описания организации: ее названия, сайта, логотипа, контактов и других данных.

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

Product и Offer - для карточек товаров

Product описывает сам товар, а Offer - коммерческое предложение: цену, валюту, наличие и другие условия.

Для интернет-магазина такие типы помогают связать сведения о товаре в единую структуру.

Article и BlogPosting - для статей

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

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

BreadcrumbList - для хлебных крошек

BreadcrumbList описывает цепочку навигации от общего раздела к текущей странице.

Например:

Главная → Блог → SEO → Микроразметка.

Так поисковой системе проще определить положение страницы в структуре сайта.

FAQPage - для вопросов и ответов

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

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

Review и AggregateRating - для отзывов и рейтингов

Review описывает отдельный отзыв, а AggregateRating - итоговую оценку, рассчитанную по нескольким отзывам.

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

Service - для страниц услуг

Тип Service можно использовать для описания услуги: ее названия, поставщика, зоны обслуживания и других характеристик.

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

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

То, как на сайте сделать микроразметку, зависит от CMS, шаблона и доступа к коду.

Через код JSON-LD

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

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

Через CMS и плагины

Для популярных CMS существуют модули и плагины, которые генерируют структурированные данные автоматически.

Перед установкой важно проверить:

• Какие типы Schema.org поддерживает модуль;
• Откуда он получает данные;
• Не создает ли он дубли;
• Можно ли изменить автоматически сформированные свойства.

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

Через Google Tag Manager

JSON-LD можно внедрять через Google Tag Manager. Такой подход иногда используют, когда нет возможности быстро изменить шаблон сайта.

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

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

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

Rich Results Test от Google

Rich Results Test показывает, распознает ли Google структурированные данные, связанные с поддерживаемыми расширенными результатами, и есть ли критические ошибки.

Важно учитывать, что инструмент проверяет прежде всего возможности, которые поддерживаются Google Search, а не весь словарь Schema.org.

Schema Markup Validator

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

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

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

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

Частые ошибки при настройке микроразметки

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

Часто встречаются следующие ошибки:

• Выбран неподходящий тип Schema.org;
• Указаны свойства, которых фактически нет на странице;
• В разметке осталась устаревшая цена, адрес или телефон;
• Один объект размечен несколько раз разными плагинами;
• Перепутаны FAQPage и QAPage;
• Для товара не переданы важные данные об Offer;
• Разметка внедрена только на части однотипных страниц;
• Код технически работает, но данные в нем не совпадают с видимым содержимым страницы.

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

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

Перед публикацией удобно пройти короткую проверку:

1. Определить, какие сущности действительно есть на странице.
2. Выбрать подходящий словарь и тип Schema.org.
3. Определить формат внедрения: JSON-LD, Microdata или RDFa.
4. Добавить только те данные, которые соответствуют видимому содержимому.
5. Учесть обязательные и рекомендуемые свойства для выбранного типа.
6. Убедиться, что на странице нет конфликтующих дублей.
7. Протестировать код в валидаторе Schema.org и инструментах поисковых систем.
8. После публикации проверить, как страницу видит поисковый робот.
9. Следить, чтобы данные в разметке обновлялись вместе с содержимым страницы.

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