Schema.org Генератор (JSON-LD) — Article, FAQ, HowTo, Breadcrumb, LocalBusiness

Що таке structured data і чому вона потрібна

Google рендерить вашу сторінку як просто HTML, а краулер бачить лише текст і теги. Щоб пошуковик зрозумів, що <h1>Как установить GTM</h1> — це назва HowTo-інструкції з трьома кроками, а <div class="price">$49</div> — ціна товару у доларах, потрібна structured data — структурована розмітка за словником Schema.org.

Schema.org — спільний проєкт Google, Microsoft, Yahoo і Yandex (2011 рік), який стандартизує ~800 типів сутностей: від Article, Product, Recipe до вузьких DryCleaningOrLaundry та ExerciseAction. Кожен тип має набір властивостей (properties), які описують об’єкт: у Article це headline, author, datePublished, image; у Product — name, price, availability, aggregateRating.

Є три способи додати structured data у HTML:

JSON-LD виграє по всіх фронтах: (1) не переплітається з версткою, (2) легко генерується з бекенду або CMS, (3) не ламається при зміні HTML-темплейтів. У 2026 році 95% новосгенерованої structured data — JSON-LD.

Rich results: що ви отримуєте за розмітку

Google не використовує schema як фактор ранжування напряму — про це офіційно заявили Джон Мюллер і Денні Салліван. Але розмітка дає право на rich results — розширені блоки видачі, які займають більше пікселів і виділяються серед конкурентів:

• Article → карусель Top Stories, дата публікації, імʼя автора
• FAQPage → випадаючий список Q/A під органічним результатом (обмежено у 2023, але працює для AI-пошуку)
• HowTo → покроковий список із зображеннями у SERP
• BreadcrumbList → ланцюжок навігації замість URL під title
• Product → ціна, наявність, зірковий рейтинг, відгуки
• LocalBusiness → картка Google Knowledge Graph (поряд з Maps)
• Organization → логотип у SERP, посилання на соцмережі в Knowledge Graph

За даними Backlinko (2024) та Ahrefs (2023), сторінки з rich results мають CTR на 10-40% вищий за звичайні — залежно від ніші. Додатковий бонус 2024-2026 — AI Overviews і Bing Copilot у першу чергу цитують сторінки з якісною structured data.

6 найважливіших типів Schema — коли який використовувати

Article — для блогів, новин, мануалів

Основний тип для редакційного контенту. Підтипи: BlogPosting (дописи блогу), NewsArticle (новини), TechArticle (технічні мануали), ScholarlyArticle (академічні). Обовʼязкові поля для rich results: headline (≤110 символів), image (≥1200×675), datePublished, author, publisher.

Коли ставити: будь-яка сторінка з текстовим контентом — пост блогу, новина, огляд.

FAQPage — для часто задаваних питань

Список Q&A, прикріплений до mainEntity. Кожне питання — Question з acceptedAnswer типу Answer. Google обмежив візуальні rich snippets FAQ у 2023, але AI-пошук досі витягує відповіді з цієї розмітки.

Коли ставити: окрема секція FAQ на сторінці з реальними питаннями (не рекламою). Уникати stub-питань типу «Чи хороший наш продукт?».

HowTo — для покрокових інструкцій

Набір HowToStep з position, name, text і опціонально image. Додатково: totalTime у ISO-8601, estimatedCost, tool (інструменти), supply (матеріали).

Коли ставити: туторіал, рецепт, гайд зі встановлення. Не ставити на загальні оглядові статті без чітких кроків.

BreadcrumbList — для навігаційного ланцюжка

Послідовність ListItem з position, name, item (URL). Мінімум 2 рівні (Головна → Сторінка). Google замінює URL під title на цей breadcrumb.

Коли ставити: кожна сторінка сайту крім головної. Важливо на e-commerce (Категорія → Підкатегорія → Товар) і блогах (Блог → Рубрика → Стаття).

Organization — для юрособи сайту

Описує компанію: name, url, logo, contactPoint, sameAs (соцмережі). Додається на головну або у футер сайту. Google використовує для побудови Knowledge Graph.

Коли ставити: корпоративні сайти, SaaS, агенції, медіа. Без фізичної адреси або коли офіс не призначений для відвідувачів.

LocalBusiness — для бізнесу з фізичною адресою

Наслідує Organization + додає address, geo (координати), openingHoursSpecification, priceRange. Має 100+ підтипів (Restaurant, Store, MedicalBusiness, BeautySalon, AutoRepair тощо), використовуйте найвужчий відповідний.

Коли ставити: кафе, магазини, клініки, салони, СТО, юридичні консультації з офісом. Разом з Google Business Profile створює сильну локальну видимість.

Як вставити згенерований JSON-LD у сайт

Скопіюйте код із генератора вище і додайте у <head> сторінки:

<head>
  <!-- інші теги -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "headline": "...",
    ...
  }
  </script>
</head>

Для WordPress: плагіни Rank Math (безкоштовний, найкращий), Yoast SEO (поширений) або Schema Pro (платний) автоматично генерують розмітку з полів статті. Власноручна вставка через Custom HTML блок у Gutenberg — теж робочий варіант.

Для Shopify / WooCommerce: більшість тем мають вбудовану Product schema. Перевірте існуючу через Rich Results Test, додавайте тільки ті типи, яких бракує.

Для кастомних сайтів на React/Vue/Next.js: генеруйте <script> на сервері (SSR), бо клієнтський JS не завжди встигає до краулера. Бібліотеки: react-schemaorg, schema-dts.

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

Google Rich Results Test (search.google.com/test/rich-results) — основний інструмент. Введіть URL або вставте код. Покаже попередній вигляд rich result і помилки. Наш генератор має кнопку, яка копіює JSON-LD і відкриває цей інструмент.

Schema.org Validator (validator.schema.org) — строгіша перевірка на відповідність специфікації. Показує всі попередження навіть для не-rich-result типів. Рекомендується для складних схем (Product з offer, aggregateRating, review).

Google Search Console → Покращення — після публікації URL Google сам проіндексує розмітку і повідомить у Search Console про помилки або попередження. Це єдиний спосіб дізнатись про реальні проблеми у production.

Типові помилки і як їх уникнути

• Schema markup, яка не відповідає видимому контенту. Google кара за це manual action: FAQ у розмітці — але FAQ на сторінці немає; зірки рейтингу — але відгуків не видно. Розмітка має відображати те, що бачить користувач.
• Копіювання розмітки з іншого сайту без адаптації. Типова помилка: імʼя автора — Володимир, publisher — ваша компанія; URL — ваш; дата публікації — з шаблона. Завжди актуалізуйте.
• Відсутність обовʼязкових полів. Для Article без image не буде Top Stories; для Product без offers.price — не покажуть ціну у SERP. Наш генератор підсвічує пропущені required-поля.
• Розмірність картинок. Article image має бути мінімум 1200×675 (16:9), бажано 1600×900. Маленькі зображення просто не потраплять у rich results.
• Локалізація дат і текстів. datePublished: "01.04.2026" — невалідно, треба "2026-04-01" у форматі ISO-8601. Наш генератор автоматично використовує поле типу date для уникнення цієї помилки.
• Кирилиця у LocalBusiness.addressCountry. Має бути ISO-код — UA, не Україна. Аналогічно для інших країн.

Поширені питання (FAQ)

Що таке JSON-LD і чим він кращий за Microdata або RDFa?

JSON-LD — рекомендований Google формат structured data, який живе у <script type="application/ld+json"> блоці. На відміну від Microdata і RDFa, які вплітаються в HTML-теги, JSON-LD легше підтримувати і генерувати з бекенду, не ламається при зміні верстки.

Чи потрібна schema markup для SEO?

Прямо на ранжування не впливає, але критична для rich results — розширених блоків видачі з вищим CTR (на 10-40%). Також AI-пошук (Google AI Overviews, Bing Copilot) опирається на structured data при цитуванні джерел.

Куди вставляти згенерований код?

У тег <head> сторінки як окремий блок <script type="application/ld+json">{...}</script>. Один тип = один блок. WordPress — через плагіни Rank Math або Yoast.

Як перевірити коректність розмітки?

Google Rich Results Test, Schema.org Validator, Google Search Console → Покращення. Наш генератор має кнопку «Rich Results Test», яка копіює код і відкриває інструмент.

Чи можна використовувати декілька типів schema на одній сторінці?

Так, рекомендується. Типовий стек для блог-поста: Article + BreadcrumbList + Organization. Для товару: Product + BreadcrumbList + FAQPage. Обмежень на кількість немає.

FAQ markup більше не показує rich snippets — чи варто її ставити?

Так. Google обмежив візуальні FAQ rich snippets у 2023, але AI-пошук досі використовує цю розмітку для витягування відповідей. Витрати мінімальні, downside нульовий.

totalTime у HowTo — який формат?

ISO-8601 duration: PT15M (15 хвилин), PT1H30M (1 година 30 хвилин), PT2H (2 години). Генератор перевіряє формат і попереджає про помилки.

Чи працює schema markup на SPA (React/Vue)?

Так, але JSON-LD має бути в HTML-source, а не додаватися через JS. Рішення: SSR (Next.js, Nuxt), prerendering або statically compiled підходи (Astro, Gatsby).

LocalBusiness чи Organization — що вибирати?

LocalBusiness — якщо є фізична адреса для клієнтів (кафе, магазин, клініка). Organization — для онлайн-бізнесів, SaaS, агенцій без фізичного офісу або з офісом не для клієнтів.

Schema для мультимовного сайту з hreflang — як організувати?

Кожна мовна версія має власну schema з контентом відповідною мовою. Organization та LocalBusiness можна залишати однаковими на всіх версіях з локалізованими name і description.