16.05.2016

Все, что вы боялись спросить о семантической разметке

Какой нормальный показатель отказов в Яндекс Метрике

Этапы сайтостроения

Наверняка многие из наших читателей замечали структурированные сниппеты на страницах результатов поисковых систем. Например, вот такие:

Такие «цепляющие взгляд» сниппеты довольно просто можно реализовать с помощью семантической разметки. Именно о ней и пойдет речь далее.


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

Итак, микроформаты — это дополнительная разметка страницы, предназначенная для передачи поисковикам заданной информации. Микроформаты используются в том числе и для формирования сниппетов.

Существуют несколько методов в семантической верстке:

  • hCard — формат разметки контактной информации (адресов, телефонов и т. д.);
  • hRecipe — формат для описания кулинарных рецептов;
  • hReview — формат разметки отзывов.

Также он понимает структурированные данные Schema.org:

В сети немало информации про расширенные сниппеты. Мы же сосредоточимся на основных отличиях применения микроразметки в двух самых популярных поисковых системах.

Ниже представлена таблица общих для Google и Яндекс микроформатов:

Типы разметок Описание и пример Google Яндекс
Рецепты Рецепты по приготовлению еды
Пример сниппета

Формат: микроданные, RDFa, микроформаты (hRecipe)

Описание на Webmaster Tools Help

Микроданные — Recipe

Микроформат — hrecipe

Микроданные Recipe

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

Организации и адреса

Контакты и другая информация для организаций

Формат: микроданные, RDFa, микроформаты (hRecipe)

Описание на Webmaster Tools Help

Микроданные — Organization

Микроформат — hcard

Микроданные «Адреса и Организации»

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

Видео

Видео разметка позволяет проиндексировать и отобразить в результатах поиска

Пример сниппета

Формат: микроданные

Описание на Webmaster Tools Help

Микроданные — VideoObject

Микроданные «Видео»

Товары*

Информация о товаре выводит цену, наличие, оценки и отзывы покупателей

Пример сниппета

Формат: микроданные,

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

Описание на Webmaster Tools Help

Микроданные — Product

Микроформат — hproduct

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

Автор

Сведения об авторе в сниппете

Пример сниппета

Описание на Webmaster Tools Help

События (Мероприятия)

Информация о событии выводит название мероприятия, дата и место его проведения

Пример сниппета

Форматы: микроданные, микроформаты (hCalendar), RDFa

Описание на Webmaster Tools Help

Микроданные — Event

Микроформат — hCalendar

Музыка

Информация о песнях

Пример сниппета

Форматы: микроданные

Описание на Webmaster Tools Help

Микроданные — MusicGroup

Микроданные «Аккорды»

Приложения

Информация об приложении. Нужно использовать с Review и Offer

Пример сниппета

Webmaster Tools Help

Картинки

Возможность участвовать в сервисе Яндекс.Картинки

Микроданные «Картинки»

Некоторые микроформаты уникальны для поисковой системы Яндекс. Например: «Словарные статьи», «Отзывы об организациях», «Отзывы об автомобилях», «Статьи об автомобилях», «Картинки», «Описание фильмов», «Аккорды».

Микроданные типа Product бывают нескольких типов:

  • индивидуальные товары IndividualProduct с конкретными серийными номерами;
  • продукты одинаковой модели ProductModel, подходит для страниц спецификаций продукта.

* данные для показа в сниппете передаются в специальном формате YML

Если вы сомневаетесь в своих силах разметить страницы самостоятельно, Structured Data Markup Helper вам в помощь! Буквально 2-3 клика и у вас размечена страница со структурой любой сложности.

Автор: Андрей Бугорский


Все, что вы боялись спросить о семантической разметке