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

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

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

382
Время чтения: 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), но микроформаты по-прежнему актуальны там, где важна простота и обратная совместимость.

Заключение

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

Статьи по теме
SEO ликбез
Микроразметка сайта
14 октября 2023
Микроразметка сайта
Общее
CMS vs Конструктор сайтов
25 ноября 2022
CMS vs Конструктор сайтов
Без категории
SEO для мобильных устройств: как оптимизировать сайт под смартфоны и планшеты
17 февраля 2025
SEO для мобильных устройств: как оптимизировать сайт под смартфоны и планшеты
Дмитрий Ларионов
Основатель маркетингового агентства полного цикла Maximus Media

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

    Другие термины
    Сниппет

    Краткое описание веб-страницы, которое появляется в результатах поисковых систем. Он включает в себя заголовок страницы, URL и мета-описание. Сниппеты помогают пользователям быстро оценить, насколько информация на странице соответствует их запросам.

    880
    Время чтения 1 минута
    Разметка ARIA

    Разметка ARIA (Accessible Rich Internet Applications) — это специальный набор атрибутов, разработанный консорциумом W3C для улучшения доступности веб-приложений и сайтов для людей с ограниченными возможностями, особенно для пользователей, использующих экранные читалки и другие ассистивные технологии.

    335
    Время чтения 2 минуты
    Код ответа сервера

    Код ответа сервера — это числовой код, который веб-сервер отправляет в ответ на HTTP-запрос клиента (например, браузера или поискового робота).

    624
    Время чтения 1 минута
    Авито доставка

    Авито Доставка — это встроенный сервис платформы Авито, позволяющий покупателю и продавцу безопасно обмениваться товарами с оплатой при получении. Суть механизма в том, что деньги резервируются у покупателя и переводятся продавцу только после подтверждения факта получения товара.

    220
    Время чтения 1 минута
    Карта сайта

    Карта сайта (sitemap) – это файл или веб-страница, содержащая структурированный список всех страниц веб-ресурса, предназначенный для удобной навигации пользователей и эффективного индексирования поисковыми системами.

    823
    Время чтения 1 минута
    CPA

    CPA (Cost Per Action) — это модель интернет-рекламы, при которой рекламодатель оплачивает действие пользователя, выполненное на сайте или в приложении, например, покупку, регистрацию, подписку на рассылку, скачивание приложения или клик по кнопке.

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