Микроформаты в семантической разметке страницы сайта

Комментариев нет

Микроформатами (сокращенно μF) называют способы семантической разметки некоторых блоков информации для лучшего семантического разбора страницы поисковыми системами. Этот тип разметки полностью основан на стандартных тегах языка HTML и XHTML, а следовательно проблем с интеграцией микроформатов на уже существующие веб-страницы возникнуть не должно.

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

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

Построение микроформатов

Для преобразования обычного блока разметки в микроформат необходимо воспользоваться добавлением к тегам определенных стандартизированных (в зависимости от типа микроформата) атрибутов, например, class, rel или title.

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

Специальный микроформат hCard позволяет сделать этот блок кода семантически более значимым:

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

Типы микроформатов

Каждый микроформат решает определенные задачи. В списке наиболее часто используемых микроформатов находятся:

  • hCard
    Сокращение от HTML vCard. Данный микроформат используется для описания людей? компаний, организаций и мест. Представлет собой визитную карточку в стандарте vCard. Определяется в блоке с помощью имени класса vcard.

Пример использования:

  • hCalendar
    Сокращение от HTML iCalendar. Микроформат для описания событий в формате iCalendar на HTML-страницах. Представляет собой блок с описанием события, классы блоков представляют собой названия параметров, а содержимое (или атрибут title) их значение. Определяется в блоке с помощью имени класса vevent. Часто используется с микроформатом geo для указания точной геопозиции события. Обязательными параметрами считаются dtstart и summary.

Пример использования:

  • geo
    Данный микроформат используется для пометки географических данных. Может использоваться в сочетании с другими микроформатами. Определяется в блоке с помощью имени класса geo.

Пример использования:

  • hProduct
    Микроформат используется для описания товаров, продуктов и услуг
  • hReview
    Данный микроформат предназначен для оформления отзывов и комментариев пользователей
  • nofollow
    Микроформат для ссылок, указывающий, что данная ссылка не должна учитываться поисковыми системами для расчета рейтинга цитируемости сайта. Ссылки, помеченные этим микроформатом, не учитываются при расчете PageRank следующими поисковыми системами: Google, Bing, Yahoo!, Yandex.
    Пример использования:

  • hRecipe
    Микроформат для продвижения сайтов кулинарных рецептов. Данный формат не влияет на отображение информации посетителям сайта. На его основе поисковой системой может быть составлен информативный сниппет на странице с результатами выдачи, что позволит пользователям принять решение о переходе на ресурс. Для оптимальной работы микроформат требует, чтобы на одной странице размещался только один рецепт. Родительский элемент — hRecipe, остальные располагаются внутри него. Обязательные элементы fn (название блюда), ingredient (объем или количество ингридиентов, данным классом должен помечаться каждый ингредиент), instructions (описание способа приготовления).

Пример использования:

Оцените статью:
ужасноплохонормальнохорошоотлично (оценок: 1, среднее: 5,00 из 5)
Загрузка...

Оставить комментарий

Оставьте первый комментарий!

Уведомление о
Войти с помощью: