Schema.org – микроразметка, структурирующая информацию на веб-ресурсе для поисковиков. Благодаря ему поисковые роботы определяют, какие именно сведения с сайта отобразить в расширенном сниппете.
Сниппет – это короткое описание содержания страницы, отображаемое в поисковой выдаче под ссылкой на нее. Расширенный сниппет формируется из информации, структурированной микроразметкой сайта.
Скриншот выдачи без использования опции Schema.org:
Сниппет без микроразметки
Сниппет без микроразметки
Пример выдачи по аналогичному запросу, но после внедрения разметки:
Сниппет с микроразметкой
Сниппет с микроразметкой
Эта схема показывает, как считывает размеченную информацию поисковая машина.
Микроразметка Shema.org интегрируется в HTML-код сайта. Подробнее узнать, что она собой представляет, можно на официальном сайте.
Назначение микроразметки Schema.org
Структурирование информации с помощью schema.org используется в SEO-продвижении веб-ресурса. Пользователи не всегда могут заметить результат ее внедрения. Однако, сайт с микроразметкой Shema поисковики помещают на верхние позиции выдачи, что положительно влияет на его восприятие целевой аудиторией.
Кроме того, при поиске конкретной продукции по пользовательскому запросу Яндекс и Google могут разместить ваш товар на собственных сервисах и торговых онлайн-площадках с отображением его размеченных характеристик.
Информация, подлежащая разметке schema.org
Разметка Shema включает множество различных объектов и их характеристик. Сегодня с ее помощью можно структурировать уже более 100 типов информации, в том числе:
Шапка сайта (WPHeader).
Навигационное меню (SiteNavigationElement).
«Хлебные крошки» (Breadcrumbs).
Адреса и организации (Organization и LocalBusiness).
Товарный список (Products list).
Карточка товара (Product → Offer).
Карточка услуги (Product → AggregateOffer).
Перечень статей в блоге (Blog).
Статья в блоге (Article, NewsArticle и BlogPosting).
Исследовательская работа (CreativeWork).
Кинофильм (Movie).
Рецепт (Recipe).
Изображение (Painting).
Картинка (ImageObject).
Видеофайл (VideoObject).
Событие (Event).
Вопрос-ответ (Question).
Отзывы (Reviews).
Футер сайта (WPFooter).
Классификация микроразметки Schema.org
Каждая характеристика может быть размечена различными способами. К примеру, для наименования продукции используются:
Ссылка на продукт размечается следующими способами:
<a itemprop="url" href="ссылка">a>;
<meta itemprop="url" content="ссылка" />;
<link itemprop="url" href="ссылка" />.
Метод микроразметки характеристик определяется тем, какие при этом преследуются цели. Часто онлайн-магазины применяют теги <meta> или <link> для скрытой разметки. Они по умолчанию не отображаются, но их можно увидеть в исходном коде веб-страницы.
Разметка шапки сайта (Schema.org WPHeader)
В качестве примера рассмотрим такую шапку веб-ресурса:
В официальном ответе техподдержки Google часть экспертов утверждают, что разметка последнего элемента вообще не требуется, другие рекомендуют использовать нециклическую ссылку. Однако опыт показывает, что неразмеченный элемент не индексируется поисковиком в выдаче.
Разметка организации (Organization и LocalBusiness)
Данные объекты находятся в иерархической взаимосвязи между собой. Organization – большая организация, например школа, коммерческая компания, научно-производственное объединение и т. д.
LocalBusiness – подчиненный филиал (часть) объекта Organization. Например, им может обозначаться ресторан, принадлежащий ресторанной сети, отделение банка, ночной клуб, боулинговый центр.
Через Organization лучше обозначать юридический адрес (головной штаб) организации, с помощью LocalBusiness – остальные отделения. Может показаться, что второй объект необходимо вкладывать в первый, но делать этого категорически нельзя.
До микроразметки «Организация» имеет вид:
<div>
<div>название_компанииdiv>
<div><img src="ссылка_на_логотип" />div>
<div>почтовый_индекс, Страна, Область, Город, улица, номер домаdiv>
В разметке лучше размещать только основные сведения о продукте. Также при необходимости можно указать свойство отзывов, рейтинг для товарного перечня.
В Google микроразметка этого объекта при имеющейся подробной странице не разрешена (так указано в сопроводительном документе). По этой причине размечать список рекомендуется исключительно при ее отсутствии. Если подробная страница продукта все же имеется, разметку применять нужно только к ней.
Любому товару свойственна своя специфика: у одного нет комментариев пользователей, для другого неизвестен производитель и т. д. Из-за этого подробная разметка возможна не всегда, однако валидатор Google будет это фиксировать и отмечать.
Как правильно заполнять поля в карточке продукта, как осуществляется учет товаров и цен в Яндексе – посмотрите на официальной странице российского поисковика.
Применяемые свойства
Свойство или объект
Описание
http://schema.org/Product
Начинает микроразметку продукта
http://schema.org/Offer
Начинает разметку товарных характеристик
http://schema.org/Review
Начинает разметку отзывов на продукт
http://schema.org/Rating
Начинает микроразметку рейтинга
name
Наименование
image
Изображение
price
Стоимость
priceCurrency
Используемая денежная единица (RUB, USD, EURO и т. д.)
availability
Доступность товара. Варианты:
http://schema.org/PreOrder − по заказу;
http://schema.org/InStock − в наличии;
http://schema.org/OutOfStock − отсутствует в продаже
description
Короткое описание продукта
http://schema.org/AggregateRating
Начинает микроразметку товарного рейтинга
ratingValue
Готовый рейтинг товара по результатам оценки (числу голосов) пользователей
reviewCount
Число проголосовавших
brand
Торговая марка
model
Модель (артикул)
sku
Оставшееся на складе число товарных единиц
priceValidUntil
Срок актуальности (неизменности) стоимости
name
Название отзыва
author
Автор отзыва (Ф. И. О.)
datePublished
Дата размещения отзыва
worstRating
Наименьшая оценка отзыва
ratingValue
Готовый рейтинг отзыва по результатам оценки пользователями (числа голосов)
bestRating
Наибольшая оценка отзыва
description
Содержание отзыва
Разметка услуги (Product → AggregateOffer)
Данное свойство заменяет Offer в объекте Product.
Многие веб-ресурсы предлагают пользователям услуги. Зачастую их стоимость точно не определена, вместо этого минимальное значение цены или ее диапазон. В таких ситуациях рекомендуется применять свойство AggregateOffer взамен Offer.
Для микроразметки услуг обычно применяют объект https://schema.org/Service, но оптимальным вариантом будет http://schema.org/Product.
Разметка статей блога (Article, NewsArticle или BlogPosting). Отличие между Article, NewsArticle и BlogPostiing
Эти типы применяют почти идентичные свойства и определяют главные характеристики разметки статьи (заголовок, тело, дату размещения), поэтому замена BlogPosting на Article не отразится на результате. Выбор между ними определяется типом текстовых материалов:
BlogPosting – используется для инфостатей в блоге и публикаций на веб-ресурсе;
NewsArticle – применяется для новостей (новостных текстов);
Article – универсальная схема, подходящая для любых типов текстов.
В приведенной ниже универсальной микроразметке можно заменить общий Article на более узкие NewsArticle и BlogPosting – валидность от этого не поменяется.
Данный объект описывает различные типы исследовательских и творческих работ, например кандидатские, монографии (и книги вообще), научные диссертации, дипломы и т. д.
Без разметки он записывается как:
<div>
<img alt="essay cover" src="essay.jpg" />
<span>Сказки Пушкинаspan>
<span>Иван Петровspan>,
<span>Александр Сергеевич Пушкин как выдающийся, великий русский поэт, драматург и прозаик. Общая характеристика творчества Пушкина в середине 20-х годов XIX века. История создания сказок. Образный мир и исторические корни сюжетов поэтических произведений.span>
div>
Размеченная научная работа приобретает следующий вид:
<span itemprop="description">Александр Сергеевич Пушкин как выдающийся, великий русский поэт, драматург и прозаик. Общая характеристика творчества Пушкина в середине 20-х годов XIX века. История создания сказок. Образный мир и исторические корни сюжетов поэтических произведений.span>
div>
Другие примеры микроразметки научной работы доступны на официальном сайте.
Поля, которые нужно заполнить, и правила учета этого объекта в Яндексе можно изучить на официальном сайте российского поисковика.
Этот объект находится в подчиненном положении по отношению к FAQPage и QAPage.
Неразмеченный «вопрос-ответ» записывается в следующем виде:
<div>
<div>Как продвинуть сайт в Москве?div>
<div>Сколько ни пытаюсь, не получается.div>
<div>Ответ №1: <span>Для начала прочитайте статью на тему, как продвинуть сайт в регионах: https://d-element.ru/about/blog/kak-prodvinut-sayt-v-regionakh/span>div>
<div>Ответ №2: <span>Кто бы умел...span>div>
div>
После внедрения разметки FAQ Page (один вопрос — один ответ) выглядит следующим образом:
<div itemprop="upvoteCount"/>3div> //Всего голосов за ответ
Ответ: <span itemprop="text">Для начала прочитайте статью на тему, как продвинуть сайт в регионах: https://d-element.ru/about/blog/kak-prodvinut-sayt-v-regionakh/span>
div>
div>
div>
Рассмотрим, как выглядит разметка «Вопрос-ответ» (с ответом на каждый вопрос) для типа QAPage:
Сейчас Яндекс работает с отзывами исключительно об авто или организациях. Напротив, американский поисковик принимает комментарии пользователей на организации, книги (Book), обучающие материалы (Course), события (Event), инструкции (HowTo), кинофильмы (Movie), продукцию (Product), кулинарные рецепты (Recipe), игры и ПО (Game).
Далее рассмотрим пример отзыва об организации.
До внедрения разметки этот объект выглядит так:
<div>
<span>Отличная организация!span> от <span>Николай Правдинspan>,
<span>Очень хорошая организация! Пользовался их услугами, все ок!span>
Еще больше полезных материалов, кейсов,
исследований и статей с экспертизой по разным направлениям digital
мы публикуем в телеграм-канале Ingate Group.
Рассказываем, с помощью каких инструментов решать разные маркетинговые задачи,
отвечаем на ваши вопросы и заявки.
Укажите в заявке ваше имя и номер телефона. Наши
менеджеры свяжутся с вами, ответят на все вопросы и подготовят коммерческое
предложение!
ЗАКАЗАТЬ ОБРАТНЫЙ ЗВОНОК
Укажите в заявке ваше имя и номер телефона. Наши
менеджеры свяжутся с вами, ответят на все вопросы и подготовят коммерческое
предложение!
ПОЛУЧИТЕ ВЫГОДНОЕ ПРЕДЛОЖЕНИЕ
Укажите в заявке ваше имя и номер телефона. Наши
менеджеры свяжутся с вами, ответят на все вопросы и подготовят коммерческое
предложение!
ЗАДАЙТЕ ВОПРОС
Опишите проблему, которую хотели бы обсудить или
задайте вопрос, который на данный момент требует решения. Если они касаются
нашей сферы деятельности, мы обязательно ответим.
Оставьте заявку и мы вышлем
пример аудита вам на почту
Укажите в заявке ваше имя и номер телефона. В скором времени наши менеджеры
свяжутся с вами и ответят на все вопросы!
Расскажи о своем
проекте
Опиши какие результаты ты хочешь получить, а мы предложим стратегию
продвижения. Для этого специалисты бесплатно проведут первичный
анализ твоего сайта и составят документ с рекомендациями.
ПОЛУЧИТЕ БЕСПЛАТНЫЙ
АУДИТ САЙТА НА ПОЧТУ!
Оставьте ваши контакты и в скором времени наши менеджеры свяжутся с вами,
ответят на все вопросы, а если надо, то подготовят коммерческое
предложение!
МЫ ПОЛУЧИЛИ ВАШУ
ЗАЯВКУ!
Мы работаем по будням с 9:00 до 18:00. Наш
менеджер свяжется с вами в
указанное время.