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

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

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

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

    Другие термины
    Крауд-ссылки

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

    1507
    Время чтения 1 минута
    WOFF2

    WOFF2 (Web Open Font Format 2) — это современный формат шрифтов для использования в веб-разработке. Он является усовершенствованной версией формата WOFF (версии 1) и разработан для более эффективной передачи и использования шрифтов в браузерах.

    1395
    Время чтения 1 минута
    Strict HTTPS

    Strict HTTPS (дословно: строгий HTTPS) — это режим работы веб-сайта, при котором все подключения пользователей к сайту должны осуществляться только по защищенному протоколу HTTPS, без каких-либо исключений или автоматических переходов с HTTP. Он используется для обеспечения максимальной безопасности передачи данных между клиентом (браузером) и сервером.

    579
    Время чтения 1 минута
    SERM

    SERM (Search Engine Reputation Management) — это управление репутацией в поисковых системах. Если говорить о том, что такое SERM простыми словами, то это практика контроля и влияния на то, какую информацию видят пользователи о вашем бренде, продукте или персоне в результатах поиска по ключевым запросам (название компании, имена руководителей, брендированные запросы).

    590
    Время чтения 1 минута
    Пагинация

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

    1097
    Время чтения 1 минута
    Bootstrap

    Bootstrap — это популярный фреймворк для разработки адаптивных и кроссбраузерных веб-сайтов и веб-приложений. Он предоставляет готовый набор HTML-, CSS- и JavaScript-компонентов, которые позволяют быстро создавать интерфейсы без необходимости писать всё с нуля.

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