Микроразметка в Яндексе

Тэги:  SEO,  Яндекс, Google

О чем статья?

Кому полезна эта статья:

• Маркетологам сайтов
• Специалистам по SEO-продвижению
• Вебмастерам

Что такое микроразметка

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

Развернутый сниппет в поисковой выдаче

Микроразметка не влияет напрямую на ранжирование и место в выдаче. Но с её помощью можно сделать сниппет информативным и привлекательным для пользователей. Они уже в выдаче видят, что страница отвечает их поисковому запросу, и с большей вероятностью перейдут на сайт. Следовательно, улучшится показатель кликабельности (CTR) и вырастет трафик. Если при этом сам сайт полезен и удобен для посетителей, они проведут на нем много времени. Тогда алгоритмы положительно оценят поведенческие показатели. 

Все эти факторы вместе дадут рост позиций в рейтинге. Поэтому наличие микроразметки на сайте полезно для ранжирования и его проверяют в ходе услуги SEO-аудит. 

Сниппет с детальной информацией выгодно выделяется в выдаче. Сравните два примера:

Если пользователь ищет рецепт булочек с корицей, то, скорее всего, перейдет на второй сайт.

Какие форматы микроразметки Яндекса и Google существуют

Schema.org

Этот стандарт рекомендован Яндексом. Он принят в 2011 году корпорациями Google, Yahoo и Bing. Основа микроразметки — набор классов. Они описывают типы сущностей и указывают их свойства. Например, тип сущности — организация, а ее свойства — адрес, телефон и т.д. Сущности и свойства микроразметки прописываются в HTML-коде страницы. Schema.org использует три основных атрибута:

• itemscope – указывает роботу на присутствие микроразметки;

• itemtype — описывает тип сущности;

• itemprop — указывает свойства сущности.

Как разметить данные на сайте

Представьте гипотетический сайт некоего предприятия ТермоЛаб. Часть HTML-кода на главной странице может выглядеть так:

Укажите поисковым системам, какая часть страницы посвящена информации о компании. Для этого добавьте атрибут itemscope к HTML-тегу <div>, в котором дана эта информация:

Атрибут itemscope сообщает поисковикам, что в контейнере присутствует некая сущность. Теперь опишите ее тип — «организация». Это делает атрибут itemtype.

Названия типов имеют вид URL, полный список есть в руководстве Schema.org 

Теперь предоставьте поисковым системам и пользователям полезную информацию о компании: название, адрес, телефон и т.п. Это свойства сущности, которые описывает атрибут itemprop. Дополнительный тег <span>...</span> позволяет привязать атрибут itemprop к релевантному тексту на странице и не влияет на ее отображение в браузере.

Вот как будет выглядеть итоговый HTML-код с микроразметкой.

Open Graph

Этот стандарт разработан социальной сетью Facebook*, его читают также ВКонтакте, Х, LinkedIn, Pinterest. Яндекс берет информацию из Open Graph для своего поиска по видео. Интеграция такой микроразметки на сайт сделает более привлекательным отображение сайта или страницы в сообщениях или в репостах.

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

• название в теге og:title;

• тип og:type;

• канонический URL og:url;

• адрес изображения og:image.

Метатеги для этих данных вставляются в элемент head HTML-кода страницы. Также можно добавить необязательные теги, например, URL видеофайла и др.

Пример микроразметки протокола Open Graph с официальной страницы

JSON-LD

JSON-LD или JavaScript Object Notation for Linked Data — формат, который делает микроразметку с помощью объекта в скрипте. Самый простой в реализации способ, который рекомендован для Google. Также его поддерживает Яндекс Почта. Поисковая система Яндекс считывает JSON-LD в меню «хлебных крошек» и в ответах на вопросы на мобильной выдаче.

Скрипт JSON-LD содержит набор парных данных «ключ=значение». Разработчик создает его на Javascript, Java, PHP, Python, других языках по правилам, описанным в технической документации.

Для чего нужна микроразметка

Вот какие преимущества она дает в SEO:

• Выделение значимого контента в результатах поиска. Например, разделы меню, рейтинг, телефон. Это улучшает кликабельность, приводит больше целевого трафика на сайт.

• Расширенные сниппеты в выдаче. Микроразметка помогает прямо в поиске показать название товара, цену и другие детали, которые привлекают пользователей.

Расширенный сниппет интернет-магазина

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

• Видимость в голосовом поиске. Он использует более длинные запросы. Микроразметка позволяет поисковикам лучше структурировать данные и понять, что контент на сайте релевантен голосовому запросу.

• Улучшенная индексация. Микроразметка делает структуру и контент на странице более понятными для поисковых роботов. Поэтому они быстрее и точнее индексируют такие сайты.

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

Расскажем подробнее, как поисковые системы используют размеченные данные.

Поиск Яндекса на основе микроразметки формирует специальные сниппеты для следующих объектов:

• товары;

• программное обеспечение, игры;

• рецепты;

• сериалы, кино;

• вопросы и ответы для мобильной выдачи;

• рефераты, научные работы;

• организация;

• изображения;

• видеозаписи.

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

Google применяет расширенные сниппеты других видов, в том числе:

• статья или запись из блога в виде заголовка с изображением;

• контент, созданный пользователями, — формат похож на предыдущий, но включает статьи меньшего размера и с комментариями читателей после текста;

• действия с книгой — возможность купить книгу прямо из выдачи;

• строка навигации — информация «хлебных крошек» о том, в каком разделе сайта находится страница;

• карусель — список или галерея страниц с одного сайта, работает для рецептов, фильмов, ресторанов, обучающих курсов;

• рейтинг организации-работодателя — сводная оценка от разных пользователей в сниппете вакансии;

• ориентировочная зарплата — минимальная и максимальная ставки в профессии с учетом среднего заработка в регионе;

• список концертов, фестивалей и других мероприятий с местом и временем проведения.

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

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

Существуют специальные инструменты для бесплатной проверки. Учтите, что все они проверяют только синтаксис микроразметки. За тем, чтобы вывести в нее правильные сущности или объекты, следит сам вебмастер. 

В Яндексе

Проверить микроразметку можно в Яндекс Вебмастере. Валидатор оценивает форматы Schema.org, OpenGraph и некоторые другие ы. В него нужно вставить фрагмент кода или ссылку на сайт. 

Пример проверки в Валидаторе Вебмастера

Инструмент проверяет соответствие разметки не только официальным стандартам, но требованиям Яндекса. Он выделит ошибки красным значком и откомментирует, что исправить. 

В Google

Проверка расширенных результатов от Google Search Console работает похожим образом. В ней также можно проверить готовый код или адрес на сайте. Проверка микроразметки оценит, насколько соблюдены правила стандарта и требования самого Google.

Пример проверки в Google Search Console

Отчет покажет не только ошибки, но и недочеты, которые не являются критичными. Их также стоит устранить, чтобы сделать сниппет на выдаче более точным. К тому же мелкие недочеты могут стать критичными ошибками в будущем.

В Schema.org

Официальный валидатор Schema.org проверяет схемы микроразметки Schema.org. Данные по стандарту JSON-LD он извлекает, но не интерпретирует. Доступен ввод URL или написанного кода. Сервис основан на старом инструменте Google Structured Data Testing Tool, который в Google Search Console заменен на Проверку расширенных результатов — о ней мы рассказали выше. Валидатор Schema.org не оценивает готовую разметку по требованиям Яндекса или Google — только соответствие cвоему стандарту. 

Интерфейс валидатора

Все перечисленные инструменты покажут, почему не работает микроразметка в Яндексе и Google.

Выводы

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

• Микроразметка помогает получить расширенный сниппет с подробными сведениями: цена, рейтинг, адрес и др. Гарантий, что поисковая система покажет расширенный сниппет, нет даже с микроразметкой. Но поисковые роботы все равно лучше понимают контент страницы.

• Существует несколько стандартов микроразметки. Яндекс предпочитает формат Schema.org, использует JSON-LD и Open Graph для отдельных сервисов. Google рекомендует JSON-LD, берет информацию из Schema.org. Репосты в социальные сети или сообщения выглядят понятнее при наличии на сайте Open Graph.

• Микроразметка не влияет напрямую на позицию сайта в выдаче. Однако расширенный сниппет привлекает больше посетителей, улучшает кликабельность и повышает поисковый трафик. Это положительно повлияет на оценку поведенческих факторов и ранжирование. Поэтому исправление микроразметки входят в обязательные работы по SEO.

Успейте проверить соответствие вашего сайта факторам ранжирования Яндекса и Google, пока действует акция на бесплатный  SEO-аудит.

* Принадлежит компании Meta, которая в России признана экстремистской и запрещена.