Микроразметка сайта: что это и как сделать расширенные сниппеты

76 min.

Содержание

Микроразметка сайта: как сделать страницу понятной для поисковиков

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

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

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

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

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

Зачем нужна микроразметка

Микроразметка помогает поисковикам лучше понимать веб-ресурс и собирать расширенные сниппеты. Google приводит кейс Nestlé: CTR страниц с такими сниппетами был на 82% выше, чем у страниц без микроразметки.

Это полезная инвестиция для бизнеса:

  • Сниппет становится заметнее. Пользователи видят больше деталей до перехода на сайт.
  • Растет органический трафик. Если сниппет лучше отвечает на запрос, он собирает больше кликов.
  • Переходы становятся качественнее. Человек заранее видит цену, рейтинг, адрес, поэтому лучше понимает, куда переходит.
Зачем нужна микроразметка
По запросу «телевизор LG 8k» в выдаче появился этот сниппет с рейтингом, отзывом, контактным номером и данными о доставке

Виды микроразметки

Микроразметка состоит из тегов, атрибутов или JSON-LD-блоков. Одну часть данных видит пользователь, другую — читают только поисковые роботы. Видов микроразметки только два: словари и синтаксисы.

Словарь Синтаксис
Что это Набор типов и свойств для описания контента страницы. Правила, по которым словарь добавляют в код веб-страницы.
Примеры Schema.org, Open Graph, микроформаты. RDFa, JSON-LD, микроформаты, микроданные.
Плюсы Помогает описать контент: товар, компанию, рецепт, отзыв или превью для соцсетей. Позволяет передать данные поисковикам в понятном формате.
Минусы Можно ошибиться с типом или свойствами, если не сверяться с документацией. Некоторые варианты сложно внедрять и поддерживать вручную.

Чаще всего для SEO используют словарь Schema.org и синтаксис JSON-LD. Такой формат проще внедрять: данные можно добавить отдельным блоком, а не размечать каждый элемент вручную.

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

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

  • Product для карточки товара;
  • Article для статьи;
  • Organization или LocalBusiness для компании;
  • BreadcrumbList для хлебных крошек;

Ниже разбираем основные типы микроразметки Schema.org: этот словарь чаще всего используют для структурирования данных в поиске и создания расширенных сниппетов. Код обычно добавляют в формате JSON-LD — его рекомендует Google. Блок <script type="application/ld+json"> размещают внутри <head> страницы или в <body>, если так устроена CMS или шаблон. 

Organization и LocalBusiness

Organization используют, чтобы детально описать компанию: название, логотип, контакты, соцсети. Тип LocalBusiness пригодится бизнесу с физическими точками, например офисам, клиникам, салонам красоты и ресторанам.

В разметке обычно указывают:

  • name — название компании;
  • url — адрес сайта;
  • logo — логотип;
  • telephone — телефон;
  • address — адрес;
  • openingHours — график работы;
  • sameAs — ссылки на соцсети и другие профили компании.
Основные типы микроразметки Schema.org
Данные об организации в этом сниппете появились благодаря микроразметке типа Organization и LocalBusiness

Product

Тип Product нужен для товарных страниц — этот тип микроразметки используется на сайтах интернет-магазинов. Он помогает поисковику понять, что на ресурсе продается конкретный продукт, а не просто загружен текст с картинкой и кнопкой «Купить».

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

  • offers — цена, валюта, наличие и ссылка на товар;
  • aggregateRating — средний рейтинг;
  • review — отзывы;
  • shippingDetails — условия доставки;
  • hasMerchantReturnPolicy — правила возврата.

Посмотрим на пример JSON-LD для карточки товара. В нем поисковику передают ту же информацию, которую пользователь видит на странице.

<script type="application/ld+json">
{
  "@context": "https://schema.org/",
  "@type": "Product",
  "name": "Телевизор LG 8K",
  "image": "https://example.ru/images/lg-8k.jpg",
  "description": "Телевизор LG с разрешением 8K и диагональю 65 дюймов",
  "brand": {
    "@type": "Brand",
    "name": "LG"
  },
  "offers": {
    "@type": "Offer",
    "url": "https://example.ru/catalog/lg-8k",
    "priceCurrency": "RUB",
    "price": "149990",
    "availability": "https://schema.org/InStock"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.8",
    "reviewCount": "126"
  }
}
</script>

В реальном проекте набор свойств зависит от товара, CMS и требований поисковых систем.

Article и NewsArticle

Article и NewsArticle используют для текстов. Такая разметка помогает поисковику распознать заголовок, дату публикации, дату обновления, автора, изображение и издателя. Основные свойства:

  • headline — заголовок;
  • datePublished — дата публикации;
  • dateModified — дата обновления;
  • image — изображение;
  • author — автор;
  • publisher — сайт, медиа или компания, которая опубликовала материал.

BreadcrumbList

BreadcrumbList размечает хлебные крошки — путь от главной страницы до текущей, например, Главная → Блог → Статья. Такая разметка помогает поисковику понять структуру сайта и может заменить обычный URL в сниппете на понятную навигационную цепочку.

FAQPage

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

Допустим, на странице есть блок FAQ с вопросом о проверке микроразметки. В JSON-LD это можно передать так:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Как проверить микроразметку на сайте?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Проверить микроразметку можно через Google Rich Results Test, Schema Markup Validator или валидатор Яндекса."
      }
    }
  ]
}
</script>

В этом примере mainEntity содержит список вопросов, Question задает сам вопрос, name передает его текст, а acceptedAnswer хранит ответ. 

HowTo

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

  • step — шаг в инструкции;
  • text — текстовое описание; 
  • tool — инструмент; 
  • supply — материал или расходник;
  • totalTime — общее время выполнения.

Review и Rating

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

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

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Review",
  "itemReviewed": {
    "@type": "Product",
    "name": "Онлайн-курс по SEO"
  },
  "author": {
    "@type": "Person",
    "name": "Мария Петрова"
  },
  "datePublished": "2026-05-18",
  "reviewBody": "Курс помог разобраться в техническом SEO и работе с семантикой.",
  "reviewRating": {
    "@type": "Rating",
    "ratingValue": "5",
    "bestRating": "5"
  }
}
</script>

Здесь Review описывает сам отзыв, itemReviewed показывает, к чему он относится, author передает имя автора, datePublished — дату публикации. Свойство reviewBody хранит текст отзыва, а reviewRating — оценку. Внутри рейтинга ratingValue показывает выставленный балл, bestRating — максимальное значение шкалы. 

VideoObject

VideoObject подходит для страниц с видео. Разметка описывает название ролика, превью, дату публикации, длительность, ссылку на файл для просмотра. Основные свойства:

  • description — краткое описание видео;
  • thumbnailUrl — ссылка на превью;
  • uploadDate — дата публикации ролика;
  • duration — длительность;
  • contentUrl — ссылка на видеофайл;
  • embedUrl — ссылка на платформу, на которой можно посмотреть видео.

Person

Person используют для авторов, экспертов, спикеров и сотрудников. Разметка показывает поисковику, кто связан с контентом или компанией.

<script type="application/ld+json">
{

  "@context": "https://schema.org",
  "@type": "Person",
  "name": "Анна Иванова",
  "jobTitle": "SEO-специалист",
  "image": "https://example.ru/images/anna-ivanova.jpg",
  "url": "https://example.ru/authors/anna-ivanova",
  "worksFor": {
    "@type": "Organization",
    "name": "WSS"
  },
  "sameAs": [
    "https://t.me/anna_ivanova",
    "https://vk.com/anna_ivanova"
  ]
}
</script>

В этом примере name передает имя автора, jobTitle — должность, image — фото, url — страницу автора на сайте. Блок worksFor связывает человека с компанией, а sameAs указывает на внешние профили, где поисковик может подтвердить эту же персону.

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

HTML-микроразметку можно добавить вручную, через CMS или с помощью генератора. Для небольшого проекта подойдет ручная вставка JSON-LD, для CMS — плагин или модуль, для разовой задачи — генератор.

Способ 1. Вручную через JSON-LD

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

  • Выберите тип разметки: Product, Article, Organization, FAQPage или другой.
  • Соберите JSON-LD-код с нужными свойствами.
  • Вставьте блок <script type="application/ld+json"> в <head> или <body>. 
  • Сохраните изменения и откройте страницу в браузере.
  • Проверьте микроразметку в валидаторе Google, Яндекса или Schema.org.

<H3> Способ 2. Автоматически через CMS или плагин

Этот вариант удобен для сайтов на WordPress, Tilda, 1C-Битрикс и других CMS.

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

Способ 3. Через генератор микроразметки

Генератор подойдет для быстрой настройки разметки под одну страницу.

  • Откройте онлайн-генератор.
  • Выберите тип разметки Schema.org.
  • Заполните поля в форме.
  • Скопируйте готовый JSON-LD-код.
  • Вставьте его на страницу вручную или через CMS (рекомендуемый способ).
  • Проверьте код в валидаторе перед публикацией.

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

Микроразметку проверяют после добавления на сайт, обновления шаблона, смены CMS и любых правок в коде. Валидатор может найти пропущенное поле или ошибку в выбранном типе. 

Для проверки микроразметки используют несколько инструментов:

  • Валидатор Яндекс Вебмастера. Вставьте URL страницы или фрагмент кода. Сервис покажет найденные данные, ошибки и предупреждения. Он работает с разными форматами разметки: Schema.org, Open Graph, микроданные HTML и RDFa.
  • Google Rich Results Test. Инструмент показывает, какие расширенные сниппеты поисковик может сформировать по данным на странице. Проверять можно URL или код.
  • Schema Markup Validator. Подходит для Schema.org: показывает найденные типы и свойства, но не оценивает, появится ли расширенный сниппет в Google.

После правок проверьте страницу еще раз: одна исправленная ошибка не гарантирует, что разметка теперь работает корректно. Зайдите в Google Search Console → раздел «Улучшения» («Структурированные данные») — там находятся все страницы с ошибками и предупреждениями, которые видит поисковик.

Распространенные ошибки

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

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

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

Как микроразметка влияет на SEO

Микроразметка не работает как прямой фактор ранжирования. Нельзя добавить JSON-LD и сразу попасть в топ — это было бы слишком просто.

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

Больше интересного в нашем телеграм-канале — узнавайте новости SEO и мнение индустрии.

Часто задаваемые вопросы (FAQ)

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

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

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

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

Какие виды разметки бывают?

HTML-микроразметку делят на словари и синтаксис. Словарь отвечает за описание: товара, статьи, компании, видео. Синтаксис показывает, как записать эту информацию в коде. Чаще всего используют Schema.org и JSON-LD.

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

Для проверки микроразметки используйте валидаторы: Google Rich Results Test, Schema Markup Validator или Яндекс Вебмастер. Вставьте ссылку на страницу или фрагмент кода, запустите проверку и посмотрите, какие типы разметки нашел сервис.

Читайте лучшие материалы первыми

    Подписавшись на рассылку, вы соглашаетесь с Политикой Конфиденциальности.

      Свяжитесь с нами

      Пожалуйста, заполните форму ниже,


      и мы свяжемся с вами в течение 24 часов.



      Или свяжитесь напрямую: