Микроразметка Schema.org: полный гайд с примерами для статей, товаров и организаций

Schema.org — стандарт семантической микроразметки, который поддерживают Google, Яндекс, Bing и Yahoo. Правильно размеченные страницы получают расширенные сниппеты в поисковой выдаче: звёзды рейтинга, цену товара, хлебные крошки, FAQ и другие элементы, увеличивающие кликабельность.

Что такое Schema.org и зачем она нужна

Поисковик видит HTML, но не всегда понимает смысл содержимого. Микроразметка Schema.org добавляет машиночитаемый контекст: явно указывает, что конкретный блок — это товар, статья, организация, отзыв или хлебная крошка. Это помогает поисковику формировать rich snippets — расширенные результаты поиска.

Проверить разметку можно здесь:

Тип Organization — разметка организации

<div itemscope itemtype="https://schema.org/Organization">
  <span itemprop="name">Название компании</span>
  <span itemprop="telephone">+7 (495) 000-00-00</span>
  <a itemprop="url" href="https://example.ru">example.ru</a>
  <span itemprop="address">г. Москва</span>
  <img itemprop="logo" src="/img/logo.png" alt="Логотип">
</div>

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

<a itemprop="url" href="https://example.ru">example.ru</a>

<span itemprop="address">г. Москва</span>

</div>

Тип Article — разметка статьи

Для статей и новостей Google рекомендует JSON-LD формат (предпочтительнее Microdata):

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "mainEntityOfPage": { "@type": "WebPage", "@id": "https://example.ru/article/" },
  "headline": "Заголовок статьи",
  "description": "Краткое описание статьи до 150 символов",
  "image": "https://example.ru/img/article.png",
  "author": { "@type": "Person", "name": "Имя автора" },
  "publisher": {
    "@type": "Organization",
    "name": "Название сайта",
    "logo": { "@type": "ImageObject", "url": "https://example.ru/img/logo.png" }
  },
  "datePublished": "2024-01-01",
  "dateModified": "2024-06-01"
}
</script>

{

"@context": "https://schema.org",

"@type": "Article",

"mainEntityOfPage": { "@type": "WebPage", "@id": "https://example.ru/article/" },

"headline": "Заголовок статьи",

"description": "Краткое описание статьи до 150 символов",

"image": "https://example.ru/img/article.png",

"author": { "@type": "Person", "name": "Имя автора" },

"publisher": {

"@type": "Organization",

"name": "Название сайта",

"logo": { "@type": "ImageObject", "url": "https://example.ru/img/logo.png" }

"datePublished": "2024-01-01",

"dateModified": "2024-06-01"

}

</script>

Тип Product — разметка товара

<div itemscope itemtype="https://schema.org/Product">
  <h1 itemprop="name">iPhone 15 Pro 256 GB</h1>
  <img itemprop="image" src="iphone15.jpg" alt="iPhone 15 Pro">
  <span itemprop="description">Описание товара</span>

  <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
    <span itemprop="price">99990</span>
    <meta itemprop="priceCurrency" content="RUB">
    <link itemprop="availability" href="https://schema.org/InStock">
  </div>

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

<h1 itemprop="name">iPhone 15 Pro 256 GB</h1>

<span itemprop="description">Описание товара</span>

</div>

</div>

Тип BreadcrumbList — хлебные крошки

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    { "@type": "ListItem", "position": 1, "name": "Главная", "item": "https://example.ru/" },
    { "@type": "ListItem", "position": 2, "name": "Каталог", "item": "https://example.ru/catalog/" },
    { "@type": "ListItem", "position": 3, "name": "Смартфоны" }
  ]
}
</script>

{

"@context": "https://schema.org",

"@type": "BreadcrumbList",

"itemListElement": [

{ "@type": "ListItem", "position": 1, "name": "Главная", "item": "https://example.ru/" },

{ "@type": "ListItem", "position": 2, "name": "Каталог", "item": "https://example.ru/catalog/" },

{ "@type": "ListItem", "position": 3, "name": "Смартфоны" }

]

}

</script>

Тип WebSite — строка поиска в сниппете

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "url": "https://example.ru/",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://example.ru/search/?q={search_term_string}",
    "query-input": "required name=search_term_string"
  }
}
</script>

{

"@context": "https://schema.org",

"@type": "WebSite",

"url": "https://example.ru/",

"potentialAction": {

"@type": "SearchAction",

"target": "https://example.ru/search/?q={search_term_string}",

"query-input": "required name=search_term_string"

}

</script>

FAQ разметка

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Как оформить заказ?",
      "acceptedAnswer": { "@type": "Answer", "text": "Добавьте товар в корзину и нажмите Оформить заказ." }
    },
    {
      "@type": "Question",
      "name": "Какие способы оплаты доступны?",
      "acceptedAnswer": { "@type": "Answer", "text": "Оплата картой, СБП, наличными при получении." }
    }
  ]
}
</script>

{

"@context": "https://schema.org",

"@type": "FAQPage",

"mainEntity": [

{

"@type": "Question",

"name": "Как оформить заказ?",

"acceptedAnswer": { "@type": "Answer", "text": "Добавьте товар в корзину и нажмите Оформить заказ." }

{

"@type": "Question",

"name": "Какие способы оплаты доступны?",

"acceptedAnswer": { "@type": "Answer", "text": "Оплата картой, СБП, наличными при получении." }

}

]

}

</script>

Важные правила

Используйте JSON-LD — Google рекомендует его как предпочтительный формат
Разметка должна соответствовать видимому контенту страницы — скрытый контент Google игнорирует
Логотип организации должен быть в формате PNG или SVG (не JPG)
Canonical ссылка <link rel="canonical" href="..."> должна совпадать с mainEntityOfPage
Используйте https://schema.org/, а не http://schema.org/