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

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

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

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

    Другие термины
    Title

    Title в SEO — это заголовок страницы, который отображается в результатах поиска и служит одним из важнейших факторов для продвижения сайта. Он также виден в верхней части вкладки браузера и может использоваться в социальных сетях при публикации ссылок. Title помогает как пользователям, так и поисковым системам понять, о чём страница.

    440
    Время чтения 1 минута
    Геозависимый запрос

    Геозависимый запрос (иногда говорят «локальный запрос») — это поисковый запрос, результаты которого зависят от географического положения пользователя. Простыми словами, когда вы в поисковой строке вводите запрос, система учитывает, где вы находитесь (город, район, страна) — и выдает вам информацию, актуальную именно для этого места.

    506
    Время чтения 1 минута
    Премиум-объявление

    Премиум-объявление — это формат продвижения на Авито, при котором объявление получает максимальную видимость: оно отображается выше обычных и ТОП-объявлений, имеет специальное оформление и может показываться в рекомендательных блоках. Инструмент создан для быстрого привлечения большого количества просмотров и заявок. Его выбирают, когда нужно продать товар срочно или продвинуть услугу с высокой конкуренцией.

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

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

    1187
    Время чтения 1 минута
    HTTP2

    HTTP/2 (или HTTP2) — это вторая основная версия протокола HTTP (Hypertext Transfer Protocol), который используется для обмена данными между веб-браузером (или другим клиентом) и веб-сервером. HTTP/2 был разработан как более современная и эффективная альтернатива устаревшему HTTP/1.1, с целью ускорить загрузку веб-страниц, уменьшить задержки и повысить производительность.

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

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

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