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

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

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

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

    Другие термины
    Раскрутка сайта

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

    521
    Время чтения 1 минута
    PageSpeed Insights

    PageSpeed Insights (PSI) — это бесплатный онлайн-инструмент от Google, предназначенный для анализа производительности веб-страниц. Он оценивает скорость загрузки сайта и дает рекомендации по её улучшению как для мобильных устройств, так и для компьютеров.

    117
    Время чтения 1 минута
    Hreflang

    hreflang — это атрибут/метка, указывающий поисковым системам языковую и региональную версию страницы. Он помогает:

    1. Корректно показывать пользователям страницу на их языке или для их региона.
    2. Избежать дублирования контента, когда одна и та же страница доступна на разных языках/для разных стран.
    195
    Время чтения 2 минуты
    Strict HTTPS

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

    131
    Время чтения 1 минута
    Htaccess

    Файл .htaccess (Hypertext Access) — это конфигурационный файл, используемый на веб-серверах Apache. Он позволяет управлять поведением сервера и задавать правила, которые влияют на работу сайта без доступа к основному конфигурационному файлу сервера.

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

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

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