Як використовувати микроданные (microdata) при створенні сайту

Розглянемо питання застосування мікроданих (microdata) для додання свого сайту більшої семантичної значущості і видимості пошуковими системами.

Микроданные або «microdata» — це нововведення, яке було привнесено в світ глобальної мережі з виходом нової редакції стандарту HTML5. Микроданные являють собою компактну надбудову над звичайної HTML-розміткою, є логічно пов’язаними парами «ім’я-значення» і засновані на вміст веб-сторінки. Призначення мікроданих — зробити текст не просто набором слів, але надати йому більше семантичне значення. Це означає, що пошуковий робот, вивчаючи вміст вашого сайту, зможе складати і аналізувати зв’язки між об’єктами, на які ви хочете йому вказати. Звучить занадто складно? Давайте розглянемо приклад, і все відразу стане зрозуміло.

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

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

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

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

Дивіться також:  Як правильно поставити якір HTML

Дитячу виставу «Лускунчик» відбудеться 22 грудня в СК Олімпійський у Москві.р>

А ось так — з микроданными:

itemscope itemtype=»захід»>Дитяче itemprop=»название_мероприятия»>вистава «Лускунчик»рап> відбудеться itemprop=»date»>22 декабрярап> itemprop=»место_проведения»>СК Олимпийскийрап> у Москві.р>

Тут до основних html-тегами додалося кілька нових атрибутів:

  • itemscope — задає область дії блоку мікроданих;
  • itemtype — задає тип мікроданих;
  • itemprop — задає властивості, описувані микроданными.

Наприклад, у нашому випадку пошуковий робот виділить наступну інформацію:

  • тип даних: захід;
  • назва: «Лускунчик»;
  • дата: 22 грудня;
  • місце: СК Олімпійський.

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

Але як пошуковий робот дізнається, що таке взагалі слово «захід»? Для цього потрібно дотримуватися якусь домовленість, щоб всі використовували оин і той же т. н. «словник», з якого можна вибрати відповідний тип мікроданих. В даний час таким словником є сайт schema.orgі ще кілька сайтів, в яких зберігаються загальноприйняті словники мікроданих.

Щоб використовувати ці словники, потрібно спочатку вибрати відповідний тип даних. Типи даних вказуються у вигляді URI. Наприклад, для заходу відповідним типом зі словника буде тип «Event» з URI «http://schema.org/Event». Ця адреса може і не вести на реальну сторінку в інтернеті, він використовується лише для ідентифікації типу мікроданих.

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

itemscope itemtype=»http://schema.org/Event»>Дитячу виставу «Лускунчик»рап> відбудеться itemprop=»startDate»>22 декабрярап> itemprop=»location»>СК Олимпийскийрап> у Москві.р>