Удосконалюйте результати пошуку за допомогою Rich Snippets & Schema.org Vocabulary

Структуровані дані дозволяє представити ваші результати пошуку більш наочно і інформативно. За даними дослідження Searchmetrics, додавання структуризованих даних до веб-сайту призводить до збільшення результатів пошуку Google на 36%.

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

Структуровані дані призводять до покращення результатів пошуку з двох основних причин:

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

Словник Schema.org

Якщо ви хочете мати багаті фрагменти для вашого власного сайту, вам потрібно додайте структуровані дані до вашої HTML-розмітки. Структуровані дані використовують словник schema.org що дозволяє інформувати пошукові системи про характер вашого вмісту.

Schema.org це ініціатива Google, Bing і Yahoo, яка прагне забезпечити набір схем для опису різних видів веб-контенту, щоб пошукові системи могли краще їх зрозуміти.

Словник Schema.org організований у форматі a дворівнева ієрархія:

Типи: різні види веб-контенту, вони організовані у власну ієрархію
Властивості: кожен тип має певну кількість властивостей

Перший рівень типів

Річ є найпоширеніший елемент у словнику schema.org це родоначальник всіх інших типів.

Другий рівень типів

The Другий рівень типів є трохи більш конкретним, і містить Подія, Дія, Нематеріальні, CreativeWork, Місце, Організація, Продукт, і Людина Типи. Також існує окрема річ другого рівня, яка доступна як розширення schema.org; це Медичнийантит Тип.

Третій рівень типів

Кожен другий рівень типу містить деякі або кілька типів третього рівня, наприклад, один з підтипів CreativeWork - це Огляд Тип. Зауважте, що більш конкретні типи (другий і третій рівень) успадковувати властивості свого батька (а також дідусь у разі третього рівня).

Наведене нижче зображення було опубліковано в офіційному блозі схем, і він візуалізує ієрархію словника schema.org.

Знайдіть потрібну вам схему

Перегляньте словник, щоб знайти потрібну вам схему. Наприклад, для фрагментів рецептів, які потрібно використовувати, потрібно використовувати Рецепт Тип, який є дитиною CreativeWork. Він має багато властивостей, таких як cookTime, готуванняМетод, рецепт інгредієнта, та інші, а також він успадковує властивості свого батьківського (CreativeWork) і бабусі (Thing).

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

Додайте структуровані дані до вашої розмітки

Як же додати схеми до інтерфейсного коду? Schema.org може використовувати три різні формати. Для того, щоб додати структуровані дані до вашого сайту, потрібно вибрати один. Хоча теоретично ви можете використовувати більше одного формату на одному сайті, це шкодить читабельності коду та ремонтопридатності, тому це не дуже гарна практика.

The трьох основних форматів структурованої розмітки даних такі:

Мікроданні: Це веб-стандарт, який поширює HTML на введення нових атрибутів як от itemprop. Офіційний веб-сайт schema.org має великий посібник щодо використання мікроданих, тому, якщо ви вже знайомі з HTML, цей формат може бути гарним вибором.
RDFa: Довгою формою RDFa є Структура опису ресурсів в атрибутах, і це рекомендація W3C, яка розширює документи HTML, XML і SVG за допомогою набору конкретних атрибутів. Протокол відкритого графіка Facebook також заснований на RDFa, тому, ймовірно, ви вже зіткнулися з ним. Існує версія RDFa Lite для початківців, а також повна версія, яка надає багато можливостей для роботи зі структурованими даними в розробленому вигляді.
JSON-LD: Хоча дві інші опції розширюють розмітку HTML, JSON-LD використовує JSON синтаксис. JSON-LD означає Об'єкт JavaScript для об'єднаних даних, і це формат, який Google Developers рекомендує, оскільки, за їхніми думками, "структурована розмітка даних найлегше представлена у форматі JSON-LD". Вам не потрібно бути JavaScript-експертом для використання JSON, оскільки це проста система позначень, що використовує пари імен-значень.

Можна легко порівняти три формати за допомогою зручної вкладки внизу кожної сторінки типу schema.org.

Приклади трьох форматів schema.org для типу рецепта.

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

Структуровану розмітку даних, яку потрібно додати до вашого коду, є на основі словника schema.org. Якщо ви обираєте мікродані або RDFa, вам потрібно додати додаткові атрибути до звичайних HTML-тегів.

Наприклад з мікроданними, Ви додаєте ім'я Type до контейнера за допомогою itemscope атрибут, і кожна властивість з itemprop атрибут. Ось дуже простий приклад:

  Мій рецепт
  Опис рецепта

І той самий приклад використання RDFa, варто звернути увагу на різні атрибути, які потрібно використовувати тут:

  Мій рецепт
  Опис рецепта

Якщо ви виберете Формат JSON-LD, потрібно розмістити код всередині в голові сторінки HTML. Приклад вище буде виглядати так:

Поради щодо використання структурованих даних

Перевірка розмітки структурованих даних

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

Використовуйте графічні карти Google Knowledge

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

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

Google використовує структуровану розмітку даних Facebook для відображення додаткової інформації в графіку знань.

Використовуйте багаті карти Google

У травні 2016 року компанія Google представила Багаті карти які є "оновленням поточного формату Rich Snippets" та надають цікаві результати пошуку для мобільних пристроїв представлені в каруселях які можна переглядати, прокручуючи ліворуч і праворуч. Google Rich Cards також використовує структуровану інформацію та словник schema.org.

Додайте структуровані дані до електронних листів

Можна використовувати структуровану розмітку даних у ваших електронних листах для того, щоб запустити Google Now Карти для одержувача, Google Developers має великий підручник про те, як це зробити.

Динамічно генерувати структуровані дані

Можна використовувати менеджер тегів Google для динамічно генерувати структуровані дані у форматі JSON-LD, Moz.com навчить вас, як це зробити.