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

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

Otxj2Z9bL7sfvIrxl-cqdxtpvLOYssk1N3LVqHgYWVx7L3-UEG7G6qNV71CgJvKgTWZJPHoE8Kzc0csrKyeqlT1n-ReOi_5-N8O24kJm6CjdvWA_iqzQKip

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

 

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

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

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

Основной поисковик Рунета Яндекс тоже понимает микроформаты и поддерживает следующие:

  • 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

RcBqVVcXjuNf0KYygMOlRydfcm8QS2wUShMrzEJFl5bejNHOd2OB3SQd3xB2Ql7rwjwCCQJtNySlhoqEg7qzofTOVaxBylzJLHBZUGmUZMuPy_p0J7-26v

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

DiyYHfFYLwIlMY2ercs_vfizTWTfYdZ8-4I0JS17fq_pVbqFfjyAXW5uc5QSIfeDwhb3dnN3ySmhe3jzRDGf4LCkmJ7e4-CkoP-R6AnWLN62gin0QZ-7txq