Schema Structured Data: що це і як впровадити

Що таке структуровані дані?

Структуровані дані — це фрагменти коду чи розмітки, які додаються до вашого сайту, аби надати пошуковим системам більше інформації та контексту про тип вмісту, який ви пропонуєте.

З іншого боку, Schema — це найпоширеніша «мова» для написання цих кодів і впровадження їх на нашому сайті.

Чому я хотів би додавати більше коду на свій сайт?

Це просто. За допомогою цих фрагментів коду ми спрощуємо роботам інтерпретацію вмісту.

Досі плутаєтеся? Зачекайте, дозвольте навести приклад:

Тут ви бачите статтю, що на вигляд звичайна, але... Усередині коду... Ми надсилаємо ботам таку інформацію:

Це стаття з:

• ›

  заголовком

• ›

  описом

• ›

  датою публікації

• ›

  датою оновлення

• ›

  автором статті

• ›

  ...

Як ви бачите, це впровадження, невидиме для користувача, але здатне надати багато інформації ботам.

Чому Schema важлива для SEO?

Структуровані дані, як ми вже згадували, пропонують можливість структурувати інформацію. Це полегшує сканерам (як-от Google) краще розуміти інформацію, яку вони індексують. Що краще Google розуміє інформацію, яку індексує, то ясніше йому буде, для чого ваш вміст і на який тип пошукового наміру він міг би відповісти. Завдяки цьому Google показуватиме ваш результат для пошукових намірів, більш узгоджених з вашим вмістом, збільшуючи ваш CTR і зменшуючи показник відмов.

Сама перевага, так? Зачекайте, ви ще не прочитали найкращу частину:

Schema і rich snippets

Завдяки цій додатковій інформації, яку ми надаємо Google, він може винагородити нас так званими rich snippets:

У цьому випадку маємо rich snippet product, що робить результат Conforama набагато привабливішим за конкурентів.

Окрім product, Google пропонує нам безліч структурованих даних, які ми можемо використовувати:

Рекомендоване читання = Документація Google про структуровані дані

Слід пам'ятати, що не всі вони запропонують можливість отримати rich results, але вони допоможуть Google краще зрозуміти ваш вміст.

Найпопулярніші такі:

• ›

  Product

• ›

  Article

• ›

  Breadcrumb

І все ж завжди добре поглянути на офіційну документацію, якщо хтось з них добре відповідає вашому сайту. Варто зазначити, що всі перелічені у документації — це те, що Google офіційно каталогізував, але насправді він здатен виявляти і розуміти будь-що, що ви знайдете в каталозі Schema.org. Існує безліч типів розмітки, тож рекомендую використовувати інструмент пошуку (англійською).

Як додати структуровані дані до мого сайту?

Гаразд, ми наближаємось до частини, що може зробити вас трохи нервовішим, якщо ви не любитель коду.

Якщо ми хочемо впровадити розмітку даних на нашому сайті, маємо кілька варіантів:

• ›

  Microdata. Це атрибути та теги, що додаються до HTML-коду нашого сайту.

• ›

  RDFa. Розширення HTML5, сумісне з атрибутами тегів HTML.

• ›

  JSON-LD. Скрипт, що зазвичай додається в head нашого сайту, в якому додано структуровані дані.

Хоч ми маємо ці варіанти, Google рекомендує використовувати JSON-LD за можливості. Особисто я також рекомендую використовувати JSON-LD, оскільки його легше впроваджувати і, у разі потреби, модифікувати чи налагоджувати.

Усе це звучить як китайська грамота?

В офіційній документації ми можемо знайти чимало прикладів, для яких треба лише змінити дані і вставити їх на наш сайт. Приклади можна знайти тут, а потім клацнувши на сторінку прикладу:

Зробивши це, відкриється нова вкладка з офіційним інструментом структурованих даних Google. У ньому буде написано скрипт, і нам треба лише змінити дані і вставити їх на наш сайт (бажано в head).

В інструменті за допомогою зеленої кнопки ви можете валідовувати свій код у разі помилок і отримати коротке повідомлення про те, як його розв'язати.

Усе ще звучить як китайська грамота?

Це нормально, це зазвичай робота програмістів, але у нас є КОЗИР у рукаві для вас (особливо якщо ви використовуєте WordPress):

Як додати Schema до WordPress?

Якщо у вас WordPress і ви не хочете ускладнювати собі життя, можете скористатися плагіном Schema & Structured Data For WP.

Особисто я перепробував чимало плагінів розмітки даних і, без сумніву, залишився з цим. Це легкий і дружній плагін з багатьма опціями.

До того ж, він має систему розмітки даних з багатьма схемами і дуже інтуїтивним помічником на випадок, якщо ми не хочемо ускладнювати:

Більшість безоплатні, але якщо ваш випадок складніший (через тему чи комбінацію плагінів, які ви використовуєте), ціна — близько $15. Сміхотворна ціна, бо якщо матимете будь-яку проблему, розробник виконає встановлення за вас.

Нарешті, якщо вважаєте себе Рембо розмітки, він також має розширені опції, що досить потужні ?

Як валідовувати ваші структуровані дані?

Гаразд, маємо все встановлене і впроваджене, що далі?

Що ж, час валідовувати.

Рекомендований інструмент: Валідація структурованих даних

Для цього скористаємось офіційним інструментом Google. Опинившись усередині, маємо два варіанти: або через URL, або вставивши код безпосередньо:

Моя особиста рекомендація — завжди використовувати спочатку опцію фрагмента коду, а коли все правильно, перенести його на сайт і знову валідовувати з опцією URL.

Ідеальний сценарій виглядає десь так:

0 помилок і 0 попереджень. Це ідеально, але не норма. Якщо у нас є якась помилка чи попередження, нам це повідомлять, і нам треба буде розгорнути, аби прочитати повідомлення і знайти помилку.

Наприклад, у цьому випадку маю помилку (поле price, яке я видалив) і попередження (я видалив поле sku). Сам інструмент зазвичай каже нам, де знаходяться помилки в коді і як їх виправити.

Висновок

Коротко кажучи, з цим впровадженням вам вдасться як збільшити ваш CTR (з rich snippets, які ви зможете досягти), так і переконатися, що пошукові системи можуть краще індексувати та розуміти весь вміст вашого сайту.

Як завжди, з будь-якими сумнівами чи питаннями чекаємо вас у коментарях :)