Микроразметка сайта: виды, примеры и настройка

Мы объясняем, как микроразметка упрощает и ускоряет поиск информации в интернете, какие виды существуют, а также как правильно её настроить и проверить на ошибки.

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

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

Пример сайта без микроразметки

Сайт с микроразметкой:

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

•  Улучшение сниппета
•  Рост CTR
•  Улучшение понимания сайта поисковиками
•  Влияние на SEO (косвенное)
   

С помощью микроразметки в анонс страницы или сниппет можно добавить полезную информацию для посетителей сайта:

• изображения;
• рейтинг товаров;
• контактные данные;
• уникальное торговое предложение (УТП);
• разделы сайта;
• категории товаров;
• описание услуг

Задачи микроразметки отличаются для пользователей и экспертов, которые занимаются продвижением сайтов.

Для аудитории

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

Для разработчиков

Микроразметка позволяет сделать сниппет заметным и информативным в поисковой выдаче. Чем чаще пользователи переходят на сайт, тем выше он поднимается в результатах поиска, что увеличивает трафик.

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

Существует несколько типов микроразметки. Чтобы упростить работу и избежать путаницы, разработчики разделили их на словари и форматы синтаксиса.

Словарь

Словарь — это набор классов и свойств, с помощью которых описывается содержимое страницы. 

Синтаксис

Синтаксис — это набор правил для работы со словарём. 

Существует большое количество словарей метаданных, но наиболее популярны три из них:

Schema.org

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

На практике чаще всего применяются следующие:

• статья (Article),
• отзыв (Review), 
• шапка сайта (WPHeader),
• хлебные крошки (Breadcrumbs),
• меню (SiteNavigationElement),
• список товаров (Products list),
• карточка товара (Product → Offer),
• адреса и организации (Organization и LocalBusiness)

Open Graph

Это разметка, созданная компанией Facebook специально для соцсетей. Она позволяет настроить превью страницы, которое появляется при репостах и обмене ссылками в интернете. Словарём Open Graph пользуются такие сервисы, как ВКонтакте, WhatsApp, Telegram, Viber, LinkedIn, Pinterest и Slack.

Микроразметка позволяет отображать на превью привлекательное изображение вместо обычного серого квадрата.

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

Это объединённый стандарт словаря и синтаксиса. Он менее популярен, так как не позволяет использовать другие словари одновременно. С помощью микроформатов можно передавать сообщения, комментарии, лайки и репосты между сайтами, а также отображать рейтинги в результатах поиска.

Форматы микроразметки

Существует три основных синтаксиса, с помощью которых поисковые системы «понимают» содержимое страницы: микроформаты, JSON-LD(основной и рекомендуемый) и микроданные. Разберём их подробнее:

JSON-LD 

Это формат на основе JSON в JavaScript, который позволяет подробно описывать объекты и их свойства. Обычно его используют вместе со Schema.org, а скриптовый код делает данные понятными для поисковиков.

Главное преимущество JSON-LD в том, что разметку можно вставлять не в HTML-код страницы, а прямо в тег <script>. Поэтому этот способ быстро стал одним из самых популярных для разметки контента.

Пример разметки в Битрикс страницы сети магазинов. JSON-LD облегчает поисковым роботам структурирование данных и понимание смысловых понятий на странице. Он также позволяет размещать сразу несколько элементов разметки на одной странице.

Микроданные (HTML microdata)

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

Главный минус микроданных в том, что нельзя просто вставить фрагмент кода в <head> — каждый HTML-элемент нужно разметить отдельно. Поэтому их чаще используют в тех поисковых системах, которые поддерживают JSON-LD лишь частично.

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

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

Шаг 1. Определите тип страницы

Это ключевой момент.
Ошибки начинаются здесь:

• услугу размечают как товар
• статью как продукт

Шаг 2. Выберите нужный тип Schema.org
Примеры:

• Product
• Article
• FAQPage

Шаг 3. Используйте JSON-LD

В зависимости от CMS вашего сайта, вывод данных может отличаться.

Пример для товара:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Смартфон X",
  "image": "https://site.ru/img.jpg",
  "description": "Флагманский смартфон",
  "offers": {
    "@type": "Offer",
    "price": "49990",
    "priceCurrency": "RUB",
    "availability": "https://schema.org/InStock"
  }
}
</script>

Шаг 4. Проверьте

Обязательно через:

• Google Rich Results Test
• Яндекс.Микроразметка.

Разберем самые популярные микроразметки: Schema.org и формат JSON‑LD 

Организация и локальный бизнес (Organization / LocalBusiness)

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

LocalBusiness — используется для филиалов: магазинов, ресторанов, офисов.

Не вкладывайте один объект в другой — они должны существовать независимо.

Пример для головной организации:

<div itemscope itemtype="https://schema.org/Organization">

  <div itemprop="name">Название компании</div>

  <link itemprop="url" href="https://site.ru" />

  <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
    <span itemprop="postalCode">123456</span>
    <span itemprop="addressCountry">Россия</span>
    <span itemprop="addressRegion">Область</span>
    <span itemprop="addressLocality">Город</span>
    <span itemprop="streetAddress">Улица, дом</span>
  </div>

  <div>
    Телефон:
    <a href="tel:+79991234567" itemprop="telephone">+7 (999) 123-45-67</a>
  </div>

  <div>
    Email:
    <a href="mailto:info@site.ru" itemprop="email">info@site.ru</a>
  </div>

</div>

Пример для филиала (LocalBusiness):

<div itemscope itemtype="https://schema.org/LocalBusiness">

  <span itemprop="name">Филиал «Центральный»</span>

  <span itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
    <meta itemprop="streetAddress" content="ул. Примерная, д. 10">
    <meta itemprop="postalCode" content="123456">
    <meta itemprop="addressLocality" content="Москва">
  </span>

  <span itemprop="telephone">+7 (495) 123-45-67</span>

  <span itemprop="email">branch@site.ru</span>

  <time itemprop="openingHours" datetime="Mo-Fr,09:00-18:00">
    Пн-Пт, 9:00–18:00
  </time>

</div>

Каталог товаров (ItemList + Product)

Если на странице представлен список товаров без отдельных карточек, допустима разметка через ItemList. При наличии детальных страниц товара — размечайте только их.

<ul itemscope itemtype="https://schema.org/ItemList">

  <li itemscope itemprop="itemListElement" itemtype="https://schema.org/Product">

    <a itemprop="url" href="/product-1">

      <img itemprop="image" src="photo.jpg">

      <meta itemprop="description" content="Краткое описание">

      <div itemprop="name">Название товара</div>

      <div itemscope itemprop="offers" itemtype="https://schema.org/Offer">
        <span itemprop="price">4990</span> руб.
        <meta itemprop="priceCurrency" content="RUB">
        <meta itemprop="availability" content="https://schema.org/InStock">
      </div>

      <div itemprop="brand">Бренд</div>

    </a>

  </li>

  <!-- другие товары -->

</ul>

Карточка товара (Product + Offer)

Базовая разметка:

<div itemscope itemtype="https://schema.org/Product">

  <h1 itemprop="name">Название товара</h1>

  <img itemprop="image" src="product.jpg">

  <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">

    <meta itemprop="price" content="6990.00">
    <meta itemprop="priceCurrency" content="RUB">
    <link itemprop="availability" href="https://schema.org/InStock">

    <span>В наличии</span>

  </div>

  <div itemprop="description">
    Полное описание товара
  </div>

</div>

Расширенная версия с рейтингом и отзывами:

<div itemscope itemtype="https://schema.org/Product">

  <span itemprop="name">Смартфон Х</span>

  <img itemprop="image" src="phone.jpg">

  <div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
    <span itemprop="ratingValue">4.7</span> из
    <span itemprop="reviewCount">128</span> отзывов
  </div>

  <div itemprop="brand">Бренд</div>

  <div itemprop="model">Model-X2024</div>

  <div itemprop="sku">ART-12345</div>

  <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">

    <span itemprop="priceCurrency" content="RUB">₽</span>
    <span itemprop="price">24 990</span>

    <link itemprop="availability" href="https://schema.org/InStock">

    <meta itemprop="priceValidUntil" content="2026-12-31">

  </div>

</div>

Услуги через AggregateOffer

Для услуг с диапазоном цен используйте AggregateOffer вместо Of

<div itemscope itemtype="https://schema.org/Product">

  <div itemprop="name">Разработка сайта</div>

  <div itemprop="description">Создание лендинга под ключ</div>

  <div itemprop="offers" itemscope itemtype="https://schema.org/AggregateOffer">

    <meta itemprop="priceCurrency" content="RUB">
    <link itemprop="availability" href="https://schema.org/InStock">

    <div>
      Стоимость: от
      <span itemprop="lowPrice">15 000</span>
      до
      <span itemprop="highPrice">100 000</span>
      ₽
    </div>

  </div>

</div>

Альтернатива: тип Service — более семантически точный, но Product + AggregateOffer проще в реализации.

Блог и статьи (Blog / BlogPosting / Article

<div itemscope itemtype="https://schema.org/Blog">

  <article itemprop="blogPosts" itemscope itemtype="https://schema.org/BlogPosting">

    <h2 itemprop="headline">Заголовок статьи</h2>

    <time itemprop="datePublished" datetime="2026-04-01">
      1 апреля 2026
    </time>

    <img itemprop="image" src="preview.jpg">

    <p itemprop="description">Анонс материала</p>

    <p itemprop="author">Имя автора</p>

  </article>

</div>

Отдельная статья:

<article itemscope itemtype="https://schema.org/Article">

  <h1 itemprop="headline">Заголовок</h1>

  <p>
    Автор:
    <span itemprop="author">Имя Фамилия</span>
  </p>

  <time itemprop="datePublished" datetime="2026-04-01">
    1 апреля 2026
  </time>

  <img itemprop="image" src="cover.jpg">

  <div itemprop="articleBody">
    Основной текст статьи
  </div>

  <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
    <meta itemprop="name" content="Название издания">
    <link itemprop="url" href="https://site.ru">
  </div>

  <meta itemprop="dateModified" content="2026-04-02T10:00:00+03:00">

</article>

BlogPosting — для блогов, NewsArticle — для новостей, Article — универсальный тип.

Видео (VideoObject):

<div itemscope itemtype="https://schema.org/VideoObject">

  <meta itemprop="name" content="Название ролика">

  <meta itemprop="description" content="Описание">

  <link itemprop="url" href="https://site.ru/video.mp4">

  <link itemprop="thumbnailUrl" href="thumb.jpg">

  <meta itemprop="duration" content="PT5M30S">

  <meta itemprop="uploadDate" content="2026-03-15">

</div>

Изображение (ImageObject):

<div itemscope itemtype="https://schema.org/ImageObject">

  <meta itemprop="name" content="Описание изображения">

  <img itemprop="contentUrl" src="photo.jpg">

  <meta itemprop="description" content="Детальное описание">

  <meta itemprop="width" content="1920">

  <meta itemprop="height" content="1080">

</div>

Рецепты (Recipe)

<div itemscope itemtype="https://schema.org/Recipe">

  <h1 itemprop="name">Название блюда</h1>

  <img itemprop="image" src="dish.jpg">

  <div itemprop="description">Краткое описание</div>

  <ul>
    <li>Автор: <span itemprop="author">Имя</span></li>
    <li>Порции: <span itemprop="recipeYield">4</span></li>
    <li>Время: <meta itemprop="totalTime" content="PT45M">45 мин</li>
  </ul>

  <h3>Ингредиенты</h3>
  <ul>
    <li itemprop="recipeIngredient">500 г курицы</li>
    <li itemprop="recipeIngredient">2 луковицы</li>
  </ul>

  <h3>Приготовление</h3>
  <ol itemprop="recipeInstructions">
    <li>Подготовить ингредиенты</li>
    <li>Обжарить курицу</li>
    <li>Добавить овощи и тушить</li>
  </ol>

  <div itemprop="nutrition" itemscope itemtype="https://schema.org/NutritionInformation">
    <span itemprop="calories">320 ккал</span>
  </div>

</div>

FAQ и Q&A (FAQPage / QAPage)

Один вопрос — один ответ (FAQPage):

<div itemscope itemtype="https://schema.org/FAQPage">

  <div itemprop="mainEntity" itemscope itemtype="https://schema.org/Question">

    <h3 itemprop="name">Как оформить возврат?</h3>

    <div itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">

      <span itemprop="text">
        Возврат возможен в течение 14 дней...
      </span>

    </div>

  </div>

</div>

Вопрос с несколькими ответами (QAPage):

<div itemscope itemtype="https://schema.org/QAPage">

  <div itemscope itemtype="https://schema.org/Question">

    <h1 itemprop="name">Как выбрать хостинг?</h1>

    <div itemprop="text">
      На что обратить внимание при выборе?
    </div>

    <span itemprop="answerCount">3</span>

    <div itemprop="suggestedAnswer" itemscope itemtype="https://schema.org/Answer">
      <span itemprop="text">
        Рекомендуем смотреть на поддержку 24/7...
      </span>
      <span itemprop="author">Эксперт 1</span>
    </div>

    <div itemprop="suggestedAnswer" itemscope itemtype="https://schema.org/Answer">
      <span itemprop="text">
        Важно проверить резервное копирование...
      </span>
      <span itemprop="author">Эксперт 2</span>
    </div>

  </div>

</div>

Отзывы и рейтинги (Review / AggregateRating)

Отзыв:

<div itemscope itemtype="https://schema.org/Review">

  <span itemprop="name">Отличный сервис!</span>

  <span itemprop="author">Иван Петров</span>

  <time itemprop="datePublished" datetime="2026-03-10">
    10 марта 2026
  </time>

  <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">

    <meta itemprop="worstRating" content="1">

    <span itemprop="ratingValue">5</span>

    <meta itemprop="bestRating" content="5">

  </div>

  <p itemprop="reviewBody">
    Пользуюсь услугами уже год, всё на высоте.
  </p>

</div>

Агрегированный рейтинг:

<div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">

  <meta itemprop="bestRating" content="10">

  <meta itemprop="ratingValue" content="9.2">

  <span itemprop="ratingCount">1 247</span> оценок

</div>

Примеры формата JSON‑LD

На сегодня считает более современным форматом. JSON-LD — рекомендуемый Google и Яндекс стандарт, который не засоряет HTML-код и легко обслуживается.

Как подключать: размещайте скрипты внутри

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

в <head> или перед закрывающим </body>. Несколько блоков на одной странице допустимы.

Хлебные крошки (BreadcrumbList)

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Главная",
      "item": "https://example.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Каталог",
      "item": "https://example.com/catalog/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Текущая страница"
    }
  ]
}

Последний элемент можно оставить без item (текущая страница). position обязателен. Не дублируйте хлебные крошки, если они уже генерируются CMS.

Организация и филиал (Organization / LocalBusiness)

{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "ООО «Цифровой элемент»",
  "url": "https://example.com",
  "logo": "https://example.com/logo.png",
  "contactPoint": {
    "@type": "ContactPoint",
    "telephone": "+7-800-555-85-89",
    "contactType": "customer service",
    "availableLanguage": ["Russian"]
  },
  "address": {
    "@type": "PostalAddress",
    "addressCountry": "RU",
    "addressRegion": "Челябинская область",
    "addressLocality": "Челябинск",
    "streetAddress": "ул. Энгельса, д.2, оф. 200",
    "postalCode": "454000"
  },
  "openingHoursSpecification": [
    {
      "@type": "OpeningHoursSpecification",
      "dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday"],
      "opens": "09:00",
      "closes": "18:00"
    }
  ]
}

Для филиалов используйте LocalBusiness. Не вкладывайте филиалы в головную организацию — размечайте отдельно.

Товар и цены (Product + Offer / AggregateOffer)

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Смартфон X-Pro 2026",
  "image": [
    "https://example.com/img/phone-1.jpg",
    "https://example.com/img/phone-2.jpg"
  ],
  "description": "Флагманский смартфон с AMOLED-экраном и 5G",
  "brand": {
    "@type": "Brand",
    "name": "TechBrand"
  },
  "sku": "TP-2026-X",
  "offers": {
    "@type": "Offer",
    "url": "https://example.com/product/x-pro",
    "priceCurrency": "RUB",
    "price": "54990",
    "availability": "https://schema.org/InStock",
    "priceValidUntil": "2026-12-31"
  }
}

Услуга с диапазоном цен (AggregateOffer)

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Разработка лендинга",
  "description": "Создание адаптивного лендинга под ключ",
  "offers": {
    "@type": "AggregateOffer",
    "priceCurrency": "RUB",
    "lowPrice": "15000",
    "highPrice": "45000",
    "offerCount": "3",
    "availability": "https://schema.org/InStock"
  }
}

priceCurrency и price обязательны для расширенного сниппета. availability должен быть валидным URI.

Статья / Публикация (BlogPosting)

{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "Как выбрать хостинг для интернет-магазина",
  "image": "https://example.com/img/hosting-guide.jpg",
  "datePublished": "2026-04-01",
  "dateModified": "2026-04-05",
  "author": {
    "@type": "Person",
    "name": "Иван Петров",
    "url": "https://example.com/author/ivan"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Название издания",
    "logo": {
      "@type": "ImageObject",
      "url": "https://example.com/logo.png"
    }
  },
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://example.com/blog/hosting-guide"
  },
  "articleBody": "Краткий анонс или полный текст статьи..."
}

Рецепт (Recipe)

{
  "@context": "https://schema.org",
  "@type": "Recipe",
  "name": "Курица в пивном соусе",
  "image": "https://example.com/img/recipe.jpg",
  "author": {
    "@type": "Person",
    "name": "Анна Смирнова"
  },
  "datePublished": "2026-03-15",
  "description": "Ароматная курица с луком и специями",
  "recipeYield": "4 порции",
  "totalTime": "PT45M",
  "recipeIngredient": [
    "1.5 кг курицы",
    "500 мл пива",
    "2 луковицы"
  ],
  "recipeInstructions": [
    {
      "@type": "HowToStep",
      "text": "Нарежьте курицу"
    },
    {
      "@type": "HowToStep",
      "text": "Замаринуйте в пиве"
    }
  ],
  "nutrition": {
    "@type": "NutritionInformation",
    "calories": "320 kcal"
  }
}

Видео (VideoObject)

{
  "@context": "https://schema.org",
  "@type": "VideoObject",
  "name": "Обзор смартфона X-Pro",
  "description": "Разбор характеристик и камеры",
  "thumbnailUrl": "https://example.com/thumb.jpg",
  "contentUrl": "https://example.com/video.mp4",
  "embedUrl": "https://youtube.com/embed/abc123",
  "uploadDate": "2026-04-01",
  "duration": "PT5M30S",
  "isFamilyFriendly": true
}

Вопросы и ответы (FAQPage)

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Как оформить возврат?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Возврат возможен в течение 14 дней."
      }
    }
  ]
}

Рейтинг и отзывы (AggregateRating)

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Наушники SoundMax X",
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.7",
    "reviewCount": "128",
    "bestRating": "5",
    "worstRating": "1"
  }
}

Рекомендации:

• aggregateRating вкладывается в родительский объект (Product, Article, Service и т.д.).
• Для валидности нужен минимум один reviewCount или ratingCount.
• Не генерируйте фейковые отзывы — поисковики наказывают за манипуляции.

Общие рекомендации по JSON-LD

Проверка и отладка микроразметки

Проверьте сайт прямо сейчас:

• Google Rich Results Test
• Яндекс.Микроразметка
• Schema.org Validator

Микроразметка для популярных CMS

WordPress 

• WooCommerce.
• Schema.
• Yoast SEO.
• All in One Schema.org Rich Snippets.

Bitrix

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

• Coffeediz: Schema.org (самый популярный)
• Сотбит: Schema.org
• INRAISE  
• Уже внедрены в редакцию

Когда нужен программист

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

Профессиональная настройка включает:

• Аудит текущей структуры.
• Определение нужных типов Schema.org.
• Внедрение JSON-LD под шаблон.
• Проверку и регистрацию в Google Search Console

Вывод:

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

Она не влияет напрямую на позиции, но даёт сильный косвенный эффект:

• повышает CTR
• улучшает видимость в выдаче
• усиливает доверие к сайту

Особенно это важно в конкурентных нишах, где каждый клик имеет значение.

Все примеры кода проверены на соответствие актуальным спецификациям Schema.org (2026).