Semantic page markup

Микроформаты

Ask AI about this page

2 мин чтения

Микроформаты — это более старый подход к семантической разметке для (X)HTML: смысл добавляется с помощью class атрибутов в существующих элементах, а не через специальные атрибуты.

<span class="adr">16 Leo Tolstoy St., Moscow</span>

Робот считывает имя класса как название свойства, определенного микроформатом, и воспринимает содержимое элемента как его значение. Никакой новой структуры разметки не требуется — класс добавляется к уже существующему HTML.

Микроформаты

Что поддерживает Яндекс

Только два формата:

  • hCard — контактная информация: адреса, номера телефонов, данные об организации.
  • hRecipe — кулинарные рецепты.

Микроформаты существуют для многих других доменов — товаров, отзывов, мероприятий, — но здесь они не обрабатываются. Все, что выходит за рамки hCard и hRecipe, должно быть выражено через Schema.org.

Микроформаты или Schema.org?

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

Микроформаты — 2

Валидация

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

Почему различие по-прежнему важно

Потому что class атрибут также является привязкой для стилей. Разработчик, переименовывающий adr во что-то более согласованное с дизайн-системой, незаметно удаляет разметку, при этом визуально страница никак не меняется. У атрибутов Schema.org нет другой цели, поэтому они лучше переживают рефакторинг, что является весомым практическим аргументом в пользу более нового стандарта.

Alien Road

Как мы это применяем

We leave working hCard markup alone and use Schema.org for anything new. The failure specific to microformats is worth knowing about: because the meaning rides on class names, a CSS cleanup can delete it without anyone noticing. We check the contact page in the validator after every template change on sites that still use it.

Связанные услуги

Поделиться