More Related Content
Similar to ITCrowd 2 - Обзор существующих стандартов разметки и продуктов на ее основе
Similar to ITCrowd 2 - Обзор существующих стандартов разметки и продуктов на ее основе (20)
More from ITCrowd Almaty
More from ITCrowd Almaty (18)
ITCrowd 2 - Обзор существующих стандартов разметки и продуктов на ее основе
- 2. Обзор семантической разметки: стандарты и продукты Дэлия Махмутова, группа Семантического Веба в Яндексе
- 3. Семантическая разметка - что это?
- 4. Разметка - что это? <div itemscope itemtype="http://schema.org/Person"> <span itemprop="name">Юрий Гагарин</span> <img src="gagarin.jpg" itemprop="image"/> <span itemprop="jobTitle">Летчик- космонавт</span> </div>
- 5. Зачем нужна разметка? 5 1. Структурированное отображение в поиске и социальных сетях 2. Передача информации сервисам
- 10. Сниппеты: фильмы
- 13. Другие примеры: социальные сети
- 14. Другие примеры: Google и Bing 14
- 15. Разметка - словари и синтаксис
- 16. Словарь Своеобразный «язык», набор классов и их свойств, с помощью которых указывается суть содержимого на странице. Например, словарь определяет, с помощью какого термина указывать название — «name», «title» или «n».
- 17. Schema.org <div itemscope itemtype="http://schema.org/Person"> <span itemprop="name">Юрий Гагарин</span> <img src="gagarin.jpg" itemprop="image"/> <span itemprop="jobTitle">Летчик- космонавт</span> </div>
- 18. Open Graph <html prefix="og: http://ogp.me/ns# profile: http://ogp.me/ns/profile#"> <head> <meta property="og:title" content="Юрий Гагарин" /> <meta property="og:type" content="profile" /> <meta property="og:url" content="http://example.com/Гагарин"/> <meta property="og:image" content="http://example.com/" /> <meta property="profile:first_name" content="Юрий" /> <meta property="profile:last_name" content="Гагарин" /> </head> ... </html>
- 19. Синтаксис Синтаксис - это способ использования такого языка, т.е. словаря. Он определяет, с помощью каких тегов и как будут указываться сущности и их свойства, например, на веб-страницах.
- 20. Microdata <div itemscope itemtype="http://schema.org/Person"> <span itemprop="name">Юрий Гагарин</span> <img src="gagarin.jpg" itemprop="image"/> <span itemprop="jobTitle">Летчик- космонавт</span> </div>
- 21. RDFa <html prefix="og: http://ogp.me/ns# profile: http://ogp.me/ns/profile#"> <head> <meta property="og:title" content="Юрий Гагарин" /> <meta property="og:type" content="profile" /> <meta property="og:url" content="http://example.com/Гагарин"/> <meta property="og:image" content="http://example.com/" /> <meta property="profile:first_name" content="Юрий" /> <meta property="profile:last_name" content="Гагарин" /> </head> ... </html>
- 22. JSON-LD 22 <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>
- 23. Микроформаты <div class="vcard"> <img class="photo" src="http://example.com/gagarin.jpg" /> <strong class="fn">Юрий Гагарин</strong> <span class="title">Летчик-космонавт</span> <span class="org">Военно-воздушные силы СССР</span> <a class="url" href=http://example.com/Гагарин>Страница Ю.Гагарина</a> <span class="note">Первый человек в космосе</span> </div>
- 25. Самые популярные стандарты Open Graph в RDFaSchema.org в Microdata
- 26. 26
- 27. Что еще?
- 28. Полезные ссылки Статьи на Хабре http://habrahabr.ru/users/deliya/topics/ Пост в блоге Яндекса http://blog.yandex.ru/post/86368/ Хелп http://help.yandex.ru/webmaster/schema-org/what-is-schema- org.xml Валидатор микроразметки http://webmaster.yandex.ru/microtest.xml
- 29. Контакты delkin@yandex- team.ru deliya.makhmutova Дэлия Махмутова Группа Семантического Веба в Яндексе
- 30. Cпасибо!