Schema.org розмітка: з чого почати
Що таке structured data, JSON-LD vs microdata, основні типи (Article, FAQPage, Product, BreadcrumbList, Organization), приклади коду та перевірка через Rich Results Test.
Зміст
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."
}
}
]
}
BreadcrumbList
Один з найуніверсальніших типів — показується у видачі замість 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, де є синтаксична помилка
Алгоритм перевірки:
- Відкрийте Rich Results Test
- Вставте URL опублікованої сторінки або HTML-код напряму
- Натисніть «Test URL» — через 15-20 секунд результат
- Якщо бачите «Eligible for rich results» — розмітка коректна
- Якщо є помилки — виправте за підказками, повторіть тест
Другий корисний інструмент — 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 у таких випадках:
- Розмітка прихованого контенту — якщо розмічаєте щось, чого немає на сторінці для користувача
- Спам-рейтинги —
aggregateRatingбез реальних відгуків - Неправильний тип —
Productна інформаційних статтях - Невідповідність даних — ціна у розмітці ≠ ціна на сторінці
Перевірте SEO Audit Checklist — він включає пункт перевірки structured data у рамках повного технічного аудиту.
Типові помилки при впровадженні Schema.org
Неповні обов’язкові поля. У
Productбезoffersrich snippet не покажеться. Перевіряйте через Rich Results Test після кожної зміни.Відсутній
@idв Organization. Якщо ви посилаєтесь на Organization з Article (полеpublisher), Organization має мати@id— URL, що ідентифікує сутність. Без нього Google не може об’єднати розмітку з різних сторінок в одну сутність.Дата у неправильному форматі.
datePublishedмає бути ISO 8601:"2026-06-24"або"2026-06-24T10:00:00+02:00". Текстові рядки типу «24 червня 2026» — не валідні.Дублювання типів через плагіни. Якщо Yoast генерує
Article, а ви додаєте ще один вручну — на сторінці два блоки. Google зазвичай обирає один, але краще не дублювати: може спричинити конфліктуючі дані.BreadcrumbList не відповідає реальній навігації. Якщо на сторінці видимі breadcrumbs (HTML), розмітка має їм відповідати — ті самі URL і назви.
FAQ-розмітка з питаннями, яких немає на сторінці. Якщо додали FAQPage з 10 питаннями у JSON, але на сторінці вони не відображаються — Google розцінює це як прихований контент.
Зображення не відповідають вимогам. Для
Articleполеimage— мінімум 1200px ширини для Google Discover. ДляOrganizationlogo— мінімум 112×112px (поточна вимога Google; колишній максимум «600×60» стосувався лише AMP).Відсутність розмітки на мобільній версії. Якщо 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
Пов’язані ресурси
Посібники:
- Технічне SEO: з чого почати — crawling, indexing, Core Web Vitals, hreflang — де schema вписується у технічний фундамент
Інструменти:
- Schema Generator — генератор JSON-LD для Article, FAQ, BreadcrumbList, Product, Organization без ручного набору
Чек-листи:
- SEO Audit Checklist — пункт перевірки structured data у повному аудиті
Схожі статті
Schema.org Генератор (JSON-LD) — Article, FAQ, HowTo, Breadcrumb, LocalBusiness
Безкоштовний генератор structured data у форматі JSON-LD для 6 найпопулярніших типів Schema.org. Live preview, валідація, експорт .json, відкриття у Rich Results Test.
SeoТехнічне SEO: повний посібник з чого почати — індексація, Core Web Vitals, schema.org, hreflang
Покроковий посібник з технічного SEO для початківців: crawling, indexing, robots.txt, sitemap.xml, canonical, hreflang, Core Web Vitals (LCP/INP/CLS), schema.org, mobile-first і типові помилки.
Seorobots.txt і sitemap.xml: повне налаштування
Синтаксис robots.txt, що не можна блокувати, AI-бот директиви, структура sitemap.xml, відправка в Google Search Console і типові помилки — практичне налаштування.