Мікродані (HTML)
Мікродані — це специфікація HTML WHATWG, яка використовується для вкладення метаданих у наявний вміст на веб-сторінках.[1] Пошукові системи, веб-сканери та браузери можуть витягувати й обробляти мікродані з веб-сторінки та використовувати їх, щоб надати користувачам більш широкий досвід перегляду. Пошукові системи дуже виграють від прямого доступу до цих структурованих даних, оскільки це дозволяє їм розуміти інформацію на веб-сторінках і надавати користувачам більш релевантні результати. [2][3] Microdata використовує допоміжний словник для опису пар елемента та імені-значення, щоб призначити значення його властивостям.[4] Мікродані – це спроба надати простіший спосіб анотування елементів HTML машиночитаними тегами, ніж аналогічні підходи використання RDFa та мікроформатів.
У 2013 році, оскільки робоча група W3C HTML не знайшла редактора специфікації Microdata HTML, її розробка була завершена «Примітка».[5][6] Однак з того часу було обрано двох нових редакторів і опубліковано п’ять новіших версій робочого проекту, [7] [8] [9] [10] останньою є робочий проект W3C від 26 квітня 2018 року.[10]
Словники
Словники мікроданих не надають семантику або значення елемента.[11] Веб-розробники можуть створити власний словник або використовувати словники, доступні в Інтернеті. Набір загальновживаних словників розмітки надається схемами Schema.org, які включають: Person, "Place", Event, Organization, Product, Review, Review-aggregate, Breadcrumb, Offer, Offer-aggregate. Веб-сайт schema.org був створений такими операторами пошукових систем, як Google, Microsoft, Yahoo!, і Яндекс, які використовують розмітку мікроданих для покращення результатів пошуку.[12]
Для деяких цілей достатньо спеціального словникового запасу. Для інших необхідно створити словниковий запас. Якщо можливо, авторам рекомендується повторно використовувати наявні словники, оскільки це полегшує повторне використання вмісту.[1]
Локалізація
У деяких випадках пошукові системи, що охоплюють певні регіони, можуть надавати локальні розширення мікроданих. Наприклад, Яндекс, головна пошукова система в Росії, підтримує такі мікроформати, як hCard (контактна інформація компанії), hRecipe[en] (рецепт їжі), hReview[en] (огляди ринку) і hProduct[en] (дані про товари) і надає власний формат визначення термінів. та енциклопедичні статті. Це розширення було зроблено для вирішення проблем транслітерації між кирилицею та латиницею. Після впровадження додаткових параметрів зі словника Schema[13] індексація інформації на російськомовних веб-сторінках стала більш успішною.
Глобальні атрибути
itemscope
– створює елемент і вказує, що нащадки цього елемента містять інформацію про нього.[1]itemtype
– дійсна URL-адреса словника, що описує елемент і контекст його властивостей.itemid
– вказує унікальний ідентифікатор елемента.itemprop
– вказує, що його тег містить значення вказаної властивості елемента. Назва властивості та контекст значення описуються словником елемента. Значення властивостей зазвичай складаються з рядкових значень, але також можна використовувати URL -адреси, що використовують елементa
та йогоhref
, елементimg
та його атрибутsrc
або інші елементи, які посилаються на зовнішні ресурси або вбудовують їх.[1]itemref
– властивості, які не є нащадками елемента з атрибутомitemscope
, можуть бути пов’язані з елементом за допомогою цього атрибута. Надає список ідентифікаторів елементів (а неitemid
) з додатковими властивостями в іншому місці документа.datetime
– вказує дату або тривалість, як визначено стандартом ISO 8601.
Приклад
Таку розмітку HTML5 можна знайти на типовій сторінці «Про мене», яка містить інформацію про особу:
<section> Hello, my name is John Doe, I am a graduate research assistant atthe University of Dreams.My friends call me Johnny. You can visit my homepage at <a href="http://www.JohnnyD.com">www.JohnnyD.com</a>.I live at 1234 Peach Drive, Warner Robins, Georgia.</section>
Ось така сама розмітка з доданими мікроданими Schema.org[14][15][16]:
<section itemscope itemtype="http://schema.org/Person"> Hello, my name is <span itemprop="name">John Doe</span>, I am a <span itemprop="jobTitle">graduate research assistant</span> at the <span itemprop="affiliation">University of Dreams</span>. My friends call me <span itemprop="additionalName">Johnny</span>. You can visit my homepage at <a href="http://www.JohnnyD.com" itemprop="url">www.JohnnyD.com</a>. <section itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">I live at <span itemprop="streetAddress">1234 Peach Drive</span>,<span itemprop="addressLocality">Warner Robins</span>,<span itemprop="addressRegion">Georgia</span>.</section></section>
Як показує наведений вище приклад, елементи мікроданих можуть бути вкладеними. У цьому випадку елемент типу http://schema.org/PostalAddress вкладений всередині елемента типу http://schema.org/Person.
У наведеному нижче тексті показано, як Google аналізує мікродані з наведеного вище прикладу коду. Розробники можуть тестувати сторінки, що містять мікродані, за допомогою інструмента тестування Rich Snippet Testing від Google.[17]
Пункт Тип: http://schema.org/Person name = John Doe jobTitle = graduate research assistant affiliation = University of Dreams additionalName = Johnny url = http://www.johnnyd.com/ адреса = елемент(1)Пункт 1 Тип: http://schema.org/PostalAddress streetAddress = 1234 Peach Drive addressLocality = Warner Robins addressRegion = Georgia
Ті самі машиночитані терміни можна використовувати не тільки в мікроданих HTML, а й в інших анотаціях, таких як RDFa або JSON-LD в розмітці, або у зовнішньому RDF-файлі в серіалізації, наприклад RDF/XML[en], Notation3[en] або Turtle[en].
Підтримка
- Сервери: Google може[18] використовувати мікродані на своїх сторінках результатів.[17] Це був бажаний формат фрагмента для соціальної мережі Google+. [19]
- Браузери: Станом на липень 2021 , жоден основний браузер не підтримує Microdata DOM API. [20] Opera підтримувала його з версії 11.60 (випущена в 2011 році), але з тих пір прибрала його реалізацію. [21] Firefox видалив його у версії 49. [22]
Див. також
- Семантична мережа
- Мікроформат
- RDFa Lite
- JSON-LD
- Семантичний HTML
- Семантична соціальна мережа[en]
Примітки
Посилання
- Microdata — HTML Draft Standard, WHATWG
- W3C HTML Microdata Working Group Note, W3C
- Almaer, Dion (11 травня 2009), Hixie discusses the addition of HTML5 "microdata", Ajaxian, архів оригіналу за 12 грудня 2009
- HTML5 Microdata Specs, Data-Vocabulary.org