Продвигаем бизнес в Интернете с 2001 года

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

Микроразметка страниц повышает информативность сниппетов в поисковой выдаче и за счет этого повышает количество заинтересованных переходов на сайт. Рассказали подробнее, как размечать страницы сайтов.

Последнее обновление: 26 августа 2024 года
16656
Время прочтения: 6 минут

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


О чем статья?


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

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

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

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

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

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


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

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

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

Простой сниппет

Простой сниппет

Детальный сниппет

Детальный сниппет

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

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

Schema.org

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

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

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

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

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

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

<div>
<span>ТермоЛаб</span>
Контакты:
<div>
Адрес: Проектируемый проект, 6 стр.1,
445000,
Тольятти,
</div>
Телефон: 8 800 000–00–00 
Электронная почта: info@termоlab.ru
</div>

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

<div itemscope>
<span>ТермоЛаб</span>
Контакты:
<div>
Адрес: Проектируемый проект, 6 стр.1,
445000,
Тольятти,
</div>
Телефон: 8 800 000–00–00 
Электронная почта: info@termоlab.ru
</div>

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

<div itemscope itemtype="httрs://schema.org/Organization"
<span>ТермоЛаб</span>
Контакты:
<div>
Адрес: Проектируемый проект, 6 стр.1,
445000,
Тольятти,
</div>
Телефон: 8 800 000–00–00 
Электронная почта: info@termоlab.ru
</div>

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

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

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

<div itemscope itemtype="httрs://schema.org/Organization"
<span itemprop="name"> ТермоЛаб </span>
Контакты:
<div itemscope itemtype="httрs://schema.org/PostalAddress"
Адрес:
<span itemprop="streetAddress">Адрес: Проектируемый проект, 6 стр.1</span>
<span itemprop="postalCode"> 445000</span>
<span itemprop="addressLocality"> Тольятти </span>,
</div>
Телефон:<span itemprop="telephone">8 800 000–00–00 </span>,
Электронная почта: <span itemprop="email"> info@termоlab.ru </span>
</div>

Open Graph

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

С Open Graph ссылка на страницу понятно и информативно видна в соцсети

С Open Graph ссылка на страницу понятно и информативно видна в соцсети

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

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

  • тип og:type;

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

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

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

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

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

JSON-LD

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

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

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

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

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

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

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

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

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

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

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

Когда и где:
10 октября – онлайн-день
17-18 октября – офлайн-дни в Сколково

Optimization-2024 – крупнейшее практическое мероприятие, которое целиком и полностью посвящено продвижению бизнеса в интернете.

Каждый год собираем самых интересных спикеров и самые горячие темы и обсуждаем, как нам жить в онлайн-пространстве, когда правила игры и потребности пользователей постоянно меняются.

На конференции вас ждёт 20 секций и более 70 докладов от ведущих экспертов отрасли!

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

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

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

  • товары;

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

  • рецепты;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В Яндексе

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

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

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


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

В Google

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

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

Пример проверки в 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, которая в России признана экстремистской и запрещена.


Дмитрий Мрачковский
Лого АиП
Дмитрий Мрачковский
Руководитель группы оптимизаторовЭксперт
В SEO с 2011 года. Прошел путь от SEO-оптимизатора до руководителя группы оптимизаторов. Разрабатывает стратегию продвижения сайта и выдает рекомендации. Ключевые компетенции – e-commerce, строительство, недвижимость, B2B.
Наталья Иванникова
Лого АиП
Наталья Иванникова
Автор блогаРедактор блога
Профессиональный копирайтер. Увлечения: новые технологии, нейробиология, генетика, психология, спорт.
Татьяна Минина
Лого АиП
Татьяна Минина
Редактор блога
Профессиональный журналист, копирайтер, член Союза Журналистов России, автор более 6000 публикаций в СМИ и контентных проектах. Сфера профессиональных интересов: digital-маркетинг, журналистика, SEO, ЗОЖ.
Теги: SEO, Google, Яндекс

Вам будет интересно

Хотите обсудить ваш проект?
Напишите нам о своих бизнес-задачах, и мы предложим проверенные решения.

Доставляем экспертный контент

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

Нажимая на кнопку «Подписаться», я даю согласие на обработку персональных данных и соглашаюсь c политикой конфиденциальности

Спасибо за подписку!

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

Произошла ошибка

Пожалуйста, попробуйте еще раз