г. Москва, ул. Дубининская, д. 57, стр. 2, пом. III, офис 208.29
info@maximusmedia.pro
г. Москва, ул. Дубининская, д. 57, стр. 2, пом. III, офис 208.29

Микроформаты: что это

Микроформаты (microformats) — это простой и гибкий способ добавления структурированных семантических данных прямо в HTML-разметку веб-страницы, без необходимости изобретать новые теги или сложные RDF-схемы. Вместо этого используются уже существующие элементы HTML и добавляются «ключевые имена» (имена классов и атрибуты), которые позволяют парсерам (автоматическим средствам) извлекать из страницы чётко определённые сущности: контакты, события, отзывы, рецепты и т. д.

15
Время чтения: 1 минута
Дата публикации

История и мотивация

  • Зарождение: Концепция микроформатов оформилась около 2005 года усилиями таких специалистов, как Тантек Челик и Джон Олсопп, как альтернативный путь к RDF и сложным онтологиям для тех случаев, когда требовалась «легковесная» разметка семантики.
  • Задача: Упростить «понимание» информации на странице машиной (поисковыми системами, браузерными плагинами, скриптами), не изменяя при этом привычный HTML и не вводя новых спецификаций.

Основные принципы

  1. Использовать существующие HTML-элементы, преимущественно <div>, <span>, <a>, списки <ul>/<li> и т. д.
  2. Добавлять семантические классы и атрибуты, стандартизованные для каждого типа данных.
  3. Минимизировать избыточность: никаких дополнительных API, внешних схем или пространств имён.

Например, чтобы разметить контакт в формате hCard (виртуальная «визитная карточка»), достаточно добавить элементам нужные классы:

<div class=”vcard”>

<span class=”fn”>Иван Иванов</span>

<div class=”org”>ООО «Пример»</div>

<a class=”email” href=”mailto:ivan@example.com”>ivan@example.com</a>

<div class=”adr”>

<span class=”street-address”>ул. Ленина, д. 10</span>,

<span class=”locality”>Москва</span>,

<span class=”postal-code”>101000</span>

</div>

</div>

Парсер, распознав класс vcard, поймёт, что внутри находится контактная информация, и извлечёт имя (fn), организацию (org), e-mail (email) и адрес (adr).

Популярные микроформаты

Микроформат Назначение Ключевые классы
hCard Контактная информация vcard, fn, org, email, tel
hCalendar События и календари vevent, summary, dtstart, location
hAtom Веб-лента (подобно RSS/Atom) hfeed, entry, title, content
hReview Отзывы и рейтинги hreview, item, reviewer, rating
hRecipe Кулинарные рецепты hrecipe, ingredient, instructions
hProduct Информация о товарах и услугах hproduct, fn, price, brand

Преимущества и применение

  1. Улучшение видимости в поисковых системах
    Поисковые роботы (Google, Bing и др.) умеют распознавать микроформаты и показывать «богатые сниппеты» (rich snippets) — расширенные фрагменты с дополнительной информацией (рейтингами, датами событий и пр.), что повышает кликабельность.
  2. Интеграция с браузерами и плагинами
    Некоторые расширения (например, парсеры визиток или событий) автоматически подхватывают информацию, позволяя пользователю сохранить контакт или добавить событие в календарь.
  3. Простота разработки
    Нет необходимости осваивать сложные семантические технологии: достаточно знать набор классов и правил микроформатов.
  4. Совместимость
    Поскольку микроформаты — чистый HTML, они не ломают дизайн и корректно обрабатываются любым браузером.

Эволюция: Microformats2 и дальнейшие стандарты

В 2012 года появилось расширение Microformats2 (mf2), упростившее синтаксис и устранившее некоторые противоречия оригинальной спецификации. Параллельно развивался schema.org с поддержкой JSON-LD и микроданных (microdata), но микроформаты по-прежнему актуальны там, где важна простота и обратная совместимость.

Заключение

Микроформаты — это «лёгкий вход» в семантическую вёрстку: они позволяют без избыточных надстроек сделать веб-страницы более «понимаемыми» для программ и поисковиков, повысить интероперабельность данных и улучшить пользовательский опыт за счёт богатых сниппетов и автоматических парсеров.

Дмитрий Ларионов
Основатель маркетингового агентства полного цикла Maximus Media

Напишем или позвоним Вам первыми в течение 10 минут

    Другие термины
    Показатель отказов

    Показатель отказов (или bounce rate) — это метрика, которая используется в аналитике веб-сайтов для оценки того, какой процент посетителей покидает страницу или сайт без совершения каких-либо действий, таких как переход на другие страницы, заполнение формы, регистрация или покупка.

    336
    Время чтения 1 минута
    Конверсия

    Процесс, в результате которого пользователь выполняет желаемое действие на сайте, например, совершает покупку, заполняет форму или подписывается на рассылку. Конверсия измеряется в процентах и показывает, насколько эффективно сайт выполняет свои цели.

    367
    Время чтения 1 минута
    Ссылочный взрыв

    «Ссылочный взрыв» (англ. Link Blast или Link Explosion) — резкий и аномально быстрый рост числа входящих гиперссылок (backlinks) на конкретный веб-ресурс в короткий период времени. Такой всплеск обычно связан с активными маркетинговыми кампаниями, виральным распространением контента или агрессивными SEO-стратегиями.

    14
    Время чтения 1 минута
    РСЯ

    РСЯ (Рекламная Сеть Яндекса) — это сервис контекстной рекламы, который предоставляет рекламодателям возможность размещать свои объявления на площадках, входящих в сеть Яндекса. Это включает в себя не только поисковые запросы пользователей, но и различные партнерские сайты и приложения, что позволяет достичь широкой аудитории. РСЯ позволяет эффективно рекламировать товары и услуги, охватывая потенциальных клиентов в момент их интереса.

    240
    Время чтения 1 минута
    UTM-метки

    UTM-метки (Urchin Tracking Module) — это специальные параметры, которые добавляются к URL вашей рекламной или маркетинговой ссылки. Они позволяют системам веб-аналитики (например, Google Analytics) точно определять, откуда и каким образом пришёл пользователь на ваш сайт.

    15
    Время чтения 1 минута
    Гиперссылка

    Гиперссылка — это элемент на веб-странице, который позволяет пользователю переходить к другой части контента, будь то другой веб-страница, документ, изображение, видео или другие ресурсы в Интернете.

    337
    Время чтения 1 минута
    ×
    Владислав Панов
    Владислав Панов Здравствуйте! Готов помочь вам. Напишите мне, если у вас появятся вопросы.
    +7 (123) 456-78-90 info@maximusmedia.pro Отдел работы с клиентами
    ул. Дубининская, д. 57, стр. 2, пом. III, офис 208.29, Москва, Московская область, 115054, Россия