Микроразметка сайта

В этом лонгриде вы узнаете:

• Что такое микроразметка и зачем она нужна
• Какие категории можно разметить
• Как проверить корректность микроразметки через валидатор

Этот материал также доступен в видеоформате, но информация в лонгриде более актуальна.

Что такое микроразметка сайта и зачем она нужна

Сравним два сайта в поисковой выдаче Яндекса: с разметкой и без.

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

Как работает микроразметка

Поисковая система сканирует всё содержимое сайта, и на основе этой информации в результатах поиска формируются сниппеты страниц сайта. Представление сниппетов в поисковой выдаче можно улучшить с помощью семантической разметки. Благодаря ей пользователь с большей вероятностью увидит в результатах поиска улучшенное представление сниппетов вашего сайта. Таким образом, микроразметка помогает поисковой системе общаться с сайтом.

В примере ниже — HTML-код с общепринятыми значениями адреса и телефона для микроразметки поисковых систем.

Как добавить на сайт микроразметку:

1. Если вы пользуетесь одной из популярных CMS (например, Wordpress) — воспользуйтесь плагином для внедрения микроразметки.
2. Если для CMS нет подходящего плагина, обратитесь к разработчикам, чтобы они внедрили микроразметку в шаблон сайта. Примеры кода можно найти в Справке.
3. Если у вас самописный сайт (сделан на собственном движке), так же воспользуйтесь помощью разработчика.

Тест для самопроверки

Какие категории можно разметить

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

1. Разметка вопросов и ответов показывает лучший ответ на запрос пользователя.

1. Разметка адресов организаций позволяет бизнесу и Поиску подготовить специальные сниппеты для страниц с такой разметкой.

1. Разметка изображений улучшает представление графических материалов в сервисе Яндекс Картинки.
2. Разметка видеороликов улучшает представление видеоматериалов
3. Разметка навигационных цепочек помогает пользователю Поиска быстро оценить объём информации на сайте или тип контента и быстро перейти в нужный раздел. Навигационная цепочка может формироваться на основе микроразметки Schema.org. 

Отображение без микроразметки:

Отображение с применением микроразметки:

Подробнее о навигационной разметке рассказали в Справке.  

Как проверить корректность микроразметки через валидатор

Чтобы проверить, верно ли выполнена микроразметка, можно использовать валидатор в Вебмастере. Он позволяет убедиться в том, что роботы поисковых систем смогут извлечь структурные данные. В валидаторе можно проверить все популярные форматы микроразметки.

Как запустить проверку:

1. Перейдите в Вебмастер, выберите раздел «Инструменты» и откройте валидатор.

1. Вставьте ссылку на страницу сайта или фрагмент HTML-кода и нажмите «Проверить».

После проверки вы увидите результат.

Задание

1. Проверьте микроразметку на сайте с помощью Вебмастера. Подробнее рассказали в Справке.
2. Определите, для каких категорий на вашем сайте нужно добавить разметку. Это могут быть описания товаров, блок с вопросами и ответами, данные об организации и её адресе, информация об изображениях и видеороликах.
3. Проверьте микроразметку на сайте с помощью Вебмастера. Подробнее рассказали в Справке.
4. Проверьте корректность разметки с помощью инструкций из этого лонгрида.

Выводы

• Микроразметка — это разметка информации на сайте с использованием тегов и дополнительных атрибутов, которые добавляют в HTML-код сайта. С помощью микроразметки поисковые системы могут правильно интерпретировать информацию на вашем сайте и показывать её в более удобном и привлекательном формате.
• Можно размечать товары и их стоимость, информацию о программах, вопросы и ответы, данные об организации и её адресе, изображения, видеоролики и другие элементы сайта.
• Валидатор в Вебмастере позволяет проверить корректность всех популярных форматов микроразметки. С его помощью можно убедиться, что роботы поисковых систем извлекают структурные данные.

Далее рассмотрим, как настроить простые цели в кампании.