G-club, микроформаты и дизайн
Выступали в g-club, замечательной инициативе от компании GlobalLogic. Я рассказывал о вёрстке и микроформатах, Гена забавно и увлекательно о том как делать сайты.
Презентация
В ней куча скриншотов и картинок, основную часть информации я проговорил.
Краткое вступление
Кроме рассказа о компаниях и проектах с кодом которых я сталкивался или работал, я рассказал о том, что такое микроформаты, на паре простых примеров показал, как легко их внедрять. Затем рассказал о гугловском API для парсинга XFN связей. Вот несколько ссылок:
- Микроформаты в жизнь — мой старый пост о микроформатах
- microformats.org — официальный сайт микроформатов
- Google Social Graph API, тот самый интерфейс гугла, для получения XFN связей. На примере CSSing
- Portable Social Networks, The Building Blocks Of A Social Web — хорошая статья про социальные сети и XFN
- Fundamentos Web: Social Network Portability — презентация Тантека Челика.
Микроформаты для экономии времени
Проект toluu.com использует микроформаты для заполнения регистрационной инфо. Просто вводите ваш логин с Flickr, Upcoming или Twitter. Информация о вас будет взята оттуда: аватар, имя, сайт.
Убедиться можно на этой страничке (обратите внимание на блок «Use any of these?» справа).
Yahoo & μF
Яху уже может искать по микроформатам, и это замечательно. Запрос нужно отправлять вида:
searchmonkeyid:com.yahoo.uf.hcard YourKeyword
Для поиска по hCard. Ну и соответственно, поиск по hReview:
searchmonkeyid:com.yahoo.uf.hreview YourKeyword
На всякий случай, uf — одно из общепринятых сокращений слова микроформаты (u напоминает μ)
Вот несколько готовых интересных ссылок (скрины в презентации):
- Поиск всех hCard людей, где упоминается фамилия Artyukh, попробуйте со своим ником-именем-фамилией
- Поиск всех hCard, видно, что проиндексировано уже более миллиарда hCard
- Поиск всех hReview о фотоаппарате Canon 400D, забавно что если бы было видно звездочки (оценки), можно бы было судить о фотоаппарате не кликая по ссылкам вообще
- Поиск всех hReview о ресторанах со словом Higura, а вот тут уже видно звездочки, здорово, да?
Для тех кто поленился кликать, вот картинка, значения для сереньких полей берутся из соответствующих полей в hCard (class=”position” etc..):
Микроформаты в действии!
(Синим отвратительным маркером я обозначил места на которые нужно обратить внимание.)
А это уже означает, что микроформаты дают преимущество в поиске. А значит помогают SEO, а значит… приносят деньги.
для такого отображения используется механизм SearchMonkey, который в свою очередь использует микроформаты. Но в моих мечтах яху начнет отображать их автоматически при заданном поиске по hCard или hReview
И ведь ничего не мешает yahoomen поставить вместо этого сложного запроса радиобуттон: «Искать в ревью» (hReview), «Искать в людях» (hCard), «Искать в событиях» (hCalendar).
Кажется, именно так они решили проблему курицы и яйца. Как я уже говорил, поисковых механизмов по микроформатам нет, потому что недостаточно самих микроформатов в интернете. А микроформаты не внедряют на сайтах, потому что нет поиска по ним.
И вот, более миллиарда hCard и 46 миллионов hReview. And counting…
Подробнее о Searchmonkey (кастомизации результатов поиска) читайте в блоге талантливого разработчика Артемия Трегубенко «микроформаты, yahoo, searchmonkey». Там же, пример профиля сайта для mirtesen.ru.
Фотки
Гена решил разрядить обстановку
Геннадий, какой-то парень, зал и сложный вопрос (слева направо)
За фото спасибо Константину Кудрявцеву! Жаль только не видно, что выступали мы с Macbook Air, iBook и iPhone =)
В конце
- Отчет Геннадия Осипенко, там же его презентация с полным текстом доклада
- Другие мероприятия в g-club
Не то чтобы информация из доклада была сильно уникальна, но меня бы заели друзья за то, что я не пересказал свой доклад.
Получилось неплохо! Еще десяток выступлений и мои связки окончательно окрепнут. =)
Очень интересно. Мне кажетмся, что автор слишком подробно раскрыл тему. Хотелось бы более тезисно. Где об этом почитать еще?
Глобалоджике ? в николаевском отделении или в Киеве?
В Киевском! Они здесь открыли площадку для мероприятий под названием G-club.
@Genn: ты поставил меня в тупик! Даже если я изменю урл на spam-param-pam-pam — это все равно будет твой проект!!
Фразы с лепры ;)
Наконец то прозрел, а то висит в RSS, “За чем жить”. Надоело. Теперь понятно за чем.
Юр, а видео будет?
Нет… не снимали… но думаю что этот доклад я еще где-то точно скоро прочитаю. Самое интересное я пересказал в посте. Еще рассказывал о том как я верстаю сайт последовательно (в конце слайдов), но об этом я скоро напишу пост
Ага, слайды видел — спасибо, познавательно. Будем ждать очередного поста.
P. S. Вот ещё немного фоток нашёл, может кому интересно будет: http://picasaweb.google.com/Kostiantyn.Kudriavtsev/GlobalLogicGClub2008Aug06
интересно написано
вообще то, что подсвечено синим, как раз не имеет отношения к микроформатам ; ) Это одна из включенных по умолчанию фишек Yahoo Searchmonkey — спецпрофиль отображения результатов с LinkedIn. Если вы зарегистрированы на яхе, то здесь: http://developer.search.yahoo.com/wizard/index можно создавать свои аналогичные профили для любого сайта, в том числе взяв за образец линкедин. Я сейчас у себя на blog.arty.name опишу это подробнее.
@arty: абсолютно верно, напрямую отношения не имеет. Но когда создаешь профиль (фильтр) в Searchmonkey там по дефолту есть “взять значение поля *** из hCard”. Что уже заметно упрощает парсинг. И именно так сделано на линкеде, большая часть полей берется из hCard пользователя.
Я просто специально возился со своим фильтром, и был приятно удивлен отдельной менюшкой для вставки полей из микроформатов в результаты поиска.
Рассказывал я об этом скорее в мечтательном тоне, это по духу - те же микроформаты, по крайней мере очень гармонично укладывается в идеологию.
Пиши! И сделай трэк-бэк, если несложно. Ну или я добавлю потом линк.
Вот что там было в коде профайла для akella.org.ua у меня:
$ret['dict'][0]['key'] = 'Город'; $ret['dict'][0]['value'] = Data::get('com.yahoo.uf.hcard/rel:Card/vcard:adr/vcard:locality'); $ret['dict'][1]['key'] = 'Почта'; $ret['dict'][1]['value'] = Data::get('com.yahoo.uf.hcard/rel:Card/vcard:email');Вот тут эта менюшка:
[…] Tregubenko 10 августа 2008 комментарии: 0 Недавняя статья Юрия Артюха «G-club, микроформаты и дизайн» сподвигла меня оценить возможности Yahoo SearchMonkey — […]
о как хорошо, пингбеки автоматически работают : )
редкость в наше время : )
Сам в шоке! =) Они же такие клевые, почему их так мало юзают (я про трекбеки-пингбеки).
А у тебя автоматом нет :-P
да, что-то там внутри не сработало, потому что пост от твоего вордпресса в мой пингбек я в логе вижу
как раз собирался залезть во внутренности своего блога ; )
гы, забавно % ))
я уже и думать забыл, что мне нужно их апрувить ; )
и там реально два спамных пинга лежат сейчас незаапрувленные
в общем, теперь всё хорошо, пинг от тебя есть
за «талантливого разработчика» спасибо : )
Гугловская ссылка просто отлично. Даже жжный связи показывает.
Отлично!
А почему на ИЕ крест? 8-ка ж анонсировала импортировнаие микроформатов самим браузером, через Web Slices.
Там вторая часть доклада про то как я верстаю. И крест символизировал что, после того как вы все сверстали, у Интернет Эксплорера будет свое мнение =) и он как бы отчасти “перечеркнет” все предыдущие усилия кодера. Шутка то бишь =)
Клевенько)))))
Учитесь у мастеров
Очень исчерпывающе, я лично присутствовал на августовском миникемпе – понравилось, очень хорошее место этот G-club: бесплатное пиво, попкорн, бильярд, дартс, настольный теннис, play station 3 и многое другое :).