Микроразметка товаров — набор дополнительных тегов, благодаря которым поисковые роботы корректно воспринимают содержимое страницы. Внедрение некоторых структурных элементов HTML-кода позволит выделиться на фоне конкурентов, но обо всем по порядку. В этой статье мы расскажем об основных видах микроразметки, о том, как проверить ее валидность, и на примере разберем, как внедрить микроразметку на сайт интернет-магазина.
В поисковой выдаче страница выводится в виде сниппета — своего рода «анонса», состоящего из заголовка, описания товара и других элементов, например:
Поисковый робот формирует сниппеты на основе данных, размещенных на сайте. Чтобы робот выбирал именно ту информацию, которая нужна для сниппета, используется микроразметка.
Сниппет каждой страницы сайта имеет свой показатель кликабельности (CTR), который рассчитывается как соотношение количества показов к количеству кликов.
Очевидно, что привлекательность сниппета — один из ключевых факторов, влияющих на посещаемость сайта (при условии, что сайт попал в выдачу). Оформить сниппет также помогает микроразметка. С ее помощью вы можете привлечь пользователя на сайт и тем самым увеличить CTR. Если страница, на которую ведет сниппет, полностью релевантна запросу пользователя, вы повлияете еще и на ранжирование сайта.
Сегодня, в условиях перегрева большинства коммерческих ниш и нешуточной борьбы за место в топе, качественно оформленный
сниппет — уже не показатель перфекционизма SEO-специалиста, а скорее необходимость.
Выделим два вида, каждый из которых имеет свой синтаксис и предназначается для решения определенных задач:
Настраивать микроразметку Schema.org нужно непосредственно в HTML-коде сайта. Сделать это можно либо вручную, установив код, либо используя специальные плагины, если сайт работает на готовой CMS.
Код разметки устанавливается внутри тегов <body>, а в каждое из свойств подставляется динамический параметр товара. Готовые же плагины, особенно для популярных CMS, автоматически генерируют код для каждой страницы.
Как отмечалось выше, в сниппет можно поместить название товара, категорию, цену, изображение, отзывы и рейтинг. Согласно инструкции Яндекса, рекомендуется придерживаться следующих схематических связок:
Обратите внимание на примеры контейнеров:
Сюда вставляется код с информацией о товаре
Код, связанный с ценой товара
Микроразметка карточки товара включает следующие свойства:
В число дополнительных свойств входят:
XIAOMI Mi 9t 64Gb
XIAOMI Mi 9t 64Gb – красивый и стильный смартфон, с топовой начинкой и современными функциями безопасности.
24990 RUBВ наличии
«Хлебные крошки» показывают вложенность карточки товара в общей структуре сайта. Например, конструкцию «Адрес сайта» => «Смартфоны» => «Xiaomi» => «Xiaomi Mi9t» можно вынести в сниппет, тем самым улучшив его вид. Для этого применяется свойство BreadcrumbList (дочерний элемент ItemList):
Для разметки категорий не рекомендуется использовать схемы Product и AggregateOffer. Некоторые вебмастера злоупотребляют данными свойствами, но это чревато санкциями со стороны поисковых систем.
Чтобы вы понимали, о чем речь, покажем на примере:
Если на странице товара есть его рейтинг и отзывы пользователей, то рекомендуем отобразить эту информацию в сниппете. В Google можно частично или полностью вывести текст отзыва, а также рейтинг в виде цифровых значений (например, 4,7 из 5) и звезд.
Пример сниппета с рейтингом в выдаче Google
Для разметки отзывов используйте свойство Review. Оно включает такие параметры:
Убийца флагманов! Алексей4,8 5Телефон быстрый, красивый, есть все необходимое.
После внедрения микроразметки необходимо проверить ее на валидность. Для этого воспользуйтесь специальными сервисами поисковых систем:
Здесь вы можете проверить корректность микроразметки по URL интересующей страницы либо по отдельному фрагменту HTML-кода. В первом случае валидатор покажет всю разметку с данной страницы, а во втором, соответственно, только выбранного фрагмента.
Валидатор микроразметки
Проверка микроразметки в валидаторе Яндекса
Аналогично работе с валидатором Яндекса здесь вставляем URL сайта или фрагмент кода. Отметим, что окно просмотра результата в валидаторе Google удобнее: оно делится на два экрана, на первом из которых отображается код, а на втором — разметка по вкладкам.
Валидатор Google
Ошибки в микроразметке
Как видно на примере, валидатор обнаружил в микроразметке ошибки, которые необходимо исправить. В противном случае поисковик может прочитать микроразметку некорректно или не прочитать ее вовсе.
1 место
SEO для e-commerce
RatingRuneta.ru
9 место
В топ-100 SEO-
компаний России
11 место
В топ-100 SEO-
агентств Рунета
Золотая сотня
Российского Digital
В ТОП-10
«SEO глазами клиентов»