Schema.org: размечаем сайт правильно

Что такое Schema.org (семантическая разметка) и зачем она нужна сайту

Schema.org (семантическая разметка) — это словарь специальных меток для HTML-кода. С их помощью вы «объясняете» поисковикам, что именно находится на странице: товар, статья, новость или фото.

Зачем это надо:

• поисковики лучше понимают контент;

• в выдаче могут появиться расширенные сниппеты (например, с ценой, рейтингом или датой);

• выше шанс привлечь внимание пользователя в поисковой выдаче.

Разберём основные типы разметки для коммерческого сайта — с примерами кода.

1. Разметка статьи

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

Пример (JSON (формат обмена данными)-LD):

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Заголовок статьи",
  "datePublished": "2025-01-15",
  "author": {
    "@type": "Person",
    "name": "Иван Иванов"
  },
  "image": "https://example.com/photo.jpg"
}
</script>

2. Разметка новости

Похоже на статью, но с акцентом на оперативность. Добавляется свойство dateModified (дата изменения).

Пример:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "NewsArticle",
  "headline": "Заголовок новости",
  "datePublished": "2025-01-15",
  "dateModified": "2025-01-16",
  "author": {
    "@type": "Person",
    "name": "Анна Петрова"
  }
}
</script>

3. Разметка фото

Помогает поисковикам индексировать изображения и показывать их в поиске по картинкам.

Пример:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ImageObject",
  "contentUrl": "https://example.com/photo.jpg",
  "description": "Описание изображения",
  "name": "Название фото"
}
</script>

4. Разметка товара

Ключевой тип для интернет-магазинов. Указывает цену, наличие, рейтинг и другие детали.

Пример:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Название товара",
  "description": "Краткое описание",
  "sku": "Артикул123",
  "offers": {
    "@type": "Offer",
    "priceCurrency": "RUB",
    "price": "1990",
    "availability": "https://schema.org/InStock",
    "url": "https://example.com/product123"
  }
}
</script>

5. Разметка каталога товаров

Если на странице список товаров, можно разметить весь каталог.

Пример:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ItemList",
  "name": "Название каталога",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "url": "https://example.com/product1"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "url": "https://example.com/product2"
    }
  ]
}
</script>

6. Разметка интернет-магазина

Для главной страницы магазина или раздела с контактами.

Пример:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Название компании",
  "url": "https://example.com",
  "contactPoint": {
    "@type": "ContactPoint",
    "telephone": "+74951234567",
    "contactType": "customer service"
  },
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Ул. Примерная, 1",
    "addressLocality": "Москва",
    "postalCode": "123456"
  }
}
</script>

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

1. Выберите тип разметки под ваш контент.

2. Скопируйте пример кода.

3. Подставьте свои данные (ссылки, названия, цены и т.д.).

4. Вставьте код в HTML страницу — обычно в head (заголовок документа) или перед body (содержимое страницы).

5. Проверьте разметку через инструменты Google (Rich Results Test (тест расширенных результатов)) или Яндекс(Вебмастер → Проверка микроразметки).

Что будет, если не делать разметку

Ничего критичного. Сайт будет работать. Но вы упустите:

• расширенные сниппеты в поиске;

• лучшее понимание контента поисковиками;

• возможный рост кликов из выдачи.

Важные нюансы

• Не перебарщивайте. Размечайте только то, что есть на странице.

• Обновляйте данные. Если цена изменилась — поменяйте её и в разметке.

• Проверяйте ошибки. Невалидный код может навредить.

• Используйте JSON (формат обмена данными)-LD. Это самый простой и рекомендуемый формат.

Если сомневаетесь — начните с разметки товаров и статей. Это даст максимальный эффект для коммерческого сайта.

Практика и тестирование

Каталог:

Обернуть весь див карточки товара: itemscope itemtype="http://schema.org/Product"
наименование товара: itemprop="name"
описание товара: itemprop="description"
ссылка на картинку товара: itemprop="image"

Обернуть блок с ценой: itemprop="offers" itemscope itemtype="http://schema.org/Offer"
производитель: itemprop="brand"
цена товара: itemprop="price"
указывается валюта: <meta itemprop="priceCurrency" content="RUB">
в наличии:

Контакты

Обернуть весь див контактов: itemscope itemtype="http://schema.org/Organization"

Название организации: itemprop="name"

Обернуть блок с адресом (только с адресом без телефонов): itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"

индекс: itemprop="postalCode"
город: itemprop="addressLocality"
улица: itemprop="streetAddress"

телефоны: itemprop="telephone"
факс: itemprop="faxNumber"
электронная почта: itemprop="email"

Валидатор микроразметки: https://webmaster.yandex.ru/tools/microtest/

Валидатор микроразметки: https://search.google.com/structured-data/testing-tool

Пример разметки: https://yandex.ru/support/webmaster/supported-schemas/goods-prices.html