SlideShare une entreprise Scribd logo
1  sur  24
Микроформаты — свежий взгляд на семантику  веб-страниц РИТ 2007 , 16 апреля 2007, Москва
Докладчик Максим Россомахин , соавтор проекта  Webmascon.com
В качестве пролога… ОТКРЫТЫЕ ДАННЫЕ ( Open Data ) Ваш контент не заперт внутри вашего сайта, но доступен и для других: сторонние сервисы могут брать ваш контент (или его часть), собирать его вкупе с аналогичной информацией с других сайтов, перерабатывать в другие формы представления информации и т.п. Хорошим примером такого взаимодействия могут служить так называемые «машапы» - связки  Google Maps API  и сторонних сервисов.
Открытые данные  –  аксиома ОТКРЫТЫЕ ДАННЫЕ  бессмысленны без открытых стандартов представления информации . Частью этих открытых стандартов представления информации являются  микроформаты
Микроформаты как набор широкоиспользуемых технологий ,[object Object],ОТКРЫТОСТЬ МИКРОФОРМАТОВ  базируется на трёх китах: ,[object Object],[object Object]
Известные технологии Микроформаты базируются на стандартизированном неизменённом ( X)HTML: ,[object Object],[object Object],…  это позволяет микроформатам легко и непринуждённо внедряться непосредственно в  (X)HTML -код веб-страниц.
μ f  = (X)HTML +  новый контекст
Назначение микроформатов ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Профиль пользователя ,[object Object],[object Object]
Местоположение ,[object Object],[object Object],<div  class=&quot;geo&quot; > <span  class=&quot;latitude&quot; >3.14</span> <span  class=&quot;longitude&quot; >2.78</span> </div>
Связи с другими людьми  ,[object Object],[object Object],<a href= http :// pepelsbey.net /   rel=”colleague met friend” >Вадим Макеев</a>
Описание товаров и услуг  ,[object Object],[object Object]
Преобразование  XHMTL  в  RSS   ,[object Object],[object Object]
Классификация микроформатов Микроформаты по своей структуре можно разделить на 2 типа: ,[object Object],[object Object]
Пример простейшего микроформата <a href=&quot;http://example.org&quot;   rel= &quot; nofollow &quot; > Некая ссылка </a> Обычная гиперссылка? Верно. Однако простым добавлением  rel= &quot; nofollow &quot;  мы указываем, что поисковому боту не следует учитывать её в поисковой выдаче. (Вы только что узнали о микроформате  R el-nofollow ,  который поддерживают  Google  и  Yahoo Search ).
Пример составного микроформата  (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>
Комбинирование микроформатов Микроформаты можно объединять друг с другом, получая более сложные конструкции. Рассмотрим объединение  Rel-nofollow  и  VoteLink   : <a href=&quot;http://example.com/product/1/&quot;  rel=&quot;nofollow&quot;   rev=&quot;vote-against&quot; >Это худщий товар из всех!</a> Этим мы хотим сказать, что ссылка ведёт на страницу, содержимое которой нам очень не нравится, и мы не хотим, чтобы поисковики проиндексировали её.
Особенности технологии  μ f   ,[object Object],[object Object],[object Object],[object Object],[object Object]
Чем не являются  μ f   ,[object Object],[object Object],[object Object]
Вопрос вопросов: почему не  XML? ОТВЕТ : А вы попробуйте внедрить его в веб-страницы здесь и сейчас.
Кто использует микроформаты ?
Основные проблемы ,[object Object],[object Object],[object Object]
Дополнительная информация ,[object Object],[object Object],[object Object]
Спасибо за внимание Доклад окончен.

Contenu connexe

En vedette

Data insight e-travel2013
Data insight e-travel2013Data insight e-travel2013
Data insight e-travel2013Media Gorod
 
Ruby on Rails снижаем стоимость разработки
Ruby on Rails снижаем стоимость разработкиRuby on Rails снижаем стоимость разработки
Ruby on Rails снижаем стоимость разработкиMedia Gorod
 
настройка Free Bsd для обслуживания 100 200 тысяч соединений игорь сысоев
настройка Free Bsd для обслуживания 100 200 тысяч соединений   игорь сысоевнастройка Free Bsd для обслуживания 100 200 тысяч соединений   игорь сысоев
настройка Free Bsd для обслуживания 100 200 тысяч соединений игорь сысоевMedia Gorod
 
исследование рынка разработки сайтов андрей терехов
исследование рынка разработки сайтов   андрей тереховисследование рынка разработки сайтов   андрей терехов
исследование рынка разработки сайтов андрей тереховMedia Gorod
 
Iway slides e-travel_2013-11_ready
Iway slides e-travel_2013-11_readyIway slides e-travel_2013-11_ready
Iway slides e-travel_2013-11_readyMedia Gorod
 
Оптимизация времени загрузки сайта: проблемы и решения
Оптимизация времени загрузки сайта: проблемы и решенияОптимизация времени загрузки сайта: проблемы и решения
Оптимизация времени загрузки сайта: проблемы и решенияMedia Gorod
 
Как веб-студии себе СУП выбирали
Как веб-студии себе СУП выбиралиКак веб-студии себе СУП выбирали
Как веб-студии себе СУП выбиралиMedia Gorod
 
преодоление кроссдоменных ограничений средствами александр сергеев
преодоление кроссдоменных ограничений средствами   александр сергеевпреодоление кроссдоменных ограничений средствами   александр сергеев
преодоление кроссдоменных ограничений средствами александр сергеевMedia Gorod
 

En vedette (8)

Data insight e-travel2013
Data insight e-travel2013Data insight e-travel2013
Data insight e-travel2013
 
Ruby on Rails снижаем стоимость разработки
Ruby on Rails снижаем стоимость разработкиRuby on Rails снижаем стоимость разработки
Ruby on Rails снижаем стоимость разработки
 
настройка Free Bsd для обслуживания 100 200 тысяч соединений игорь сысоев
настройка Free Bsd для обслуживания 100 200 тысяч соединений   игорь сысоевнастройка Free Bsd для обслуживания 100 200 тысяч соединений   игорь сысоев
настройка Free Bsd для обслуживания 100 200 тысяч соединений игорь сысоев
 
исследование рынка разработки сайтов андрей терехов
исследование рынка разработки сайтов   андрей тереховисследование рынка разработки сайтов   андрей терехов
исследование рынка разработки сайтов андрей терехов
 
Iway slides e-travel_2013-11_ready
Iway slides e-travel_2013-11_readyIway slides e-travel_2013-11_ready
Iway slides e-travel_2013-11_ready
 
Оптимизация времени загрузки сайта: проблемы и решения
Оптимизация времени загрузки сайта: проблемы и решенияОптимизация времени загрузки сайта: проблемы и решения
Оптимизация времени загрузки сайта: проблемы и решения
 
Как веб-студии себе СУП выбирали
Как веб-студии себе СУП выбиралиКак веб-студии себе СУП выбирали
Как веб-студии себе СУП выбирали
 
преодоление кроссдоменных ограничений средствами александр сергеев
преодоление кроссдоменных ограничений средствами   александр сергеевпреодоление кроссдоменных ограничений средствами   александр сергеев
преодоление кроссдоменных ограничений средствами александр сергеев
 

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

семинар I context
семинар I contextсеминар I context
семинар I contextSEMonline .Ru
 
Php Conf2007 Mapscript
Php Conf2007 MapscriptPhp Conf2007 Mapscript
Php Conf2007 MapscriptSlach
 
Структура html документа
Структура html документаСтруктура html документа
Структура html документаAndrey Radionov
 
XForms новое поколение веб-форм
XForms новое поколение веб-формXForms новое поколение веб-форм
XForms новое поколение веб-формAlexander Anokhin
 
СПИК 2011: Семантический веб: новая эра контекстной рекламы против паранойи с...
СПИК 2011: Семантический веб: новая эра контекстной рекламы против паранойи с...СПИК 2011: Семантический веб: новая эра контекстной рекламы против паранойи с...
СПИК 2011: Семантический веб: новая эра контекстной рекламы против паранойи с...Vitaly Yushkevich
 
Выгрузка / считывание данных с карты водителя
Выгрузка / считывание данных с карты водителяВыгрузка / считывание данных с карты водителя
Выгрузка / считывание данных с карты водителяТрайМАКтек / TryMAKtech
 
Применение TDD при разработке веб-сервисов
Применение TDD при разработке веб-сервисовПрименение TDD при разработке веб-сервисов
Применение TDD при разработке веб-сервисовMagecom Ukraine
 
Инфраструктура Big data - от источников до быстрых витрин - версия для МИСиС
Инфраструктура Big data - от источников до быстрых витрин - версия для МИСиСИнфраструктура Big data - от источников до быстрых витрин - версия для МИСиС
Инфраструктура Big data - от источников до быстрых витрин - версия для МИСиСYury Petrov
 
How to become a Data Scientist
How to become a Data Scientist How to become a Data Scientist
How to become a Data Scientist Irina Radchenko
 
Django шахрай. версия 4
Django шахрай. версия 4Django шахрай. версия 4
Django шахрай. версия 4smikler
 
Distributed nets
Distributed netsDistributed nets
Distributed netszagru
 
Open protocols as base for social distributed networks
Open protocols as base for social distributed networksOpen protocols as base for social distributed networks
Open protocols as base for social distributed networksТранслируем.бел
 
!2hl++2008 Restful Architechture
!2hl++2008 Restful Architechture!2hl++2008 Restful Architechture
!2hl++2008 Restful ArchitechtureOntico
 
RESTful Architechture (Highload++ 2008)
RESTful Architechture (Highload++ 2008)RESTful Architechture (Highload++ 2008)
RESTful Architechture (Highload++ 2008)Sergey Skvortsov
 
Выгрузка / считывание данных с карты водителя
Выгрузка / считывание данных с карты водителяВыгрузка / считывание данных с карты водителя
Выгрузка / считывание данных с карты водителяТрайМАКтек / TryMAKtech
 
Сео требования для верстальщиков и программистов.
Сео требования для верстальщиков и программистов.Сео требования для верстальщиков и программистов.
Сео требования для верстальщиков и программистов.Kostik Czu
 

Similaire à микроформаты максим россомахин (20)

Hpc Day
Hpc DayHpc Day
Hpc Day
 
XML Schema
XML SchemaXML Schema
XML Schema
 
семинар I context
семинар I contextсеминар I context
семинар I context
 
Php Conf2007 Mapscript
Php Conf2007 MapscriptPhp Conf2007 Mapscript
Php Conf2007 Mapscript
 
Структура html документа
Структура html документаСтруктура html документа
Структура html документа
 
XForms новое поколение веб-форм
XForms новое поколение веб-формXForms новое поколение веб-форм
XForms новое поколение веб-форм
 
СПИК 2011: Семантический веб: новая эра контекстной рекламы против паранойи с...
СПИК 2011: Семантический веб: новая эра контекстной рекламы против паранойи с...СПИК 2011: Семантический веб: новая эра контекстной рекламы против паранойи с...
СПИК 2011: Семантический веб: новая эра контекстной рекламы против паранойи с...
 
Выгрузка / считывание данных с карты водителя
Выгрузка / считывание данных с карты водителяВыгрузка / считывание данных с карты водителя
Выгрузка / считывание данных с карты водителя
 
Шаблонизация
ШаблонизацияШаблонизация
Шаблонизация
 
Применение TDD при разработке веб-сервисов
Применение TDD при разработке веб-сервисовПрименение TDD при разработке веб-сервисов
Применение TDD при разработке веб-сервисов
 
Инфраструктура Big data - от источников до быстрых витрин - версия для МИСиС
Инфраструктура Big data - от источников до быстрых витрин - версия для МИСиСИнфраструктура Big data - от источников до быстрых витрин - версия для МИСиС
Инфраструктура Big data - от источников до быстрых витрин - версия для МИСиС
 
How to become a Data Scientist
How to become a Data Scientist How to become a Data Scientist
How to become a Data Scientist
 
Django шахрай. версия 4
Django шахрай. версия 4Django шахрай. версия 4
Django шахрай. версия 4
 
Net 3.0 & Linq
Net 3.0 & LinqNet 3.0 & Linq
Net 3.0 & Linq
 
Distributed nets
Distributed netsDistributed nets
Distributed nets
 
Open protocols as base for social distributed networks
Open protocols as base for social distributed networksOpen protocols as base for social distributed networks
Open protocols as base for social distributed networks
 
!2hl++2008 Restful Architechture
!2hl++2008 Restful Architechture!2hl++2008 Restful Architechture
!2hl++2008 Restful Architechture
 
RESTful Architechture (Highload++ 2008)
RESTful Architechture (Highload++ 2008)RESTful Architechture (Highload++ 2008)
RESTful Architechture (Highload++ 2008)
 
Выгрузка / считывание данных с карты водителя
Выгрузка / считывание данных с карты водителяВыгрузка / считывание данных с карты водителя
Выгрузка / считывание данных с карты водителя
 
Сео требования для верстальщиков и программистов.
Сео требования для верстальщиков и программистов.Сео требования для верстальщиков и программистов.
Сео требования для верстальщиков и программистов.
 

Plus de Media Gorod

Iidf market watch_2013
Iidf market watch_2013Iidf market watch_2013
Iidf market watch_2013Media Gorod
 
E travel 2013 ufs-f
E travel 2013 ufs-fE travel 2013 ufs-f
E travel 2013 ufs-fMedia Gorod
 
Travel shop 2013
Travel shop 2013Travel shop 2013
Travel shop 2013Media Gorod
 
Kozyakov pay u_e-travel2013
Kozyakov pay u_e-travel2013Kozyakov pay u_e-travel2013
Kozyakov pay u_e-travel2013Media Gorod
 
13909772985295c7a772abc7.11863824
13909772985295c7a772abc7.1186382413909772985295c7a772abc7.11863824
13909772985295c7a772abc7.11863824Media Gorod
 
As e-travel 2013
As   e-travel 2013As   e-travel 2013
As e-travel 2013Media Gorod
 
Ishounkina internet research-projects
Ishounkina internet research-projectsIshounkina internet research-projects
Ishounkina internet research-projectsMedia Gorod
 
Orlova pay u group_290813_
Orlova pay u group_290813_Orlova pay u group_290813_
Orlova pay u group_290813_Media Gorod
 
Ep presentation (infographic 2013)
Ep presentation (infographic 2013)Ep presentation (infographic 2013)
Ep presentation (infographic 2013)Media Gorod
 
Электронное Правительство как Продукт
Электронное Правительство как ПродуктЭлектронное Правительство как Продукт
Электронное Правительство как ПродуктMedia Gorod
 
Lean мышление / Специфика Lean Startup
Lean мышление / Специфика Lean StartupLean мышление / Специфика Lean Startup
Lean мышление / Специфика Lean StartupMedia Gorod
 
Глобальный взгляд на мобильный мир (Nielsen)
 Глобальный взгляд на мобильный мир (Nielsen) Глобальный взгляд на мобильный мир (Nielsen)
Глобальный взгляд на мобильный мир (Nielsen)Media Gorod
 
Как россияне используют смартфоны (Nielsen)
 Как россияне используют смартфоны (Nielsen) Как россияне используют смартфоны (Nielsen)
Как россияне используют смартфоны (Nielsen)Media Gorod
 
Мобильный интернет в России (MailRuGroup)
Мобильный интернет в России (MailRuGroup) Мобильный интернет в России (MailRuGroup)
Мобильный интернет в России (MailRuGroup) Media Gorod
 
Karlovyvaryparti 130406024405-phpapp02
Karlovyvaryparti 130406024405-phpapp02Karlovyvaryparti 130406024405-phpapp02
Karlovyvaryparti 130406024405-phpapp02Media Gorod
 
Развитие интернета в регионах России
Развитие интернета в регионах РоссииРазвитие интернета в регионах России
Развитие интернета в регионах РоссииMedia Gorod
 

Plus de Media Gorod (20)

Itogi2013
Itogi2013Itogi2013
Itogi2013
 
Moneytree rus 1
Moneytree rus 1Moneytree rus 1
Moneytree rus 1
 
Iidf market watch_2013
Iidf market watch_2013Iidf market watch_2013
Iidf market watch_2013
 
E travel 2013 ufs-f
E travel 2013 ufs-fE travel 2013 ufs-f
E travel 2013 ufs-f
 
Travel shop 2013
Travel shop 2013Travel shop 2013
Travel shop 2013
 
Kozyakov pay u_e-travel2013
Kozyakov pay u_e-travel2013Kozyakov pay u_e-travel2013
Kozyakov pay u_e-travel2013
 
13909772985295c7a772abc7.11863824
13909772985295c7a772abc7.1186382413909772985295c7a772abc7.11863824
13909772985295c7a772abc7.11863824
 
As e-travel 2013
As   e-travel 2013As   e-travel 2013
As e-travel 2013
 
Ishounkina internet research-projects
Ishounkina internet research-projectsIshounkina internet research-projects
Ishounkina internet research-projects
 
E travel13
E travel13E travel13
E travel13
 
Orlova pay u group_290813_
Orlova pay u group_290813_Orlova pay u group_290813_
Orlova pay u group_290813_
 
Ep presentation (infographic 2013)
Ep presentation (infographic 2013)Ep presentation (infographic 2013)
Ep presentation (infographic 2013)
 
Электронное Правительство как Продукт
Электронное Правительство как ПродуктЭлектронное Правительство как Продукт
Электронное Правительство как Продукт
 
Lean мышление / Специфика Lean Startup
Lean мышление / Специфика Lean StartupLean мышление / Специфика Lean Startup
Lean мышление / Специфика Lean Startup
 
Глобальный взгляд на мобильный мир (Nielsen)
 Глобальный взгляд на мобильный мир (Nielsen) Глобальный взгляд на мобильный мир (Nielsen)
Глобальный взгляд на мобильный мир (Nielsen)
 
Как россияне используют смартфоны (Nielsen)
 Как россияне используют смартфоны (Nielsen) Как россияне используют смартфоны (Nielsen)
Как россияне используют смартфоны (Nielsen)
 
Мобильный интернет в России (MailRuGroup)
Мобильный интернет в России (MailRuGroup) Мобильный интернет в России (MailRuGroup)
Мобильный интернет в России (MailRuGroup)
 
Meta Mass Media
Meta Mass MediaMeta Mass Media
Meta Mass Media
 
Karlovyvaryparti 130406024405-phpapp02
Karlovyvaryparti 130406024405-phpapp02Karlovyvaryparti 130406024405-phpapp02
Karlovyvaryparti 130406024405-phpapp02
 
Развитие интернета в регионах России
Развитие интернета в регионах РоссииРазвитие интернета в регионах России
Развитие интернета в регионах России
 

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

  • 1. Микроформаты — свежий взгляд на семантику веб-страниц РИТ 2007 , 16 апреля 2007, Москва
  • 2. Докладчик Максим Россомахин , соавтор проекта Webmascon.com
  • 3. В качестве пролога… ОТКРЫТЫЕ ДАННЫЕ ( Open Data ) Ваш контент не заперт внутри вашего сайта, но доступен и для других: сторонние сервисы могут брать ваш контент (или его часть), собирать его вкупе с аналогичной информацией с других сайтов, перерабатывать в другие формы представления информации и т.п. Хорошим примером такого взаимодействия могут служить так называемые «машапы» - связки Google Maps API и сторонних сервисов.
  • 4. Открытые данные – аксиома ОТКРЫТЫЕ ДАННЫЕ бессмысленны без открытых стандартов представления информации . Частью этих открытых стандартов представления информации являются микроформаты
  • 5.
  • 6.
  • 7. μ f = (X)HTML + новый контекст
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15. Пример простейшего микроформата <a href=&quot;http://example.org&quot; rel= &quot; nofollow &quot; > Некая ссылка </a> Обычная гиперссылка? Верно. Однако простым добавлением rel= &quot; nofollow &quot; мы указываем, что поисковому боту не следует учитывать её в поисковой выдаче. (Вы только что узнали о микроформате R el-nofollow , который поддерживают Google и Yahoo Search ).
  • 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. Комбинирование микроформатов Микроформаты можно объединять друг с другом, получая более сложные конструкции. Рассмотрим объединение Rel-nofollow и VoteLink : <a href=&quot;http://example.com/product/1/&quot; rel=&quot;nofollow&quot; rev=&quot;vote-against&quot; >Это худщий товар из всех!</a> Этим мы хотим сказать, что ссылка ведёт на страницу, содержимое которой нам очень не нравится, и мы не хотим, чтобы поисковики проиндексировали её.
  • 18.
  • 19.
  • 20. Вопрос вопросов: почему не XML? ОТВЕТ : А вы попробуйте внедрить его в веб-страницы здесь и сейчас.
  • 22.
  • 23.
  • 24. Спасибо за внимание Доклад окончен.