Чтобы информация с сайта корректно отображалась в сниппетах поисковой выдачи, потребуется микроразметка — теги и атрибуты, которые помогают алгоритмам распознавать контент на странице. Пользователям будет удобнее искать информацию, они сразу смогут понять, что по ссылке находятся нужные им данные — благодаря этому повышается CTR, растет трафик. Рассказываем подробно, что такое микроразметка и как ее использовать.
Что такое микроразметка
Микроразметка — это специальные теги и атрибуты, добавляемые в HTML-код веб-страницы для улучшения индексации и отображения информации в результатах поиска. Она помогает поисковым системам лучше понимать содержимое разделов и предоставлять пользователям структурированный и понятный контент в виде сниппетов в выдаче.
Напрямую микроразметка на ранжирование не влияет, но благодаря ней повышается трафик — потенциальным клиентам проще понять, что ожидает их на странице и соответствует ли информация их запросу. Кроме этого, расширенные сниппеты с быстрыми ссылками выделяются на фоне обычных, где размещены только URL и описание — сайт становится более заметным.
Виды микроразметки
Рассмотрим основные виды микроразметки.
Schema.org
Schema.org — это тип микроразметки, используемый Яндекс, Google и другими поисковыми системами. Она подходит для сайтов любых типов — о конкретных людях, компаниях, товарах, услугах, рецептах и многом другом. Вот несколько примеров микроразметки, которую можно реализовать Schema.org:
- шапка сайта;
- хлебные крошки (путь к текущей странице);
- адрес и контакты организации;
- карточка товара с характеристиками;
- отзывы;
- меню;
- рецепты блюд с ингредиентами;
- заголовки и подзаголовки статьи.
Microdata
Microdata, или микроданные — микроразметка, которая использует стандартные элементы языка HTML. Он состоит из трёх основных атрибутов:
- itemscope — определяет контейнер, в котором размещаются данные об объекте;
- itemtype — указывает на категорию объекта (например, книга или услуга);
- itemprop — указывает на конкретное свойство объекта (например, название книги или вид услуги).
RDFa
RDFa (Resource Description Framework in attributes) — это набор стандартов, который предоставляет больше возможностей для описания элементов страницы с их свойствами по сравнению с другими форматами микроразметки. RDFa использует атрибуты HTML для описания структуры и содержания веб-страницы, что позволяет поисковым системам и социальным сетям лучше понимать контент.
RDFa состоит из двух основных компонентов:
- XHTML — язык разметки гипертекста, который обеспечивает структуру и содержимое веб-страницы.
- RDF — модель описания ресурсов, которая описывает связи между элементами страницы и их свойствами.
JSON-LD
JSON-LD (JavaScript Object Notation for Linked Data) — это формат микроразметки, предназначенный для упрощения передачи связанных данных. Он основан на текстовом формате JSON — JavaScript Object Notation. JSON-LD содержит меньше кода по сравнению с другими видами, такими как microdata и RDFa — за счет этого работать с ним легче. Google рекомендует его в качестве основного способа микроразметки, но он подходит и для работы с Яндексом.
Зачем нужна микроразметка
Рассмотрим основные задачи, которые выполняет микроразметка.
Расширенные сниппеты
Микроразметка облегчает процесс индексации страниц алгоритмами поисковиков. Им легче распознавать контент и понимать, к какому разделу он относится. Благодаря этому в поисковой выдаче формируются структурированные сниппеты с быстрыми ссылками — пользователям будет проще понять, что информация на сайте релевантна их запросу.
Повышение кликабельности
Понятные сниппеты повышают вероятность того, что потенциальный клиент перейдет на сайт. Благодаря быстрым ссылкам пользователи могут перейти сразу в нужный раздел, не тратя много времени на поиск — это дает сайту преимущество перед конкурентами. Это повышает CTR, наращивает трафик и влияет на поведенческие факторы — снижается количество отказов, увеличивается время, проведенное на сайте.
Облегчение обработки данных для поисковых систем
Микроразметка облегчает обработку данных для поисковых систем,потому что она помогает им лучше понять содержимое веб-страницы и структурировать информацию. Это дает возможность формировать выдачу таким образом, чтобы в ТОП попадал наиболее релевантный контент, который полностью соответствует запросу пользователя.
Основные элементы микроразметки
Рассмотрим основные элементы микроразметки для разных типов сайтов и страниц.
Микроразметка для организации
Микроразметка для сайтов организаций может включать следующие элементы:
- контактная информация — адрес, телефон, электронная почта, схема проезда;
- ссылка на профили в соцсетях;
- форма обратной связи или заказа звонка;
- каталог товаров или услуг;
- цены — прайс-лист с указанием стоимости;
- калькулятор, где пользователи могут самостоятельно рассчитать цену;
- отзывы;
- блог с новостями, статьями и полезной информацией.
Микроразметка для продуктов
В микроразметку для продуктов может входить:
- краткое описание товара;
- основные характеристики;
- отзывы покупателей, рейтинг, сформированный на основании обратной связи;
- стоимость, наличие товара;
- условия доставки и оплаты;
- действующие акции, программы лояльности.
Микроразметка для статей и новостей
В микроразметку информационных статей и новостей могут входить такие элементы:
- идентификатор (обязательно);
- заголовок (обязательно);
- текст (обязательно);
- автор;
- тематика;
- даты публикации и изменения;
- рубрика;
- URL.
Микроразметка для мероприятий
Микроразметка мероприятий «Event» поддерживается только в Google — сниппеты выводятся в соответствующий блок сверху или сбоку поисковой выдачи. Вот что она включает:
- название;
- дата, время;
- адрес, карта с геолокацией места проведения;
- программа;
- стоимость билетов и ссылка на страницу покупки;
- особые условия — например, дресс-код, аккредитация, наличие приглашений
Как внедрить микроразметку на сайт
Рассматривает, как создать микроразметку для сайта пошагово.
Руководства и инструменты для разработчиков
Процесс добавления микроразметки на сайт выглядит следующим образом:
- выберите элементы сайта, которые нужно размечать — например, информацию о товарах или контактные данные компании;
- ознакомьтесь с актуальными требованиями и рекомендациями поисковиков Яндекс и Google к микроразметке;
- выберите подходящий синтаксис микроразметки: Microdata,RDFa или JSON-LD;
- изучите схемы Schema.org и выберите подходящую микроразметку, которая соответствует сайту и типу контента;
- добавьте микроразметку к вашему HTML-коду и проверьте корректность через валидатор.
Примеры кода для различных видов контента
Рассмотрим примеры микроразметки для разных сайтов.
Проверка и тестирование микроразметки
После того, как HTML-код микроразметки создан, его нужно проверить на валидаторе — для этого можно использовать сервисы от Яндекс, Google или Schema.org. Они проверяют, как системы проиндексируют код и будет ли он отображаться корректно. Валидаторы указывают на ошибки и дают советы, как их исправить.
Преимущества и недостатки микроразметки
Преимущества использования микроразметки:
- улучшение отображения сниппетов в поисковой выдаче, что повышает кликабельность (CTR);
- повышение видимости сайта, возможность выделиться среди конкурентов, если они не используют микроразметку;
- упрощение индексации страниц поисковыми роботами, что ускоряет обработку информации.
Недостатки добавления микроразметки на сайт:
- чтобы изменять код страниц, нужно иметь знания в верстке или обращаться к специалисту;
- микроразметка усложняет HTML-код сайта, что замедляет процесс его разработки;
- легко допустить ошибку в верстке, и-за чего разметка будет отображаться некорректно;
- некоторые свойства задавать сложно, так как нет примеров их корректного оформления.
Заключение
Подведем итоги:
- микроразметка — это теги и атрибуты, которые вносятся в HTML-код сайта и влияют на отображение результатов поиска;
- благодаря микроразметке в поисковой выдаче формируются расширенные сниппеты с быстрыми ссылками;
- микроразметка напрямую не влияет на ранжирование, но делает сайт более заметным в выдаче и повышает кликабельность;
- основные виды микроразметки — Schema.org, RDFa, JSON-LD, Microdata, они применяются в зависимости от типа сайта и контента;
- главное преимущество микроразметки — повышение видимости сайта и рост трафика, недостаток — сложность внесения изменений в код;
- для того, чтобы внедрить на сайт микроразметку, нужно определить элементы, которые нужно переработать (например, статьи в блоге или информация о компании), после чего найти подходящую схему через сервис Schema.org;
- после того, как изменения будут внесены, микроразметку обязательно нужно проверить через валидатор , чтобы вовремя выявить и устранить ошибки.