SEO

29.01.2026

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

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

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

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

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

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

Выбор типа разметки

Перед началом работы важно определиться с типами разметки. Наиболее распространенными типами являются Schema.org и Open Graph.

Schema.org микроразметка — открытый словарь, разработанный совместно наиболее крупными поисковиками, включая Google, Яндекс, Bing и Yahoo. Возможности schema.org позволяют описывать огромное количество типов контента: от организаций и товаров до событий, услуг и отзывов.

Использование schema.org микроразметки даёт возможность чётко указать, какие именно данные находятся на странице, и как их следует интерпретировать.

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

Улучшение сниппетов в поиске. Расширенные карточки с дополнительной информацией (например, звёздный рейтинг или список услуг) привлекают больше внимания пользователей.
Повышение доверия. Структурированные данные сигнализируют поисковым системам, что сайт качественный и заботится о пользовательском опыте.
Поддержка голосового поиска. Ассистенты, в частности, Google Assistant, активно используют структурированные данные для ответов на запросы.
Лучшая индексация. Поисковые роботы быстрее и точнее понимают структуру сайта, что способствует корректному ранжированию.

Пошаговая инструкция по внедрению микроразметки Schema.org

Определите тип контента

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

Страницы с товарами
Новости или статьи
Контактная информация
Отзывы и рейтинги
События
Рецепты

Каждый из этих типов имеет свой особый шаблон в schema org. В частности, для статьи используется тип Article, для товара — Product, для страницы контактов, “о компании” или “об организации” — Organization.

Выберите формат микроразметки

Есть три наиболее часто используемых формата реализации микроразметки:

Microdata — встраивается прямо в HTML посредством атрибутов itemscope, itemtype, itemprop.
RDFa — похож на Microdata, но использует другие атрибуты (vocab, typeof, property).
JSON-LD — современный и рекомендуемый Google формат, в котором данные оформляются в виде отдельного блока JSON внутри тега.

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

Создайте структурированные данные

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

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

Список статей блога (Blog)

Зачем: описать блог и список публикаций на странице выдачи.

Где: страница /blog/.

Microdata в HTML

<div itemscope itemtype="https://schema.org/Blog">
  <meta itemprop="name" content="Блог компании" />

  <article itemprop="blogPost" itemscope
           itemtype="https://schema.org/BlogPosting">
    <a itemprop="url" href="https://example.com/blog/post-1/">
      <span itemprop="headline">Как выбрать электродвигатель</span>
    </a>
    <meta itemprop="datePublished" content="2025-12-10" />
  </article>
</div>

JSON-LD

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Blog",
  "name": "Блог компании",
  "url": "https://example.com/blog/",
  "blogPost": [
    {
      "@type": "BlogPosting",
      "headline": "Как выбрать электродвигатель",
      "url": "https://example.com/blog/post-1/",
      "datePublished": "2025-12-10"
    }
  ]
}
</script>

Статья блога (Article / NewsArticle / BlogPosting)

Зачем: передать заголовок, автора, даты и основной URL статьи.

Где: страница статьи/новости.

JSON-LD (Article):

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Как правильно внедрить микроразметку на сайте",
  "description": "Пошаговая инструкция по добавлению структурированных данных на сайт с помощью schema.org",
  "author": {
    "@type": "Person",
    "name": "Иван Петров"
  },
  "datePublished": "2026-01-21",
  "publisher": {
    "@type": "Organization",
    "name": "Ваш сайт",
    "logo": {
      "@type": "ImageObject",
      "url": "https://вашсайт.рф/logo.png"
    }
  }
}
</script>

Примечание: Для NewsArticle / BlogPosting в Microdata замените itemtype на https://schema.org/NewsArticle или https://schema.org/BlogPosting.

Microdata

<article itemscope itemtype="https://schema.org/Article">
  <h1 itemprop="headline">Заголовок статьи</h1>
  <meta itemprop="datePublished" content="2025-12-10" />
  <meta itemprop="dateModified" content="2025-12-12" />

  <span itemprop="author" itemscope itemtype="https://schema.org/Person">
    <meta itemprop="name" content="Иван Петров" />
  </span>

  <link itemprop="mainEntityOfPage"
        href="https://example.com/blog/post-1/" />
</article>

Этот код позволяет поисковикам однозначно понимать, что перед ними — статья, кто её автор, когда опубликована и кто издатель.

Меню (SiteNavigationElement)

Зачем: описать основные пункты навигации сайта (семантика навигации).

Где: шапка/футер, основной <nav>.

Microdata: SiteNavigationElement

<nav itemscope itemtype="https://schema.org/SiteNavigationElement">
  <a itemprop="url" href="https://example.com/catalog/">
    <span itemprop="name">Каталог</span>
  </a>
  <a itemprop="url" href="https://example.com/services/">
    <span itemprop="name">Услуги</span>
  </a>
  <a itemprop="url" href="https://example.com/blog/">
    <span itemprop="name">Блог</span>
  </a>
</nav>

JSON-LD

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "SiteNavigationElement",
  "name": ["Каталог", "Услуги", "Блог"],
  "url": [
    "https://example.com/catalog/",
    "https://example.com/services/",
    "https://example.com/blog/"
  ]
}
</script>

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

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

Где: на страницах категорий, товаров, статей, услуг.

Microdata в HTML

<nav aria-label="Breadcrumb"
     itemscope itemtype="https://schema.org/BreadcrumbList">
  <ol>
    <li itemprop="itemListElement" itemscope
        itemtype="https://schema.org/ListItem">
      <a itemprop="item" href="https://example.com/">
        <span itemprop="name">Главная</span>
      </a>
      <meta itemprop="position" content="1" />
    </li>

    <li itemprop="itemListElement" itemscope
        itemtype="https://schema.org/ListItem">
      <a itemprop="item" href="https://example.com/catalog/">
        <span itemprop="name">Каталог</span>
      </a>
      <meta itemprop="position" content="2" />
    </li>
  </ol>
</nav>

JSON-LD

<script type="application/ld+json">
{
  "@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/"
    }
  ]
}
</script>

Адреса и организации (Organization и LocalBusiness)

Зачем: описать компанию, контакты и адрес(а) для поисковика и карточек бизнеса.

Где: обычно на всех страницах (Organization) + на странице контактов (LocalBusiness/филиалы).

Microdata в HTML (Organization)

<div itemscope itemtype="https://schema.org/Organization">
  <span itemprop="name">Компания Пример</span>
  <link itemprop="url" href="https://example.com/" />
  <a itemprop="telephone" href="tel:+12125550100">+1 212 555-0100</a>
  <a itemprop="email" href="mailto:info@example.com">info@example.com</a>

  <div itemprop="address" itemscope
       itemtype="https://schema.org/PostalAddress">
    <span itemprop="streetAddress">123 Main Street</span>,
    <span itemprop="addressLocality">New York</span>,
    <span itemprop="addressRegion">NY</span>,
    <span itemprop="postalCode">10001</span>,
    <span itemprop="addressCountry">US</span>
  </div>
</div>

JSON-LD (Organization + LocalBusiness)

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Organization",
      "@id": "https://example.com/#org",
      "name": "Компания Пример",
      "url": "https://example.com/",
      "telephone": "+1 212 555-0100",
      "email": "info@example.com",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "123 Main Street",
        "addressLocality": "New York",
        "addressRegion": "NY",
        "postalCode": "10001",
        "addressCountry": "US"
      }
    },
    {
      "@type": "LocalBusiness",
      "@id": "https://example.com/#local",
      "name": "Компания Пример - офис",
      "url": "https://example.com/contacts/",
      "telephone": "+1 212 555-0100",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "123 Main Street",
        "addressLocality": "New York",
        "addressRegion": "NY",
        "postalCode": "10001",
        "addressCountry": "US"
      },
      "parentOrganization": { "@id": "https://example.com/#org" }
    }
  ]
}
</script>

Примечание: если у вас несколько филиалов — добавьте несколько объектов LocalBusiness (по одному на адрес).

Список товаров (Products list)

Зачем: описать выдачу карточек в категории как список, с позициями и ссылками.

Где: страницы категорий/подборок.

Microdata в HTML (ItemList)

<div itemscope itemtype="https://schema.org/ItemList">
  <meta itemprop="name" content="Категория: Электродвигатели" />

  <div itemprop="itemListElement" itemscope
       itemtype="https://schema.org/ListItem">
    <meta itemprop="position" content="1" />
    <a itemprop="url" href="https://example.com/product/engine-1/">
      Электродвигатель М1
    </a>
  </div>

  <div itemprop="itemListElement" itemscope
       itemtype="https://schema.org/ListItem">
    <meta itemprop="position" content="2" />
    <a itemprop="url" href="https://example.com/product/engine-2/">
      Электродвигатель М2
    </a>
  </div>
</div>

JSON-LD

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ItemList",
  "name": "Категория: Электродвигатели",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "url": "https://example.com/product/engine-1/",
      "item": { "@type": "Product", "name": "Электродвигатель М1" }
    },
    {
      "@type": "ListItem",
      "position": 2,
      "url": "https://example.com/product/engine-2/",
      "item": { "@type": "Product", "name": "Электродвигатель М2" }
    }
  ]
}
</script>

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

Зачем: передать поисковику данные о товаре и его предложении: цена, валюта, наличие, URL.

Где: страница карточки товара.

JSON-LD:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "@id": "https://example.com/product/engine-1/#product",
  "name": "Электродвигатель М1",
  "image": "https://example.com/media/engine-1.jpg",
  "sku": "M1-001",
  "offers": {
    "@type": "Offer",
    "url": "https://example.com/product/engine-1/",
    "priceCurrency": "USD",
    "price": "199.00",
    "availability": "https://schema.org/InStock"
  }
}
</script>

Microdata

<div itemscope itemtype="https://schema.org/Product">
  <span itemprop="name">Электродвигатель М1</span>
  <link itemprop="image" href="https://example.com/media/engine-1.jpg" />
  <span itemprop="sku">M1-001</span>

  <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
    <link itemprop="url" href="https://example.com/product/engine-1/" />
    <meta itemprop="priceCurrency" content="USD" />
    <meta itemprop="price" content="199.00" />
    <link itemprop="availability" href="https://schema.org/InStock" />
  </div>
</div>

Карточка услуги (Product → AggregateOffer)

Этот вариант микроразметки используется, когда услуга представлена как продукт с несколькими ценовыми вариантами (пакеты, тарифы, уровни работ).

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

Где применять: на странице услуги, если есть несколько пакетов, тарифов или вариантов выполнения работ.

Microdata в HTML

<div itemscope itemtype="https://schema.org/Product">
  <span itemprop="name">Диагностика оборудования</span>

  <div itemprop="offers" itemscope
       itemtype="https://schema.org/AggregateOffer">
    <meta itemprop="priceCurrency" content="USD" />
    <meta itemprop="lowPrice" content="50.00" />
    <meta itemprop="highPrice" content="150.00" />
    <meta itemprop="offerCount" content="3" />
  </div>
</div>

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

JSON-LD

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Диагностика оборудования",
  "offers": {
    "@type": "AggregateOffer",
    "priceCurrency": "USD",
    "lowPrice": "50.00",
    "highPrice": "150.00",
    "offerCount": "3"
  }
}
</script>

Примечание: если услуга не имеет пакетов или диапазона цен, в большинстве случаев логичнее использовать тип Service. Здесь пример приведён намеренно через Product — для сценариев с несколькими ценовыми предложениями.

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

Зачем: использовать, когда изображение является самостоятельным произведением (картина, арт-объект, иллюстрация).

Где: страница галереи или описание конкретного произведения.

Microdata в HTML

<div itemscope itemtype="https://schema.org/Painting">
  <span itemprop="name">Натюрморт</span>
  <link itemprop="image" href="https://example.com/media/art/still-life.jpg" />
  <span itemprop="creator" itemscope itemtype="https://schema.org/Person">
    <meta itemprop="name" content="Автор Пример" />
  </span>
  <meta itemprop="dateCreated" content="2020" />
</div>

JSON-LD

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Painting",
  "name": "Натюрморт",
  "image": "https://example.com/media/art/still-life.jpg",
  "creator": { "@type": "Person", "name": "Автор Пример" },
  "dateCreated": "2020"
}
</script>

Картинка (ImageObject)

Зачем: универсально описать изображение: URL, подпись, размеры.

Где: статьи, галереи, портфолио, элементы контента.

Microdata в HTML

<figure itemscope itemtype="https://schema.org/ImageObject">
  <img itemprop="contentUrl"
       src="https://example.com/media/photo.jpg"
       alt="Фото выполненных работ" />
  <figcaption itemprop="caption">Фото выполненных работ</figcaption>
  <meta itemprop="width" content="1200" />
  <meta itemprop="height" content="800" />
</figure>

JSON-LD

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ImageObject",
  "contentUrl": "https://example.com/media/photo.jpg",
  "caption": "Фото выполненных работ",
  "width": 1200,
  "height": 800
}
</script>

Видео (VideoObject)

Зачем: помогает корректно описать видео: превью, дату загрузки, длительность, embed/content URL.

Где: страница с видео или статья, где видео — основной контент.

Microdata в HTML

<div itemscope itemtype="https://schema.org/VideoObject">
  <meta itemprop="name" content="Обзор электродвигателя М1" />
  <meta itemprop="description" content="Короткий обзор характеристик." />
  <meta itemprop="uploadDate" content="2025-10-01" />
  <meta itemprop="duration" content="PT2M15S" />
  <link itemprop="thumbnailUrl" href="https://example.com/media/m1-thumb.jpg" />
  <link itemprop="embedUrl" href="https://www.youtube.com/embed/XXXXXXXXXXX" />
</div>

JSON-LD

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "VideoObject",
  "name": "Обзор электродвигателя М1",
  "description": "Короткий обзор характеристик.",
  "thumbnailUrl": "https://example.com/media/m1-thumb.jpg",
  "uploadDate": "2025-10-01",
  "duration": "PT2M15S",
  "embedUrl": "https://www.youtube.com/embed/XXXXXXXXXXX"
}
</script>

Вопрос–ответ (FAQPage)

Зачем: разметка FAQ-блоков на странице (вопрос + принятый ответ).

Где: страница услуги/категории/товара, где FAQ реально присутствует в контенте.

Microdata в HTML

<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">
      <div itemprop="text">Да, доставка доступна по городу и регионам.</div>
    </div>
  </div>
</div>

JSON-LD

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Есть ли доставка?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Да, доставка доступна по городу и регионам."
      }
    }
  ]
}
</script>

Примечание: FAQ нельзя делать для скрытого контента или вопросов, которых нет на странице.

Отзывы (Review)

Зачем: описать отдельные отзывы (автор, текст, оценка, дата).

Где: обычно внутри Product или LocalBusiness.

Microdata в HTML (внутри Product)

<div itemscope itemtype="https://schema.org/Product">
  <span itemprop="name">Электродвигатель М1</span>

  <div itemprop="review" itemscope itemtype="https://schema.org/Review">
    <span itemprop="author" itemscope itemtype="https://schema.org/Person">
      <meta itemprop="name" content="Алексей" />
    </span>
    <meta itemprop="datePublished" content="2025-11-05" />
    <div itemprop="reviewBody">Товар соответствует описанию.</div>
    <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
      <meta itemprop="ratingValue" content="5" />
      <meta itemprop="bestRating" content="5" />
    </div>
  </div>
</div>

JSON-LD

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Электродвигатель М1",
  "review": [
    {
      "@type": "Review",
      "author": { "@type": "Person", "name": "Алексей" },
      "datePublished": "2025-11-05",
      "reviewBody": "Товар соответствует описанию.",
      "reviewRating": { "@type": "Rating", "ratingValue": "5", "bestRating": "5" }
    }
  ]
}
</script>

Рейтинг (AggregateRating)

Зачем: передать агрегированную оценку по множеству отзывов (ratingValue + reviewCount).

Где: обычно внутри Product, иногда внутри LocalBusiness.

Microdata в HTML (внутри Product)

<div itemscope itemtype="https://schema.org/Product">
  <span itemprop="name">Электродвигатель М1</span>

  <div itemprop="aggregateRating" itemscope
       itemtype="https://schema.org/AggregateRating">
    <meta itemprop="ratingValue" content="4.7" />
    <meta itemprop="reviewCount" content="38" />
  </div>
</div>

JSON-LD

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Электродвигатель М1",
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.7",
    "reviewCount": "38"
  }
}
</script>

Примечание: значения ratingValue и reviewCount должны совпадать с тем, что видно пользователю на странице.

Добавьте код на сайт

Если вы используете CMS, например WordPress, то вставить микроразметку можно несколькими способами:

Через редактор темы (в файл header.php или в конкретный шаблон страницы);
С помощью плагинов (например, Yoast SEO, Schema Pro);
Вручную через редактор страниц (если редактор поддерживает HTML).

Для сайтов на других платформах (OpenCart, Bitrix и др.) также существуют модули или возможность ручного внедрения кода в шаблоны.

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

Проверьте корректность

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

Один из самых надёжных способов — воспользоваться Google Search Central. В разделе «Проверка расширенных результатов» вы можете вставить URL страницы или фрагмент кода и мгновенно увидеть, как Google воспринимает вашу микроразметку, какие элементы распознаются, а где допущены ошибки или предупреждения.

Дополнительно желательно использовать универсальный валидатор validator.schema.org — официальный инструмент от консорциума Schema.org. Он распознает все форматы микроразметки (JSON-LD, Microdata, RDFa) и проверяет соответствие вашего кода актуальным стандартам schema org. Это особенно полезно, если есть необходимость убедиться, что ваша разметка отвечает не только требованиям Google, но и другим системам, включая Яндекс.

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

Обновляйте и расширяйте разметку

По мере развития сайта и добавления новых типов контента (например, видео, FAQ, хлебных крошек) необходимо расширять разметку. Особенно полезна микроразметка для:

FAQPage — улучшает отображение часто задаваемых вопросов;
BreadcrumbList — помогает пользователям и поисковым системам понимать иерархию разделов;
Product — выводит цену, наличие и отзывы прямо в поиске.

Особенности работы с Open Graph

Хотя schema org микроразметка ориентирована на поисковые системы, не стоит забывать и о социальных сетях. Для корректного отображения ссылок при публикации в Facebook, VK, Telegram используется Open Graph — ещё один тип разметки, встраиваемый в страницы.

Open Graph — протокол, созданный Facebook для контроля над тем, как контент выглядит при расшаривании в соцсетях.

Пример:

<meta property="og:title" content="Как правильно внедрить микроразметку на сайте">
<meta property="og:description" content="Подробная инструкция по SEO-оптимизации с помощью структурированных данных">
<meta property="og:image" content="https://вашсайт.рф/preview.jpg">

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

Распространённые ошибки при внедрении микроразметки

Невидимый контент. Поисковые системы не принимают структурированные данные, которых нет в видимой части страницы. Например, нельзя указывать рейтинг 5 звезд, если он не отображается пользователю.
Ошибки в синтаксисе. Даже одна лишняя запятая в JSON-LD может сломать всю разметку. Всегда проверяйте код.
Дублирование типов. На одной странице не должно быть нескольких блоков одного типа без логической необходимости.
Игнорирование требований поисковиков. Google и Яндекс периодически обновляют требования к микроразметкам. Следите за актуальными руководствами.

Заключение

Правильно внедрённая микроразметка — это мощный инструмент сео, который помогает поисковым системам понимать ваш контент, улучшает сниппеты и повышает доверие пользователей. Использование стандарта schema org обеспечивает совместимость с ведущими поисковиками, а формат JSON-LD делает внедрение простым и безопасным.

Читать также

Черные и белые методы SEO-продвижения: безопасный путь к устойчивому росту

SEO

20.02.2026

Черные и белые методы SEO-продвижения: безопасный путь к устойчивому росту

Настройка поисковой рекламной кампании в Яндекс Директ: пошаговая инструкция

Контекстная реклама

20.03.2026

Настройка поисковой рекламной кампании в Яндекс Директ: пошаговая инструкция

Как оптимизировать сайт под AI-поисковики: практическое руководство

SEO

20.03.2026

Как оптимизировать сайт под AI-поисковики: практическое руководство

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

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

Выбор типа разметки

Пошаговая инструкция по внедрению микроразметки Schema.org

Определите тип контента

Выберите формат микроразметки

Создайте структурированные данные

Список статей блога (Blog)

Статья блога (Article / NewsArticle / BlogPosting)

Меню (SiteNavigationElement)

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

Адреса и организации (Organization и LocalBusiness)

Список товаров (Products list)

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

Карточка услуги (Product → AggregateOffer)

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

Картинка (ImageObject)

Видео (VideoObject)

Вопрос–ответ (FAQPage)

Отзывы (Review)

Рейтинг (AggregateRating)

Добавьте код на сайт

Проверьте корректность

Обновляйте и расширяйте разметку

Особенности работы с Open Graph

Распространённые ошибки при внедрении микроразметки

Заключение

Читать также

Опишите ваш проект или задачу