Seo

Schema.org розмітка: з чого почати

Що таке structured data, JSON-LD vs microdata, основні типи (Article, FAQPage, Product, BreadcrumbList, Organization), приклади коду та перевірка через Rich Results Test.

Автор: Андрій Коваленко 9 хв читання
Зміст

Schema.org розмітка — це набір тегів, які ви додаєте до HTML-сторінки, щоб пояснити Google не тільки що написано, а що це означає. Без розмітки Google бачить текст і намагається здогадатися: стаття це, рецепт, товар чи адреса бізнесу. З розміткою — знає напевно. Результат: rich snippets у видачі — зірки, ціна, breadcrumbs, FAQ-блок під сніпетом, що підвищують CTR без зміни позиції.

Ця стаття — практичний старт: від вибору формату (JSON-LD чи microdata) до конкретних прикладів коду і перевірки результату через Rich Results Test.


Що таке structured data і навіщо воно вам

Structured data (структуровані дані) — це семантична розмітка контенту сторінки за стандартизованим словником. Найпопулярніший словник — Schema.org, спільна ініціатива Google, Bing, Yahoo і Yandex (2011 рік).

Принцип простий: ви позначаєте шматок HTML-коду міткою «це ціна» або «це рейтинг» — і пошуковик може показати цю інформацію прямо у видачі, не чекаючи поки користувач зайде на сайт.

Що дає розмітка на практиці:

Що маєте на сторінціЩо бачить користувач у Google
Стаття з FAQ-блокомQ&A під сніпетом (gov/health)
Сторінка товару з ціною і відгукамиЗірки + ціна у сніпеті
Будь-яка сторінка з навігацієюBreadcrumbs замість URL
Сторінка організаціїKnowledge Panel
Стаття з авторомAuthorship signals у Discover/News

Rich snippets самі по собі не покращують позицію — Google підтверджує це офіційно. Але вони підвищують CTR: більше кліків з тієї ж позиції. За різними дослідженнями — від 20% до 60% залежно від типу розмітки і ніші.

Детальніше про місце schema у технічному фундаменті сайту — у посібнику з технічного SEO.

JSON-LD vs Microdata: що вибрати

Є три формати для Schema.org розмітки.

JSON-LD (рекомендований)

JSON-LD (JavaScript Object Notation for Linked Data) вставляється окремим блоком у <head> або <body>:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Schema.org розмітка: з чого почати",
  "author": {
    "@type": "Person",
    "name": "Іван Петренко"
  }
}
</script>

Переваги:

  • Не змішується з HTML — легко редагувати і підтримувати
  • Google рендерить незалежно від видимості для користувача
  • Один блок може описувати весь контент сторінки
  • Легко додавати через CMS або шаблон без правки HTML-верстки

Microdata

Вбудовується безпосередньо у HTML-теги через атрибути itemscope, itemtype, itemprop:

<div itemscope itemtype="https://schema.org/Article">
  <h1 itemprop="headline">Schema.org розмітка: з чого почати</h1>
  <span itemprop="author">Іван Петренко</span>
</div>

Мінус — розмітка розсипана по всьому HTML. При редизайні або переїзді на інший шаблон легко зламати.

RDFa

Старший формат, схожий на Microdata. Практично не використовується у нових проектах.

Висновок: для нових проектів і будь-яких сайтів — беріть JSON-LD. Google сам рекомендує саме цей формат.

Основні типи Schema.org з прикладами коду

Article / BlogPosting / NewsArticle

Для редакційного контенту — статей, гайдів, новин.

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Schema.org розмітка: з чого почати",
  "description": "Що таке structured data, JSON-LD vs microdata, основні типи...",
  "datePublished": "2026-06-24",
  "dateModified": "2026-06-24",
  "author": {
    "@type": "Person",
    "name": "Іван Петренко",
    "url": "https://analytics.net.ua/about/"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Analytics.net.ua",
    "logo": {
      "@type": "ImageObject",
      "url": "https://analytics.net.ua/images/logo.png",
      "width": 300,
      "height": 60
    }
  },
  "image": {
    "@type": "ImageObject",
    "url": "https://analytics.net.ua/images/posts/schema-org-cover.jpg",
    "width": 1200,
    "height": 630
  }
}

Обов’язкові поля: headline, datePublished, author. dateModified — рекомендовано: Google враховує свіжість контенту. publisher.logo — ImageObject, мінімум 112×112px (жорсткого максимуму поточний гайдлайн не задає; «600×60» — застаріла AMP-рекомендація).

FAQPage — важливе обмеження з 2023

FAQPage розмітка додає Q&A блок прямо під сніпетом у видачі. Але: з серпня 2023 Google обмежив показ цих rich results — вони з’являються тільки для авторитетних сайтів державних органів та охорони здоров’я (gov/health). Для комерційних і контентних сайтів FAQPage більше не дає видимого блоку у SERP.

Чи варто її додавати у 2026? Так, з двох причин:

  • Допомагає Google краще розуміти структуру контенту
  • Використовується AI-відповідями (Google AI Overviews, Bing Copilot) і голосовим пошуком
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Що таке Schema.org розмітка?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Schema.org — відкритий словник структурованих даних для пояснення пошуковикам змісту контенту сторінки."
      }
    },
    {
      "@type": "Question",
      "name": "JSON-LD чи Microdata краще?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "JSON-LD — рекомендований Google формат. Вставляється окремим script-блоком, не змішується з HTML."
      }
    }
  ]
}

Один з найуніверсальніших типів — показується у видачі замість URL для більшості сайтів без додаткових умов. Замість analytics.net.ua/seo/schema-org-rozmitka-z-chogo-pochaty/ користувач побачить: analytics.net.ua › SEO › Schema.org розмітка.

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Головна",
      "item": "https://analytics.net.ua/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "SEO",
      "item": "https://analytics.net.ua/seo/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Schema.org розмітка: з чого почати",
      "item": "https://analytics.net.ua/seo/schema-org-rozmitka-z-chogo-pochaty/"
    }
  ]
}

Product

Для e-commerce — найбільший ефект від rich snippets. Зірки + ціна + наявність прямо у видачі.

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Аналітика для малого бізнесу Pro",
  "description": "Сервіс веб-аналітики для магазинів і стартапів",
  "image": "https://example.com/product.jpg",
  "sku": "ANALYTICS-PRO-001",
  "brand": {
    "@type": "Brand",
    "name": "Analytics Pro"
  },
  "offers": {
    "@type": "Offer",
    "priceCurrency": "UAH",
    "price": "990",
    "availability": "https://schema.org/InStock",
    "url": "https://example.com/product/"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.7",
    "reviewCount": "128"
  }
}

Важливо: aggregateRating потрібні реальні відгуки з сайту. Якщо ви виставляєте рейтинг без реальних Review-елементів на сторінці, Google може видалити rich snippet або накласти manual action.

Organization

Допомагає сформувати Knowledge Panel для бренду. Зазвичай ставиться на головній сторінці або у sitewide <head> через шаблон:

{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Analytics.net.ua",
  "url": "https://analytics.net.ua/",
  "logo": "https://analytics.net.ua/images/logo.png",
  "sameAs": [
    "https://www.facebook.com/analyticsnetua",
    "https://twitter.com/analyticsnetua",
    "https://www.linkedin.com/company/analyticsnetua"
  ],
  "contactPoint": {
    "@type": "ContactPoint",
    "contactType": "customer support",
    "email": "[email protected]"
  }
}

sameAs — масив профілів у соцмережах і Wikipedia. Допомагає Google об’єднати сигнали бренду з різних платформ в єдиний Knowledge Panel.

Як перевірити розмітку через Rich Results Test

Після додавання розмітки перевірте результат через Rich Results Test від Google (search.google.com/test/rich-results).

Що він показує:

  • Чи підтримує ваша розмітка rich snippet (зелена галочка або жовте попередження)
  • Які обов’язкові поля відсутні
  • Попередження про рекомендовані (але необов’язкові) поля
  • Точне місце в JSON, де є синтаксична помилка

Алгоритм перевірки:

  1. Відкрийте Rich Results Test
  2. Вставте URL опублікованої сторінки або HTML-код напряму
  3. Натисніть «Test URL» — через 15-20 секунд результат
  4. Якщо бачите «Eligible for rich results» — розмітка коректна
  5. Якщо є помилки — виправте за підказками, повторіть тест

Другий корисний інструмент — Schema.org Validator (validator.schema.org). Він перевіряє синтаксис проти самого словника, без Google-специфіки. Корисно для нестандартних типів, яких немає в Rich Results Test.

Після публікації через 1-2 тижні перевіряйте GSC → Enhancements — там Google показує помилки structured data для всього сайту.

Також зручно скористатись нашим Schema Generator — він будує коректний JSON-LD для Article, FAQ, BreadcrumbList, Product та Organization без ручного набору.

Обмеження rich snippets: що Google показує, а що ні

Не кожна розмітка гарантує видимий rich result у SERP. Google вирішує самостійно — в залежності від типу, якості сайту і контексту запиту.

Що зазвичай показується

  • BreadcrumbList — майже завжди, для більшості типів сайтів
  • Product (ціна + наявність + зірки) — для e-commerce сторінок з реальними відгуками
  • Recipe — для кулінарних сайтів з повним набором полів
  • Event — для сторінок подій з майбутньою датою
  • VideoObject — у Google Videos і у звичайних результатах
  • JobPosting — вакансії у Google for Jobs

Що НЕ показується або обмежено

  • FAQPage — з серпня 2023 тільки авторитетні gov/health сайти. Для решти — не гарантовано
  • HowTo — Google повністю прибрав HowTo rich results у 2023: розмітка більше не дає сніпета ні на десктопі, ні на мобайлі
  • SitelinksSearchBox — Google сам вирішує, коли показувати; наявність розмітки не гарантує відображення
  • Article / BlogPosting — у звичайному пошуку не дають самостійного rich snippet; впливають на Google Discover і Top Stories

Коли Google може прибрати rich snippet

Google видаляє rich snippets і може накласти manual action у таких випадках:

  1. Розмітка прихованого контенту — якщо розмічаєте щось, чого немає на сторінці для користувача
  2. Спам-рейтингиaggregateRating без реальних відгуків
  3. Неправильний типProduct на інформаційних статтях
  4. Невідповідність даних — ціна у розмітці ≠ ціна на сторінці

Перевірте SEO Audit Checklist — він включає пункт перевірки structured data у рамках повного технічного аудиту.

Типові помилки при впровадженні Schema.org

  1. Неповні обов’язкові поля. У Product без offers rich snippet не покажеться. Перевіряйте через Rich Results Test після кожної зміни.

  2. Відсутній @id в Organization. Якщо ви посилаєтесь на Organization з Article (поле publisher), Organization має мати @id — URL, що ідентифікує сутність. Без нього Google не може об’єднати розмітку з різних сторінок в одну сутність.

  3. Дата у неправильному форматі. datePublished має бути ISO 8601: "2026-06-24" або "2026-06-24T10:00:00+02:00". Текстові рядки типу «24 червня 2026» — не валідні.

  4. Дублювання типів через плагіни. Якщо Yoast генерує Article, а ви додаєте ще один вручну — на сторінці два блоки. Google зазвичай обирає один, але краще не дублювати: може спричинити конфліктуючі дані.

  5. BreadcrumbList не відповідає реальній навігації. Якщо на сторінці видимі breadcrumbs (HTML), розмітка має їм відповідати — ті самі URL і назви.

  6. FAQ-розмітка з питаннями, яких немає на сторінці. Якщо додали FAQPage з 10 питаннями у JSON, але на сторінці вони не відображаються — Google розцінює це як прихований контент.

  7. Зображення не відповідають вимогам. Для Article поле image — мінімум 1200px ширини для Google Discover. Для Organization logo — мінімум 112×112px (поточна вимога Google; колишній максимум «600×60» стосувався лише AMP).

  8. Відсутність розмітки на мобільній версії. Якщо JSON-LD є тільки в десктопному шаблоні, Google при mobile-first indexing не побачить розмітку. Перевіряйте Rich Results Test за URL з мобільного user agent (є перемикач в інтерфейсі інструменту).

Як підключити Schema.org у різних CMS

WordPress

Найпростіше — через плагін Yoast SEO або RankMath. Вони автоматично генерують Article / BlogPosting для записів, BreadcrumbList для всіх сторінок, Organization або LocalBusiness для головної, FAQPage якщо є Yoast FAQ-блок у редакторі.

Для кастомних типів — плагін Schema Pro або ручний код:

function add_schema_markup() {
    if ( is_single() ) {
        $schema = [
            '@context'      => 'https://schema.org',
            '@type'         => 'Article',
            'headline'      => get_the_title(),
            'datePublished' => get_the_date( 'c' ),
            'dateModified'  => get_the_modified_date( 'c' ),
            'author'        => [
                '@type' => 'Person',
                'name'  => get_the_author(),
            ],
        ];
        echo '<script type="application/ld+json">'
            . wp_json_encode( $schema )
            . '</script>';
    }
}
add_action( 'wp_head', 'add_schema_markup' );

Hugo (статичні сайти)

У шаблоні layouts/_default/single.html або partial:

{{ with .Params.faq }}
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {{ range $i, $item := . }}{{ if $i }},{{ end }}
    {
      "@type": "Question",
      "name": {{ $item.q | jsonify }},
      "acceptedAnswer": {
        "@type": "Answer",
        "text": {{ $item.a | jsonify }}
      }
    }
    {{ end }}
  ]
}
</script>
{{ end }}

Цей підхід використовується і на цьому сайті — FAQ у frontmatter генерується автоматично у <head>.

Без CMS

Просто вставте <script type="application/ld+json">...</script> у <head> кожної відповідної сторінки. Більшість сайт-білдерів (Webflow, Tilda, Shopify) мають поле для кастомного коду у <head>.

Чек-лист впровадження Schema.org

  • Вибрано формат JSON-LD (не microdata)
  • Article або BlogPosting на всіх статтях з datePublished, author, publisher
  • BreadcrumbList на всіх сторінках з правильними position і item URL
  • Organization на головній або у sitewide <head>
  • Product + Offer + AggregateRating на сторінках товарів (якщо є)
  • FAQPage для контенту з питаннями-відповідями (корисно навіть без SERP-блоку)
  • Перевірено через Rich Results Test — немає critical errors
  • Перевірено через Schema.org Validator
  • Через 2 тижні після публікації — перевірено GSC → Enhancements

Пов’язані ресурси

Посібники:

Інструменти:

  • Schema Generator — генератор JSON-LD для Article, FAQ, BreadcrumbList, Product, Organization без ручного набору

Чек-листи:

  • SEO Audit Checklist — пункт перевірки structured data у повному аудиті

Схожі статті

Дивіться також

Цю статтю пише і оновлює Андрій Коваленко — без AI-води і партнерських посилань. Помітив застарілий факт чи неточність — напиши, перепишу того ж тижня.

Хто веде сайт і чому без AI