Вчера

Что такое микроразметка и как с ее помощью попасть в ИИ-обзоры

Аватар Команда ConversionКоманда Conversion
122

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

Рассказываем, что такое микроразметка и как добавить ее без знания кода.

  1. Что такое микроразметка
  2. Что такое словари и синтаксис в микроразметке
  3. Как сделать микроразметку
  4. Какие данные можно разметить
  5. Коротко: что такое микроразметка

Что такое микроразметка

Микроразметка — это дополнительные теги и атрибуты в HTML-коде страницы. Ими можно пометить разные виды информации, чтобы поисковым системам было проще понять, что есть на сайте.

Пример микроразметки | Изображение 1
Микроразметка — пример помощи пользователю. Google решил, что именно этот фрагмент текста лучше всего отвечает на запрос, поэтому поисковая система вынесла его в общие результаты поиска. Пользователь получает ответ на свой запрос, не заходя на сайт

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

Микроразметка что это | Изображение 2
Без микроразметки: отображается только название рецепта и его начало
Как работает микроразметка | Изображение 3
С микроразметкой: в общий поиск вынесено время приготовления и оценка рецепта

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

На практике микроразметка выглядит так:

Как выглядит микроразметка | Изображение 4
Слева — карточка рецепта из поиска Google, справа — части кода страницы, которые отвечают за разметку разных типов контента

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

  • Nestlé использует микроразметку на некоторых своих страницах. CTR у них на 82% выше, чем у страниц без разметки.
  • Food Network добавили структурированные данные на 80% своих страниц. Посещаемость выросла на 35%.
  • Компания Rakuten заметила, что пользователи проводят в 1,5 раза больше времени на страницах с микроразметкой и чаще с ними взаимодействуют.

Портал ahrefs.com собрал статистику по 35 000 сайтам и выяснил, что ИИ чаще всего ссылается на страницы с определенными типами контента:

  • топы и рейтинги;
  • сравнения и гайды;
  • продукты и услуги;
  • исследования и анализы;
  • определения и инструкции.

Если на странице разместить эти типы контента, они с бо́льшей вероятностью попадут в ИИ-рекомендации поисковой системы.

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

Чтобы сделать микроразметку, нужно выбрать словарь и синтаксис.

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

Синтаксис — это правила, по которым вы используете язык. Он определяет, какие теги вы будете добавлять в код страницы и куда их поставите. Самый распространенный синтаксис — JSON-LD, его рекомендует Google на странице, посвященной микроразметке

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

Есть два способа добавить микроразметку: вручную и помощью генераторов.

Существует много надежных решений — например, от Google или Hall. Генераторы разметки работают одинаково: предлагают вставить ссылку на сайт или код страницы и выбрать тип данных, которые размещены на сайте.

Как создать микроразметку | Изображение 5
В генераторе от Google 12 типов данных, в других генераторах их может быть больше

Когда страница загрузится, на странице можно будет добавить недостающие теги.

Теги для микроразметки | Изображение 6
В поле можно добавить тег для определенной цели

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

Как добавить микроразметку на сайт | Изображение 7
Выделите данные и выберите нужный тип в выпадающем меню

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

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

Для проверки используйте любой валидатор микроразметки: от Google, Schema или Яндекс.

Какие данные можно разметить

При помощи синтаксиса JSON-LD и словаря Schema.org можно разметить 827 типов данных. Рассмотрим самые распространенные. 

1. Статья (Article/NewsArticle/BlogPosting/Report). Показывает поисковой системе, какой заголовок, описание и изображение нужно отобразить в поиске. При хороших показателях статья попадает в карусель «Главные новости» прямо под строкой поиска.

Какие данные можно разместить в микроразметке | Изображение 8
Пользователь скорее нажмет на одну из карточек в карусели, чем продолжит скроллить вниз

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

Семантическая разметка | Изображение 9
Благодаря семантической разметке в сниппете видны авторы статей — их приверженцы откроют сайт, если увидят знакомые имена

Код для типов разметки Article, NewsArticle, BlogPosting и Report одинаковый. Можно использовать этот код как пример ко всем типам, меняя свойство @type.

Код для микроразметки | Изображение 10
Пример разметки Article, NewsArticle, BlogPosting и Report

2. Строка навигации, или «хлебные крошки» (BreadcrumbList). Позволяет пользователю понять, в какой отдел сайта он попадет, по сниппету.

Данные для микроразметки | Изображение 11
Часть структуры вынесена в сниппет под названием сайта

В коде эта микроразметка будет выглядеть примерно так:

Как выглядит микроразметка в коде | Изображение 12
Пример микроразметки BreadcrumbList

3. Пошаговые инструкции (HowTo). Последовательность шагов с сайта иногда попадает в ИИ-рекомендации Google. Посетители чаще приходят на такую страницу и больше ей доверяют.

Пошаговые инструкции микроразметка | Изображение 13
Пошаговая инструкция полностью взята с сайта — в последнем пункте есть ссылка

Разметка HowTo обычно выглядит так:

Микроразметка How To | Изображение 14
Свойство name обозначает заголовок пункта инструкции, а text — текст пункта

4. Организация (Organization/LocalBusiness). Помогает поисковым системам собрать информацию о фирме. Если хорошо постараться и разметить информацию, Google даст компании граф знаний — он отображается справа от результатов поиска. Поисковая система считывает самые важные данные по запросу и отображает ее в отдельно выделенном поле.

Информация о компании микроразметка | Изображение 15
Самые важные данные о компании «Вайлдберриз»

Граф получают не только компании-гиганты. Маленький ресторан или салон красоты тоже может его получить, если грамотно разметить данные.

Что такое граф знаний | Изображение 16
Ресторан открылся около года назад, у него пока только один отзыв на Google Maps, но граф он уже получил

У Organization и LocalBusiness похожая структура. Главное отличие — свойство @type. Если это разметка типа Organization, то в нем указывают «Organization», если LocalBusiness — нишу своего бизнеса: салон красоты, ветлечебница, автосервис.

Пример микроразметки | Изображение 17
Пример разметки Organization

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

5. Товар (Product). Улучшает отображение товаров с сайта в поиске. В сниппете отображается дополнительная информация кроме обычной синей ссылки — пользователи знают, чего ожидать от страницы, и чаще на нее заходят.

Как сделать микроразметку на товар | Изображение 18
Из-за семантической разметки в сниппете отображается цена, рейтинг и количество отзывов к товару

Во вкладке «Картинки» фото из карточек товаров получают значок «Продукт» в левом нижнем углу.

Семантическая разметка для карточек товаров | Изображение 19
Картинки со значком выделяются на фоне обычных

Код микроразметки Product может выглядеть так:

Код микроразметки для товаров | Изображение 20
aggregateRating — это средний рейтинг товара, а offers может отображать особенности предложения: цену, валюту или доступность товара

6. Страница автора (Person). Помогает поисковой системе идентифицировать человека и привязать его к другой сущности — компании, виду деятельности или другому человеку. 

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

Микроразметка для авторов | Изображение 21
Граф отображается прямо под строкой поиска, в нем собраны ключевые данные о человеке

Семантическая разметка Person обычно выглядит так:

Код семантической разметки для авторов | Изображение 22
Пример микроразметки Person

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

7. Фрагмент отзыва (Review). Разметка выносит рейтинг товара в сниппет. Пользователь видит оценки других посетителей сайта до того, как перейдет по ссылке. Если оценки хорошие, он, скорее всего, зайдет на страницу.

Микроразметка отзывы | Изображение 23
Оценка и максимальное количество баллов вынесены под описанием

Пример микроразметки Review:

Пример микроразметки для отзывов | Изображение 24
Фильм получил 8 баллов из 10

8. Рейтинг (AggregateRating). Выводит средний рейтинг товара и количество отзывов в сниппет. Пользователи скорее перейдут на страницы товаров с хорошим рейтингом и большим количеством отзывов.

Микроразметка для рейтинга | Изображение 25
Количество отзывов и оценка в сниппете товара

Обычно разметка AggregateRating выглядит так:

Пример микроразметки для оценки | Изображение 26
Рейтинг 4,8 балла на основе 51 516 отзывов

Коротко: что такое микроразметка

Микроразметка — это дополнительные теги и атрибуты в HTML-коде сайта. По ним поисковые системы понимают, какую информацию содержит страница. Если правильно разметить данные, они могут попасть в сниппет в поиске или в ИИ-рекомендации.

Существуют разные словари и синтаксисы для семантической разметки. Микроразметка Schema и Open Graph — самые распространенные в интернете. Синтаксис JSON-LD рекомендует Google, поэтому он самый популярный.

С помощью словаря Schema и синтаксиса JSON-LD можно разметить 792 вида данных. Самые популярные из них:

  • Статья (Article/NewsArticle/BlogPosting/Report)
  • Строка навигации (BreadcrumbList).
  • Часто задаваемые вопросы (HowTo).
  • Организация (Organization/LocalBusiness).
  • Товар (Product). 
  • Страница автора (Person).
  • Фрагмент отзыва (Review).
  • Рейтинг (AggregateRating).

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

Вам была полезна эта статья?
1
0
Похожие статьи
Семантическая разметка: что это, как она помогает попасть в ИИ-обзоры и как добавить на свой сайт | Conversion