Все, що вам необхідно знати про мікророзмітки schema.org

У даній статті я хочу розповісти вам все про мікророзмітки schema.org. Можна було б прямо у вступі почати розповідати про її важливість при SEO-просуванні сайту, а можна просто вставити мем з Агутіним. Я вибрав другий варіант 🙂

Що таке мікророзмітки?

Якщо говорити коротко і зрозуміло, то мікророзмітки – це єдина схема для семантичної розмітки HTML, яка була визнана такими пошуковими системами, як:

  • Google;
  • Яндекс;
  • Bing;
  • Yahoo!


Складається вона повністю з тегів <span>, <div>, і вмісту в них.

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

Що таке schema.org?

Schema.org є одним з найпопулярніших словників у світі, який, як і інші словники складається з властивостей і наборів класів.

Застосовується schema для формування розширеного сніпету й збільшення релевантності контенту.

Як приклад, дана розмітка описує сторінку з фільмом “Володар кілець: братство кільця”:

В даному сніпеті зверху відображаються хлібні крихти, а знизу інформація про режисера, переклад фільму, якість відео, в які списки фільм входить, а також, посилання на наступну частину та дієві актори. Чи зручно це? Безумовно.

Практикуємося

Для того, щоб самостійно розмітити дані, необхідно зайти на офіційний сайт schema.org (або ж на його русифіковану версію), переходимо в розділ “Schemas”, вибираємо необхідну сутність, вирішуємо які властивості будемо вказувати і, власне, починаємо збирати код.

Типи сутностей

На цей час кількість сутностей, які підтримує Google, перевалює за 50. Найпопулярнішими є:


Не можна пройти повз, не згадавши про три нові види сутностей:

  • HowTo – найкраще використовувати для сторінок з покрокові інструкції.
  • FAQ – добре підходить для сторінок з питанням і відповіддю на певну тему.
  • Q&A – використовується для сторінок на якій на запитання відповідають самі користувачі.


Мікророзмітки FAQ

Для адекватного відображення даної сутності, сторінка повинна відповідати певним критеріям:

  • Контент на сторінці повинен містити перелік питань і, відповідно, відповіді на них.
  • Контент, який розмічений даною мікророзміткою, повинен бути доступний користувачам на вихідній сторінці.
  • Контент повинен бути інформаційним, без будь-якої реклами.
  • Ну, і звичайно ж, в контенті не повинно бути ніякої ненависті, матеріалів сексуального характеру, пропаганди насильства тощо (Все, що Гуглу не подобається)


Розмітка FAQ добре поєднується з такими розмітками як Product і LocalBusiness.

Приклад:

Мікророзмітки HowTo

І знову почнемо з вимог:

  • Кожен етап дій повинен охоплювати весь вміст аналогічного етапу зі сторінки (один етап зі сторінки не можна розмітити на кілька етапів).
  • Ніякої реклами.


Текст самого етапу не є клікабельним, однак за допомогою впровадження в структуровані дані посилань, до кожного кроку можна прив’язати якір, який буде вести на сторінку з даним підрозділом.

Приклад мікророзмітки у видачі:

(До слова, поради на зображенні відмінно підходять для питання “Як закохати в себе пошукову систему”)

Мікророзмітки Q&A

Різниця між цією сутністю і мікророзміткою FAQ в тому, що вона призначена для одного питання і декількох відповідей на нього користувачами, в той час, як у FAQ питання і відповіді вже написані в самому контенті.

Це є одним з головних вимог для даної розмітки, але не варто забувати й про стандартні вимоги (не рекламний контент і відсутність забороненої тематики).

Таким чином, дана мікророзмітка найкраще проявляє себе на сторінках форумів і технічної підтримки.

Не забувайте про те, що при використанні вищезгаданих сутностей користувач може знайти відповідь на своє питання не заходячи на ваш сайт.

Синтаксис

Для розмітки Schema.org можуть застосовуватися такі синтаксиси:

  • JSON-LD;
  • мікроформати;
  • мікродані;
  • RDFa.


Мікроформати є обмеженим і застарілим синтаксисом, тому ми не будемо розглядати його, як і RDFa, який рідко де застосовується (зазвичай в Яндексі).

Мікродані

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

Складається цей синтаксис з вмісту, властивостей і атрибутів для кожного з яких є свої теги:

  • itemscope – описує кожен блок, дає можливість описувати інформацію на рівні сутності;
  • itemtype – необхідний для вказівки типу сутності;
  • itemprop – з його допомогою вказуються додаткові властивості.


Приклад розмітки:

JSON-LD

Варто відразу зауважити, що дана розмітка є кращою для пошукової системи Google.

Ось як вона виглядає в базовому вигляді:

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

Як найлегше зробити розмітку JSON-LD?

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

Ось кілька найпопулярніших:

  • schemaapp.com – платний інструмент з пробним періодом в 14 днів, підтримує всі сутності Schema.org;
  • hallanalysis.com – безкоштовний сервіс, який підтримує 6 сутностей (Local Business, Website, Person, Organization, Product, Event);
  • technicalseo.com – теж безкоштовний сервіс з підтримкою 13 сутностей (крім створення розмітки, ця платформа має ряд корисних інструментів, раджу ознайомитися з ним).

 

Валідація розмітки

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

Перевірка розширених даних від Google

Вставляємо мікророзмітки на сторінку

Після того як ми перевірили код на валідацію, і з ним немає проблем, ми вставляємо його на необхідну сторінку між тегом <head> </ head>.

Впроваджуємо мікророзмітки не використовуючи код

Якщо ви не хочете витрачати багато часу на вибір, написання та впровадження мікророзмітки, ви можете скористатися інструментом від Google під назвою Маркер даних.

Використовуючи цей варіант вам буде необхідно:

  1. Перейти за посиланням зверху, вибрати або підтвердити свій ресурс в Google Search Console.
  2. Вказати URL будь-якої однотипної сторінки сайту, наприклад, сторінку товару в інтернет-магазині.
  3. Вибрати тип інформації і натиснути на кнопку “Почати виділення”.
  4. Після цього завантажиться обрана вами сторінка. Праворуч ви побачите список властивостей, доступних для сутності, яку ви вибрали.
  5. Виділіть потрібний вам рядок і виберіть потрібну властивість у вікні. Таким чином, зробіть розмітку всіх необхідних елементів і натисніть кнопку “Готово”.
  6. Після цього вам буде запропоновано вибрати групу схожих сторінок, яку створила система або створити свою. Після цього натисніть на кнопку “Створити групу сторінок”.
  7. В результаті вам буде запропоновано перевірити правильність розмітки. Натисніть “Опублікувати”, якщо ж у вас є помилки, виправте їх.


Замість висновків

Мікророзмітки Schema.org – класна і потрібна річ, яку не так вже й складно впровадити, особливо, використовуючи спеціальні інструменти та сервіси. Тому обов’язково вставте її на свій сайт, якщо вона у вас досі відсутня.

Хочу подякувати вам за те, що дочитали мою статтю до кінця, і сподіваюся на те, що вона була для вас корисною.