deliya May 6 2014 at 14:08

Сложный и противоречивый мир синтаксиса микроразметки. Почему стандартов так много? Опыт Яндекса

7 min

52K

Яндекс corporate blogSemantics*IT Standards*

+81

Comments 34

datacompboy May 6 2014 at 14:25

Что только не придумают, лишь бы не искусственный интеллект…

risik May 6 2014 at 14:43

Простите. Но хоббит не должен был быть выше гнома. :)

Color May 6 2014 at 15:01

По какому стандарту? :-)

AterCattus May 6 2014 at 15:18

По википедии так и выходит)

Хоббиты… около 3-х футов (порядка 90 сантиметров)
… гномы коренасты и широкоплечи (рост — 4,5—5 футов, то есть 1,4—1,5 м)

risik May 6 2014 at 17:01

:) Ну тогда переформулирую:
Хоббит не должен быть выше гнома независимо от применяемых стандартов назначения стилей форматирования!

estudante May 6 2014 at 15:13

Там и Бильбо вместо Фродо, и ЛеголаЗ :)

anton May 6 2014 at 15:38

Что делает картинку только ближе к положению дел в стандартах семантической разметки

+12

Tiendil May 6 2014 at 15:23

И такой бардак во всём фронтенде…

+14

wmas May 6 2014 at 17:14

Подскажите, как решить проблему с itemscope в XHTML? Вариант itemscope=«itemscope», как я понял, для поискового робота не катит?

deliya May 6 2014 at 17:40

Парсер Яндекса вариант с itemscope=«itemscope» поймет и обработает

wmas May 6 2014 at 18:44

грешил на это, но просто не могу понять вот этой ошибки:

Хотелось бы более информативного сообщения. Специально прошелся по всем имеющимся itemprop в HTML-коде страницы, но ничего кроме перечисленного не нашел. Может это результат конфликта включения Person в BlogPosting?

elderos May 6 2014 at 22:42

А покажите html

wmas May 6 2014 at 23:00

Ну, в картинке есть URL-адрес, предпоследний параметр (url), а выкладывать HTML-код всей веб-страницы, это как-то… даже не знаю.

elderos May 6 2014 at 23:08

Достаточно ссылки на pastebin :-)

wmas May 6 2014 at 23:17

pastebin.com/dWMtEx3A

elderos May 6 2014 at 23:13

Я думаю это из-за itemprop='blogPost', потому что непонятно, чьего объекта это пропертя

wmas May 6 2014 at 23:28

Да, ошибка исчезла, спасибо. Но с другой стороны этот атрибут описан в schema.org, вот: schema.org/blogPost — или я чего-то неправильно понял или подразумевается его использование во внутреннем контейнере с itemtype?

elderos May 6 2014 at 23:31

Эта пропертя должна использоваться в объекте типа schema.org/Blog
Надо объявить его выше в дереве, тогда всё будет ок

wmas May 7 2014 at 00:05

Спасибо, действительно всё так и есть… надо было лишь понять логику такой особенности разметки.

ha2bj May 6 2014 at 18:26

Не проходит проверку:

<div class="event" itemscope itemtype="http://schema.org/Event">
        <meta itemprop="startDate" content="2014-05-06T00:00:00+04:00"/>
        <meta itemprop="endDate" content="2014-06-03T00:00:00+04:00"/>
        <meta itemprop="interactionCount" content="UserComments:0"/>
        <meta itemprop="interactionCount" content="UserLikes:0"/>
        <meta itemprop="interactionCount" content="UserPageVisits:12"/>
</div>

хотя в schema.org/UserInteraction есть

vp_arth May 6 2014 at 18:47

Тут дело в том, есть ли это свойство в Event… вы же его задали в scope
Upd: я его и в UserInteraction не вижу…

vp_arth May 6 2014 at 18:56

Вот такой пример работает:

<div itemscope itemtype="http://schema.org/Article">
  <span itemprop="name">How to Tie a Reef Knot</span>
  by <span itemprop="author">John Doe</span>
  This article has been tweeted 1203 times and contains 78 user comments.
  <meta itemprop="interactionCount" content="UserTweets:1203"/>
  <meta itemprop="interactionCount" content="UserComments:78"/>
</div>

Потому что в схеме Article есть такое свойство

dm9 May 6 2014 at 22:24

Использую meta og:image, т. к. это необходимо для указания нормальной картинки фейсбуку при лайке. Ну и ещё какие-то og-теги для дефолтного текста в твиттер и т. п. Теперь буду знать, что я использую стандарт RDFa :-).

Благодаря статье заметил, что у меня в проекте не указан префикс <html prefix="og: ogp.me/ns#">. Интересно, кто-то этот префикс проверяет вообще? Все соцсети и так парсят всё нормально. Есть подозрение, что если использовать не og:, они перестанут работать.

Я правильно понимаю, что только RDFa позволяет «разметить» всю страницу сразу через теги в <head>? А остальные стандарты размечают только конкретный кусок HTML?

elderos May 6 2014 at 23:23

Там емнип была интересная история с этим rdfa (могу врать): опенграф появился сначала, а потом создатели rdfa сделали rdfa таким, чтобы опенграф в него попадал. А префикс вроде как по дефолту включен.

Tilid May 8 2014 at 12:34

На самом деле в <head> можно размещать не только атрибуты RDFa. Например, вы можете передать все данные об объектах, которые есть на странице в <head> с помощью JSON-LD
Как-то так

<!DOCTYPE html>
<html>
 <head>
   <script type="application/ld+json">{
     "@context": "http://json-ld.org/contexts/person.jsonld",
     "@id": "http://dbpedia.org/resource/John_Lennon",
      "name": "Джон Леннон",
      "born": "1940-10-09",
      "spouse": "http://dbpedia.org/resource/Cynthia_Lennon"
    } 
   </script>
 <head>

beduin01 May 7 2014 at 08:47

Какой итог? Какой стандарт использовать на перспективу?

ISpy May 7 2014 at 11:56

Я для себя сделал вывод — использовать Microdata и Opengraph RDFa. Собственно к этому я и склонялся ранее, но данный пост всё расставил по полочкам. За ссылку на Lenta.ru — автору большое спасибо, отличный пример где можно подсмотреть что и как выглядит вживую.

Sutry Jun 3 2014 at 20:13

Достаточно долго выбирал для себя стандарт микроразметки — и благодаря именно этой статье остановился на microdata.
Сейчас думаю — стоит ли убрать на своих проектах на Друпале модуль RDFa или таки пока оставить…

Nashev Sep 4 2014 at 18:31

RDFa вроде перспективнее и шире, лучше оставить его и использовать со словарём Schema.org.
Да и в примерах на самой Schema.org он смотрится аккуратнее…

Sutry Sep 5 2014 at 01:54

Ну незнаю — если смотреть код страницы — то мне как-раз микродата кажется более структурированной, понятной и аккуратной… Хотя дело вкуса, тут важнее кто и насколько полно поддерживает эти стандарты (ПС). ИМХО — все-же микродата+схема.орг выглядят интереснее…

wartur Jun 11 2015 at 21:52

Отличная вводная статья. Пасиба друг Яндекс.

Finesse Dec 2 2015 at 08:34

С недавнего времени валидатор Яндекса стал игнорировать атрибуты itemscope и itemtype, указанные в тэге . Это ошибка или намеренное нововведение? Если намеренное, то какие у него причины?

Methos Mar 3 2017 at 15:37

Так вам и ответят.

Finesse Mar 3 2017 at 17:24

В комментарии был указан тэг body, но куда-то исчез. Сейчас валидатор работает нормально.