Мікророзмітка JSON-LD: що це і як використовувати
Мікророзмітка – це розмітка тексту спеціальними тегами та атрибутами, за допомогою якої можна коректно формувати сніпети та надавати пошукачам точнішу інформацію про зміст сторінки.
Ми вже маємо чудову статтю з цієї теми – «Мікророзмітка. Посилання, на які хочеться клікати». Рекомендуємо прочитати її перед тим, як заглиблюватися в JSON-LD. Якщо ви вже з нею ознайомилися, переходимо до сьогоднішньої теми!
Що таке формат JSON-LD
JSON-LD – це формат опису інформації за допомогою об’єктів спеціального LD-словника. Він передбачає розміщення контенту в тезі <script>, щоб пошукові алгоритми змогли їх коректно прочитати.
Простіше кажучи, це інструмент передачі даних із використанням класичного формату JSON (JavaScript Object Notation) – зрозумілого для людини й коректно структурованого з погляду пошукових машин. На практиці така мікророзмітка зазвичай застосовується для покращення представленості сайту в пошуку, а точніше, для роботи зі сніпетами.
Просто порівняйте два сніпети:
- Без використання мікророзмітки:
- З мікророзміткою для структурування даних:
У першому випадку маємо просто текст. Без структури, акцентних елементів і всієї тієї інформації, яку ми бачимо в другому прикладі. Власне, це і є наочна демонстрація використання мікророзмітки.
Чому його варто використовувати
На відміну від інших видів синтаксису для впровадження мікророзмітки (RDFa, hCard або Microdata), формат JSON-LD має кілька важливих переваг:
- обсяг коду менший, а сприймати його легше;
- він рекомендований Google як оптимальний формат;
- розмітка залучена через JS і помітна виключно пошуковим роботам.
Ще одна перевага – велика кількість плагінів для всіх популярних CMS, які суттєво спрощують та прискорюють впровадження мікророзмітки.
JSON-LD кращий за Schema.org
Як мінімум перевага JSON полягає в тому, що з ним простіше і зручніше працювати. Насамперед тому, що відрізняються самі формати та методи впровадження коду в HTML. Розмітка Schema.org – це код, який розміщується безпосередньо в тілі сторінки й виглядає наступним чином:
JSON зручніший тим, що код впроваджується в тег <head>. Це, по-перше, простіше та швидше. По-друге, у майбутньому буде набагато легше знайти ваш код та скорегувати його, замінити чи видалити. Приклад розміщення JSON в <head>:
Синтаксис JSON-LD
Згідно з рекомендаціями Google, код JSON необхідно впроваджувати в тег <head>. Ми теж радимо цей варіант, хоча розмітка працюватиме і в <body>.
Сама ж конструкція виглядає наступним чином:
Фактично ми повідомляємо браузеру про звернення до JS-коду, в якому міститься JSON-LD. Для наочності пропонуємо вам подивитися на вже впроваджений блок всередині тега <head>:
Як бачите, код дійсно легко читається, не перевантажений нічим і зрозумілий. Якщо раніше ви вже працювали з JSON, то ніяких труднощів точно не виникне.
Ключі та значення синтаксису JSON-LD
Ключі – це елементи JSON-коду, що пов’язують об’єкти між собою. Розглянемо ті, що найчастіше використовуються, та їхні функції:
Обов’язкові властивості JSON-LD
Існує кілька властивостей, без яких вміст вебсторінки просто не буде виводитися у сніпеті. До них належать такі:
Також існують рекомендовані властивості. Використовувати їх необов’язково, але бажано: релевантні поля істотно підвищують шанси на формування розширеного сніпета, що особливо актуально для FAQ-розмітки.
Мікророзмітка JSON-LD будується на двох головних компонентах: словнику та синтаксисі. Перший відповідає за смисловий опис вмісту сторінки, а другий визначає правила, за якими ці дані кодуються та передаються пошуковикам.
Ключі та властивості JSON досить логічні та інтуїтивні. Їх легко запам’ятати й зручно використовувати, навіть якщо раніше ви не мали справи з мікророзміткою в принципі.
Інструменти для роботи з JSON-LD
Хоча ми вже неодноразово повторили, що синтаксис JSON-LD порівняно простий, писати код самостійно – процес все одно досить трудомісткий і витратний за часом. На щастя, потреби в цьому немає. Існує безліч корисних інструментів для роботи з JSON, які суттєво спростять вам завдання.
Перерахуємо найпопулярніші:
- Schema Generator від Technicalseo.com. Функціональний генератор, за допомогою якого можна працювати з JSON, налаштовувати хлібні крихти та багато іншого.
- JSON-LD, який, утім, чудово виконує свої завдання. Інструмент підтримує шість основних типів сутностей, зокрема «Локальний бізнес», «Особа» та «Продукт».
- Web Code Tools. Функціональний генератор JSON-коду, у якому міститься понад 10 типів сутностей та унікальних атрибутів. А ще у Web Code Tools стильний та мінімалістичний інтерфейс – дрібниця, а приємно.
До речі, якщо ваш сайт працює на якомусь із популярних CMS, можна обійтися без сторонніх сервісів генерації JSON-коду. Є досить багато зручних плагінів, які суттєво спрощують це завдання та економлять час:
- WordPress: WP Structuring Markup та Schema App;
- Joomla!: TF Structured Data, sh404SEF тощо;
- Drupal: JSON LD Schema API та Metatag.
Також варто додати, що після розміщення коду в структурі HTML ви зможете в будь-який час відстежувати виникнення проблем у Google Search Console (розділ «Покращення»). Рекомендуємо періодично відвідувати його, щоб бути в курсі ситуації.
Як синтаксис JSON-LD перевірити на помилки
Перед публікацією JSON-коду ми наполегливо рекомендуємо перевірити його на помилки. Зрозуміло, немає потреби робити це самостійно та витрачати свій час. Ви все одно упустите якусь помилку. Набагато простіше й швидше використовувати спеціальні сервіси-валідатори.
Рекомендуємо від себе офіційні інструменти Google: Rich Results Test (перевіряє, чи відповідає розмітка вимогам для розширених сніпетів саме в Google Search) і Schema Markup Validator (загальна перевірка синтаксису за стандартом Schema.org, без прив’язки до конкретних функцій Google). Для більшості завдань варто починати саме з Rich Results Test.
В принципі ви можете використовувати й інші валідатори, які знайдете в інтернеті. Наприклад, той же Schema.org чудово справляється з цим завданням. Якщо фірмовий інструмент Google вам із якоїсь причини не підходить, можете розглянути його – різниці в результатах, найімовірніше, не буде.
Підсумок
Підсумовуючи, можемо сказати, що JSON LD – це лише один із багатьох варіантів мікророзмітки. Але він справді вважається одним із найкращих. Навіть якщо порівнювати його з популярним Schema.org.
І тут у вас може виникнути логічне питання: «Чи варто впроваджувати JSON, якщо я вже використовую іншу мікророзмітку?». У більшості випадків такої потреби немає. Пошуковики чудово читають й інші формати, тому перехід на JSON тільки додасть вам роботи, але може не здійснити особливого впливу.
А от якщо ви взагалі не використовуєте мікророзмітку й лише вибираєте слушний варіант, тоді ми радимо саме JSON. Недаремно ж Google рекомендує його з 2014 року!
FAQ
Що таке JSON-LD простими словами?
JSON-LD – це формат мікророзмітки, який дозволяє передавати пошуковим системам структуровані дані про сторінку у вигляді окремого блоку коду <script type=”application/ld+json”>, вбудованого в тег <head>. На відміну від Schema.org чи Microdata розмітка не «розсипана» по тексту сторінки, а зібрана в одному місці, видима лише пошуковим роботам, а не користувачам.
Чим JSON-LD краще за Schema.org та Microdata?
Головна перевага – зручність впровадження й подальшої підтримки. Код JSON-LD розміщується окремим блоком у <head>, тому його легко знайти, відредагувати, замінити чи видалити, не втручаючись у структуру самої сторінки. Крім того, Google офіційно рекомендує саме цей формат із 2014 року.
Куди вставляти код JSON-LD на сторінці?
Рекомендоване місце – тег <head> сторінки, всередині блоку <script type=”application/ld+json”>. Технічно код працюватиме і в тегу <body>, але для зручності подальшої підтримки й відповідно до рекомендацій Google варто дотримуватися саме <head>.
Чи впливає мікророзмітка JSON-LD напряму на позиції сайту в пошуку?
Ні, мікророзмітка сама по собі не є прямим фактором ранжування Google. Її роль інша: вона допомагає пошуковій системі краще зрозуміти зміст сторінки й за певних умов сформувати розширений сніпет (rich result), що підвищує клікабельність (CTR). Втім, варто враховувати, що не всі типи розмітки гарантують розширене відображення. Наприклад, 7 травня 2026 року Google повністю прибрав сніпети для FAQPage, хоча сама структура залишилася технічно валідною.
Іванина Роман
