микроформаты максим россомахин

692 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
692
On SlideShare
0
From Embeds
0
Number of Embeds
84
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

микроформаты максим россомахин

  1. 1. Микроформаты — свежий взгляд на семантику веб-страниц РИТ 2007 , 16 апреля 2007, Москва
  2. 2. Докладчик Максим Россомахин , соавтор проекта Webmascon.com
  3. 3. В качестве пролога… ОТКРЫТЫЕ ДАННЫЕ ( Open Data ) Ваш контент не заперт внутри вашего сайта, но доступен и для других: сторонние сервисы могут брать ваш контент (или его часть), собирать его вкупе с аналогичной информацией с других сайтов, перерабатывать в другие формы представления информации и т.п. Хорошим примером такого взаимодействия могут служить так называемые «машапы» - связки Google Maps API и сторонних сервисов.
  4. 4. Открытые данные – аксиома ОТКРЫТЫЕ ДАННЫЕ бессмысленны без открытых стандартов представления информации . Частью этих открытых стандартов представления информации являются микроформаты
  5. 5. Микроформаты как набор широкоиспользуемых технологий <ul><li>1. Использование хорошо известных технологий </li></ul>ОТКРЫТОСТЬ МИКРОФОРМАТОВ базируется на трёх китах: <ul><li>Размещение информации внутри кода веб-страниц </li></ul><ul><li>Запись информации в понятном человеку виде </li></ul>
  6. 6. Известные технологии Микроформаты базируются на стандартизированном неизменённом ( X)HTML: <ul><li>Всё те же элементы : A , DIV , SPAN , ABBR , CITE и т.д. </li></ul><ul><li>Всё те же знакомые атрибуты: class , title , rel , rev . </li></ul>… это позволяет микроформатам легко и непринуждённо внедряться непосредственно в (X)HTML -код веб-страниц.
  7. 7. μ f = (X)HTML + новый контекст
  8. 8. Назначение микроформатов <ul><li>Любой микроформат служит для внедрения в веб-страницу какой-то специфичной дополнительной информации: </li></ul><ul><li>информация о человеке </li></ul><ul><li>местоположение </li></ul><ul><li>связи с другими людьми </li></ul><ul><li>описание товаров и услуг </li></ul><ul><li>преобразование XHTML в RSS и т.п. </li></ul>
  9. 9. Профиль пользователя <ul><li>hCard </li></ul><ul><li>простой и открытый формат представления информации о людях, компаниях, организациях </li></ul>
  10. 10. Местоположение <ul><li>Geo </li></ul><ul><li>формат записи долготы и широты местоположения </li></ul><div class=&quot;geo&quot; > <span class=&quot;latitude&quot; >3.14</span> <span class=&quot;longitude&quot; >2.78</span> </div>
  11. 11. Связи с другими людьми <ul><li>XFN </li></ul><ul><li>позволяет описать взаимоотношения между людьми </li></ul><a href= http :// pepelsbey.net / rel=”colleague met friend” >Вадим Макеев</a>
  12. 12. Описание товаров и услуг <ul><li>hReview </li></ul><ul><li>пригоден для встраивания описаний товаров, услуг, событий и т.д. </li></ul>
  13. 13. Преобразование XHMTL в RSS <ul><li>hAtom </li></ul><ul><li>позволяет хранить в XHTML -файле данные, пригодные для автоматического преобразования в любой из известных RSS- форматов </li></ul>
  14. 14. Классификация микроформатов Микроформаты по своей структуре можно разделить на 2 типа: <ul><li>Элементарные (elemental) микроформаты ( Rel-nofollow , Rel-tag , и другие) </li></ul><ul><li>Составные (compound) микроформаты ( hCard, hReview, GEO, и другие) </li></ul>
  15. 15. Пример простейшего микроформата <a href=&quot;http://example.org&quot; rel= &quot; nofollow &quot; > Некая ссылка </a> Обычная гиперссылка? Верно. Однако простым добавлением rel= &quot; nofollow &quot; мы указываем, что поисковому боту не следует учитывать её в поисковой выдаче. (Вы только что узнали о микроформате R el-nofollow , который поддерживают Google и Yahoo Search ).
  16. 16. Пример составного микроформата (hCard) <div class=&quot;vcard&quot; > <h3 class=&quot;fn n&quot; > <span class=&quot;given-name&quot; >Максим</span> <span class=&quot;family-name&quot; >Россомахин</span> </h3> <div class=&quot;title&quot; >Верстальщик</div> <dl> <dt>Web Page:</dt> <dd><a class=&quot;url&quot; href=&quot;http:// webmascon .com&quot;> Webmascon </a></dd> </dl> </div>
  17. 17. Комбинирование микроформатов Микроформаты можно объединять друг с другом, получая более сложные конструкции. Рассмотрим объединение Rel-nofollow и VoteLink : <a href=&quot;http://example.com/product/1/&quot; rel=&quot;nofollow&quot; rev=&quot;vote-against&quot; >Это худщий товар из всех!</a> Этим мы хотим сказать, что ссылка ведёт на страницу, содержимое которой нам очень не нравится, и мы не хотим, чтобы поисковики проиндексировали её.
  18. 18. Особенности технологии μ f <ul><li>основаны полностью на XHTML </li></ul><ul><li>расширение микроформатов ограничено возможностями XHTML </li></ul><ul><li>возможность внедрять уже сейчас </li></ul><ul><li>простота внедрения и комбинирования </li></ul><ul><li>оптимальное и эффективное приспособление каждого микроформата для своей уникальной задачи </li></ul>
  19. 19. Чем не являются μ f <ul><li>это не новый язык </li></ul><ul><li>невозможно выйти за рамки ограничений, налагаемых элементным составом XHTML </li></ul><ul><li>это не универсальное средство решения проблем семантической Сети </li></ul>
  20. 20. Вопрос вопросов: почему не XML? ОТВЕТ : А вы попробуйте внедрить его в веб-страницы здесь и сейчас.
  21. 21. Кто использует микроформаты ?
  22. 22. Основные проблемы <ul><li>Не хватает средств обработки микроконтента </li></ul><ul><li>Отсутствие валидатора микроформатов </li></ul><ul><li>Слабая поддержка браузерами </li></ul>
  23. 23. Дополнительная информация <ul><li>http ://microformats.org/ — официальный сайт </li></ul><ul><li>http:// feeds.technorati.com/feed/posts/tag/microformats </li></ul><ul><li>http://www.habrahabr.ru/blog/microformats/ </li></ul>
  24. 24. Спасибо за внимание Доклад окончен.

×