🏷️Микроразметка что за зверь и как укротить весь этот зоопарк?

Время на чтение статьи:

5 минут

🏭 Бизнес

Записи по теме

Как выбрать веб-агентство и не пожалеть

Эксперт за спасибо: почему это дорого

Тяжело не из-за работы, а из-за одиночества в ней

🏷️Микроразметка что за зверь и как укротить весь этот зоопарк?

Если сравнить любой сайт с огромным зверинцем полным разных видов животных, для посетителя это просто клетки: на одних таблички «кошки», на других «птицы», а какие‑то стоят без подписи. Можно подойти, заглянуть внутрь и понять, кто там живёт…

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

Виды разметки на сайте

Микроразметка — это «переводчик» с человеческого языка на язык роботов. Если обычный текст человек читает глазами, то поисковый бот и ИИ видят его как набор символов. Ваша задача проверить добавлены ли к этим символам специальные метки (теги), которые говорят машине: «Эй железяка, слушай! Вот этот кусок текста — это не просто буквы, а цена товара. Вот эта картинка — это фотография блюда, а вот этот блок — это отзыв клиента с оценкой 5 звезд».

Кто есть кто в этом зоопарке

В мире существует несколько «языков» разметки, но самые важные — это Schema.org (словарь понятий) и форматы, на которых он записан (JSON-LD, Microdata и др.).

Schema.org — главный зверь. Это универсальный стандарт, который понимают Google, Яндекс, Bing и Yahoo. Сам по себе Schema.org — это просто список терминов (товар, статья, рецепт, организация). Чтобы внедрить их в код, нужно выбрать формат записи.
JSON-LD — любимый формат Google (и лучший друг). Отдельный блок кода в формате JSON (пары «ключ-значение»), который прячется в разделе <head>. Не ломает визуальную часть сайта, легко генерируется автоматически, не мешает верстальщикам.
Open Graph — нужен для соцсетей, чтобы ссылка на статью в Telegram или ВКонтакте выглядела красиво: с большой картинкой, жирным заголовком и описанием. Поисковики тоже обращают на него внимание, но его главная стихия — виральность в соцсетях.
Microdata и RDFa — «старая школа». Теги вплетаются прямо в HTML-код страницы, обволакивая каждый кусочек текста (<span itemprop="name">Товар</span>). Статус: все еще работают, но постепенно уступают место JSON-LD.
Микроформаты. Простые, но ограниченные стандарты (например, hCard для контактов). Сейчас используются редко, так как Schema.org гораздо гибче.

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

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

Зачем «укрощать» весь зверинец?

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

Красивая выдача : результат запроса в Гугле или Яндексе становится заметнее. Вместо скучной синей ссылки появляются звёздочки рейтинга, цена, наличие на складе, калорийность блюда или время приготовления. Пользователь видит информативный сниппет и переходит на сайт.
Понимание контекста: поисковик перестает гадать, он точно знает, что ты продаёшь «iPhone 15», а не даешь инструкцию как вырастить яблоню.
Любовь ИИ (GEO): для нейросетей разметка — это готовая еда им не нужно парсить весь текст и пытаться угадать суть. Они берут готовые структурированные данные и сразу используют их для ответов пользователям. Без разметки шансы попасть в ответ ИИ падают в разы.

Добро пожаловать в эпоху "нулевых кликов". Обычное SEO уже не работает. Если ИИ не считает контент полезным, то сайт как будто не существует в интернете вовсе.

Наводим порядок в зоопарке (пошаговая инструкция)

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

Шаг 1. Поймите, что нужно размечать

Не нужно размечать всё подряд. Начните с главного:

Товары: Цена, наличие, бренд, отзывы.
Статьи: Заголовок, автор, дата публикации, картинка.
Рецепты: Время готовки, калории, ингредиенты.
Организация: Адрес, телефон, режим работы (критично для локального бизнеса).
Вопросы-ответы (FAQ): Блоки с вопросами и ответами прямо на странице.

Шаг 2. Выберите формат

Самый популярный и любимый Гуглом формат называется JSON-LD. Это такой скрипт, который вставляется в код страницы (обычно в раздел <head> или в конец <body>). Он выглядит примерно так:

Для робота это структурированные данные: «Это товар, кроссовки Nike Air, выглядит вот так, стоит 5000 рублей, он есть в наличии» .

Главный секрет укрощения

Разметка — это не «сделал и забыл». Если изменилась цена на сайте она должна измениться и в коде. Товар закончился — в разметке должно стать «OutOfStock». Если робот увидит расхождение (на сайте одно, в разметке другое), он пометит сайт как ненадёжный и перестанет показывать красивые поисковые позиции.

Разметка — это переводчик с человеческого языка на язык роботов. Чем лучше выполнен перевод на язык машины, тем охотнее робот будет показывать контент людям и цитировать его в ответах ИИ. Начните с малого: разметьте контакты и главные товары/статьи, так можно обогнать 80% конкурентов, которые ленятся это сделать.