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

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

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

579
Время чтения: 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 минут

    Другие термины
    Тепловые карты

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

    585
    Время чтения 1 минута
    Авито Услуги

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

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

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

    857
    Время чтения 1 минута
    CTR

    CTR (Click-Through Rate, коэффициент кликабельности) — это метрика, которая используется в цифровом маркетинге для оценки эффективности рекламы, ссылок или контента. Она показывает процент пользователей, которые кликнули на ссылку или рекламу, относительно общего числа пользователей, которые её увидели.

    971
    Время чтения 1 минута
    Идентификатор сессии

    Идентификатор сессии (или Session ID) — это уникальная строка, которая используется для идентификации сессии пользователя при взаимодействии с веб-приложением или сайтом. Этот термин особенно актуален в контексте веб-разработки, поскольку позволяет отслеживать состояние взаимодействия пользователя с сайтом или сервером между запросами.

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

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

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