Микроформаты: Что это и как ими пользоваться?
Smashing Magazine, 6 августа 2007
Микроформаты — форматы, позволяющие сделать контент не только доступным человеку, но и понятным для машин (что является базовой идеей Semantic Web). Этот обзор даст вам основное представление о том, что такое микроформаты, какие они могут дать вам преимущества и как их использовать, чтобы сделать контент более заметным и понятным для поисковых машин.
Что нужно знать о микроформатах?
- Разработанные в первую очередь для людей и для машин во вторую, микроформаты — это набор простых и открытых форматов данных, основанных на существующих, широко распространенных стандартах. [Microformats: Official definition]
- Микроформаты — это общее название всех форматов основанных на XML (X)HTML для предоставления дополнительных метаданных о веб-объектах. [Microcontent Design]
- Микроформаты — форматы, которые можно использовать для обозначения характерных данных, таких как личные данные или события, на веб-страницах. [Chris Messina]
- Микроформат — это часть разметки, которая позволяет выразить семантику элемента (X)HTML страницы. Программы могут извлекать осмысленные данные из страниц, использующих микроформаты. [Wikipedia: Microformats]
- Микроформаты позволяют публиковать в XHTML характерные типы данных, такие как события, бизнес карты и обзоры продуктов так, что они будут доступны не только для просмотра пользователями, но и для осмысленной индексации и обработки машинами. [Michael McCracken]
- Микроформаты позволяют использовать хорошо известные стандарты для передачи большего количества семантической информации. В них используются существующие элементы XHTML, например,
address,cite,blockquoteи атрибуты, например,rel,revиtitle, чтобы создать блоки кода с определенной семантикой. [Microformats Primer]
Существующие микроформаты
- hAtom
Микроформат, предназначенный для данных, которые могут быть объединены в новостные ленты, преимущественно это контент блогов, но не только. hAtom основан на формате новостных лент Atom. - hCalendar | hCalendar Creator
Простой и открытый формат для составления календаря и описания событий, может быть внедрен в (X)HTML, Atom, RSS и произвольный XML. - hCard | hCard Creator
Формат для описания людей, компаний, организаций и мест, с помощью семантического XHTML. - hResume | hResume Creator
Микроформат для публикации резюме. - hReview | hReview Creator
Микроформат для внедрения обзоров (продуктов, сервисов, событий т.д.) в (X)HTML, Atom, RSS и произвольный XML. rel="nofollow"HTML атрибут, указывающий поисковым машинам, что ссылка не должна влиять на ранжирование целевой страницы.
rel="tag"Добавив
rel="tag"к гиперссылке можно указать для целевой страницы назначенный автором тег (ключевое слово, тему), к примеру:<a href="http://technorati.com/tag/tech" rel="tag">tech</a>.- XFN
XHTML Friends Network (XFN) простой способ показать связи между людьми с помощью гиперссылок, разработанный Global Multimedia Protocols Group. XFN позволяет выразить отношение к человеку, добавив соответствующее значение атрибута rel к ссылке на его сайт, например:<a href="http://jeff.example.org" rel="friend met">. - XOXO
XOXO (eXtensible Open XHTML Outlines) Позволяет использовать существующие элементы XHTML для создания новых форматов. - xFolk
Формат для публикации коллекций ссылок.
Преимущества микроформатов
- Представьте, что вы хотите продать машину, вы могли бы опубликовать объявление в блоге, а сервисы, специализирующиеся на этом нашли бы его, классифицировали и разместили в каталоге. Все, что для этого нужно это использовать микроформат hListing, так как в HTML нет элементов, предназначенных для описания товара. [Add Microformats Magic to your site]
- Сегодня информация разбросана по сети, и приходится выбирать какой сайт использовать. Скоро, можно будет размещать информацию в блоге, размечая ее с помощью микроформатов, а соответствующие сайты будут сами находить ее. Например, если нужно, что-то продать, достаточно опубликовать объявление в блоге, используя микроформат hListing, и сайт вроде edgeio найдет его. [Microformats: Introduction]
- Небольшое дополнение к XHTML в виде микроформатов позволяет точно классифицировать личные данные, события или любые другие характерные данные. [What are microformats]
- В будущем браузеры смогут ассоциировать семантически размеченные данные с различными приложениями. Например, личные данные можно будет легко добавить в приложение для работы с контактами. [Mozilla Does Microformats]
Микроформаты уже используются
- Edgeio.com
Собирает объявления о товарах и сервиса. - Technorati.com
Индексирует hCard, hCalendar и hReview, все данные обновляются с помощью пингов. - Tails, Greasemonkey scripts
Расширения для FireFox работающие с микроформатами hCard, hCalendar, xFolks и другими. - Structured Blogging
Расширение для WordPress.
Статьи о микроформатах
- Микроформаты: Избранные вопросы и ответы на них
Ответы на вопросы заданные на РИТ 2007, PHPConf 2007 и в онлайне. Максим Россомахин. - Элементарные микроформаты
Что, как и зачем. Всё действительно просто. - Пять дельных вопросов Джону Олсоппу
Небольшое интервью с John Allsopp на тему микроформатов.
- Семантическая сеть, основанная на микроформатах
Несмотря на преимущества семантической сети, дикий HTML и несколько более благородный XHTML до сих пор царствует в сети, а многочисленные владельцы сайтов уже вовсю «склеивают» содержание разнородных сайтов с помощью микроформатов. - Микроформаты здесь и сейчас
Перевод статьи Джона Оллсопа, в которой автор рассказывает о положении дел с микроформатами по состоянию на конец лета 2006 года с примерами использования микроформатированного контента в современных веб-приложениях. - Микроформаты
Одна из основных идей, лежащих в основе микроформатов - вместо того, чтобы изобретать отдельный формат для каждой области, в которой интересно было бы машинно обрабатывать информацию, их создатели решили расширить сам (X)HTML, чтобы структурировать свою информацию мог любой.
- Микроформаты в контексте их применения
Уч Огбуджи детально разбирается с микроформатами и заключает, что на сегодняшний день у них есть серьёзные проблемы. В качестве решения он предлагает свой подход, хорошо сочетающийся с различными технологиями.
- Digital Web Magazine - Microformats Primer
Введение в микроформаты от Гаррета Даймона - Add microformats magic to your site
Как широкое использование микроформатов может увеличить насыщенность веб. - Digital Web Magazine - The Big Picture on Microformats
Как микроформаты используются сейчас и какие у них перспективы в будущем John Allsopp. - Microformats: Evolving the Web
Jeremy Keith - Mozilla Does Microformats
FireFox 3 как информационный брокер. Richard MacManus. - What are Microformats?
Презентация. Tantek Çelik. - Introduction to Microformats
Микроформаты: введение, структурированные данные, фундаментальные типы, Operator. - Microformats and the Decentralized Future of Online Marketing
Alex Faaborg о микроформатах и их возможных применениях в браузерах. - Microformats Challenge Web Feeds and Web APIs!
Микроформаты стоит рассматривать не только в контексте семантического веб, они бросают вызов таким фундаментальным составляющим Web 2.0 как новостные ленты и API. - The Awesome Power of Microformats
Что такое микроформаты? Kevin Lawver. - Usable Microformats
Статья для тех, кто только знакомится с микроформатами. Andy Hume. - Microformats
Микроформаты разработаны в первую очередь для людей. Prof. Dr. Mathias Weske.
Инструменты для работы с микроформатами

- Microformats Bookmarklet
Помогает сохранять контакты и события извлекая их из hCards и hCalendars. - Tails Export
Расширение для FireFox, позволяет просматривать и экспортировать микроформаты. На данный момент поддерживаются hCard [экспортируется в файл .vcf], hCalendar [экспортируется в файл .ics], hReview, xFolk и Rel-license. - Highlight Microformats with CSS
Подсветка микроформатов для пользователей Camino, Safari or Omniweb. - Operator
Плагин для FireFox, использующий микроформаты для предоставления новых способов взаимодействия с веб сервисами. Позволяет комбинировать информацию с различных сайтов, наиболее подходящим образом, например, Flickr + Google Maps, Upcoming.org + Google Calendar, Yahoo! Local + адресная книга, и еще много различных возможностей и вариантов. - Microformats Dreamweaver Extension
Расширение для Dreamweaver (идеально работает с Dreamweaver 8, хотя должно работать с MX и старше) реализует несколько панелей упрощающих добавление данных в форматах hCalendar, hCard, rel-license, rel-tag и XFN, планируется поддержка и других микроформатов. - microformats.css
CSS шаблон для существующих микроформатов, основанный на the microformats cheatsheet (PDF) - Microformats Cheat Sheet
Таблица с описанием микроформатов iCalendar, hCalendar, hReview, vCard, hCard, RelLicense, RelTag, XFN - Microformats Cheat Sheet
Таблица микроформатов с описанием форматов, свойств и иерархии микроформатов. - Microformats Icons
Иконки для микроформатов hCal, hResume, hCard, XFN.
Уроки по микроформатам
- Tutorials on Microformats
Серия статей описывающая многие аспекты микроформатов, включая описание и цели микроформатов hCard, hCalendar, AHAH, hReview, xFolk, hResume, XOXO и hAtom. - Intro to microformats
Расширенное введение в теорию и практику микроформатов. - Introduction to Microformats + a look at hCard & hAtom
Mike Jolley шаг за шагом, объясняет что такое микроформаты, как они могут быть интегрированы в веб-страницу и как повысить эффективность контента с их помощью. - Pairing Wine and Microformats
Микроформаты на практике: Dan Cederholm об использовании микроформатов в проекте Cork’d. - Microformats in Web Browsers
This is a concept for putting Microformats ‘auto-discovery’ user interface in a web browser. Any web browser (although the sketches were original conceived as a Firefox extension).by Ben Ward - Wikipedia: Microformats
Описание микроформатов в Wikipedia. - Practical Microformats
Микроформаты с нуля, обширный урок от Ryan King и Brian Suda. - Using Microformats in WordPress
Существует два способа интеграции микроформатов в WP. Первый, скопировать подходящий код у создателей микроформатов. Второй, шаг за шагом следовать инструкциям, изложенным в этой статье.
Блоги и Wiki
- Wikipedia: Микроформаты
Описание микроформатов на русском языке. - Хабрахабр: Микроформаты
Исчерпывающая информация о микроформатах от Максима Россомахина. - Microformats.org
Разработанные в первую очередь для людей и во вторую для машин, микроформаты — это набор простых и открытых форматов данных основанных на существующих и широко распространенных стандартах. Официальный сайт. - Wikipedia: Microformats
Описание микроформатов в Wikipedia. - microformatique
Неофициальный блог посвященный всем аспектам разработки и применения микроформатов. Последние спецификации, презентации, события, публикации и многое другое, собрал вместе John Allsopp.

ндя.... Люди и так прекрасно понимают... что вот это - обьявление о продажи машины, а это блог нехорошего человека который хочет продать старый вольксваген по цене нового порша..... и тд.
На мой взгляд идея семантического веба и собственно микроформатов пересекаются довольно слабо. Основанные фактически на "дырках" определения(rel элементы) и хитром использовании стандартных классов XTML, они пытаются сделать то, для чего предназначены ДРУГИЕ ФОРМАТЫ, что заметьте лишь отдаляет прекрасную пору семантического веба.
Достаточное число людей верит в чудо микроформатов.... Но людей верящих в чудо "семантической" (или для кого-то -ной верстки) гораздо больше...и что? Исчез HTML? - готовится пятый. Исчезли таблицы? да посмотрели бы вы мой последний заказ на переверстку..... Пока все эти ухищрения не будут приносить прибыль Бизнесу, все это удел игр профессионалов. [Как ни странно изабавиться от таблиц нам поможет SEO] .
Статья дает отличный ссылочный материал.... и безусловно разработчикам надо "знать врага в лицо"..... но все же ИМХО....микроформаты - это маленький "пузырь Веб 2.0"
Спасибо за очень полезный перевод. Для популяризации этой хорошей идеи именно таких и не хватает…
Очень интересно. Спасибо за кучу ссылок.
Правильная ссылка на Wikipedia: Микроформаты.
Спасибо за качественный обзор - очень интересно..
Речь не о том, что люди понимают, а что нет, речь идет об удобстве работы с данными, к примеру, на странице записаны контактные данные человека, которые вам нужны, вместо копирования в буфер и встравки в соответствующие поля адресной книги достаточно будет нажать правой мышкой и выбрать пункт "Сохранить в адресную книгу" и это еще простенький пример.
Значит другие стандарты оказались недостаточно приспособлены к современным реалиям сети, а преимущество микроформатов именно в том, что их достаточно просто внедрить, и для этого не нужно ждать 5 лет пока все пользователи обновят браузер.
По крайней мере одним табличным сайтом стало меньше :)
Думаю лет за 5 можно решить эту проблему окончательно.
HTML постепенно будет становиться более семантичным, конечно, жаль, что XML не получил широкого распространения в веб, но в ближайшее время на это можно не надеятся, а двигаться дальше нужно, вот и решили сделать HTML5.
Возьмите к примеру hListing я вижу прямую выгоду от использования этого микроформата, его могут использовать сервисы вроде Яндекс.Маркет, для сбора данных о товарах.
Внедрять микроформаты тоже поможет SEO, как только их начнут поддерживать поисковики.
Ушел расширять знания о микроформатах :)
Спасибо за полезную информацию
Хотелось бы добавить, что с одной стороны уже Google начал использовать микроформаты и следовательно они нужны не только для фриков. А с другой они постоянно развиваются и не все так гладко как хотелось бы.