Стандарт Schema.org был запущен западными поисковыми системами Google, Yahoo и Bing в 2011 года. Чуть позднее к ним присоединился российский Яндекс. Основная задача инициативы состоит в разработке единой семантической разметки HTML5, которая упростила бы поисковикам «понимание» содержимого веб-сайтов, а значит способствовала улучшению качества поиска.
Микроразметка Schema.org предусматривает выделение основных типов сущностей и их свойств с присвоением им определенных значений. Размечаются и передаются данные непосредственно в коде страницы с помощью микроданных, формата JSON-LD или RDFa.
Структурированные данные, размеченные согласно стандарту, извлекаются роботами и могут быть использованы в различных сервисах поисковых систем. Влияет ли микроразметка на позиции сайта? Официальный ответ поисковиков состоит в том, что влияния нет. Но используя разметку Schema.org, можно улучшить представление своего сайта в результатах выдачи и сделать сниппет более привлекательным и кликабельным.
Google рекомендует использовать формат JSON-LD. Однако данные, размеченные микроразметкой JSON-LD, используются только Яндекс.Почтой и пока не отображаются в результатах поиска Яндекса. Чтобы угодить всем поисковикам, выбирайте микроданные в тех разметках, что поддерживаются обеими системами.
Не все описанные в Schema.org схемы разметки задействованы на поиске. В разделах помощи Яндекса и в Google указано, какие типы структурированных данных в настоящий момент используются в формировании расширенных сниппетов — значительно меньше, чем описано словарем Схема.орг, но постепенно их число увеличивается.
Разберем примеры тех схем, которые чаще всего используются на сайтах. Вы поймете как сделать микроразметку и проверить ее в Гугл и Яндекс.
- Хлебные крошки
- Контактные данные организации
- Статья
- Поисковая строка
- Часто задаваемые вопросы
- Вопросы и ответы
- Инструкция
- Товар
- Товарное предложение
- Отзывы на товар или услугу
- Учебные курсы
- Мероприятия
- Рецепты
Микроразметка Schema.org делает ваши данные доступными не только для поисковиков, но и для любых сервисов, использующих данный стандарт в своей работе.
Микроразметка хлебных крошек
Хлебные крошки представляют собой дополнительные цепочки навигации, содержащие путь от главной страницы сайта до текущей. Внедрять их рекомендуем в любом случае — дублирующая навигация полезна и пользователям, и поисковикам. А семантическая разметка крошек позволяет получить красивые сниппеты Google для не-главных страниц:
В Яндексе микроразметка данного типа пока не поддерживается официально, но поисковик сам формирует цепочки для некоторых сайтов. Они, как и быстрые ссылки, основываются на внутренней структуре сайта:
Чтобы сделать разметку хлебных крошек, используется схема https://schema.org/BreadcrumbList.
Пример разметки BreadcrumbList в microdata
Пример разметки BreadcrumbList в JSON-LD
Микроразметка организации
Разметка адреса организации может отображаться на Яндекс.Картах и в Поиске Яндекса в виде адресного сниппета:
Такой же сниппет может сформировать регистрация в Яндекс.Справочнике. Если вы еще не разместили в этом сервисе информацию о своей компании, быстрый способ получить расширенный адресный сниппет — использовать разметку http://schema.org/Organization или http://schema.org/Place, в том числе более специфичную http://schema.org/LocalBusiness для данных о компаниях с привязкой к конкретному месту работы: салоны красоты, пекарни и т.п.
Пример разметки Organization в microdata
ООО Медведица
Адрес и телефон:
5-ая Парковая, 52
105264
Москва, Россия
Телефон:+7 (495) 223 45 45,
E-mail: pochta@medvedica.org
Пример разметки Organization в JSON-LD
Схема Organization не поддерживает разметку времени работы компании.
Микроразметка Organization использовалась в поиске Google для отображения данных о компании в блоке знаний. Теперь эта разметка больше не поддерживается, а данные добавляются автоматически.
Разметка LocalBusiness позволяет передать данные о компании в Google Maps, включая информацию о филиалах. Эти данные поступают в сеть знаний наравне с другими источниками.
Пример разметки LocalBusiness в microdata
Абсолют Корона
ул. Илимская, дом 1 Б
Москва
8 (495) 783-70-83
8 (916) 783-03-03
www.absolutecrown.ru
Время работы:
Пн-Пт 10:00-21:00,
Сб-Вс 10:00-18:00
Цены: 1100-4700 руб.
Пример разметки LocalBusiness в JSON-LD
Микроразметка статей
Разметка Article предназначена для статей, публикуемых на сайте. На десктопе к сниппету добавится дата публикации:
На мобильных устройствах еще и картинка:
Причем картинка может быть как той, что вы указали в разметке в качестве картинки для анонса статьи, так и любой другой со страницы. Google сам определит, какую картинку лучше показать в расширенном сниппете. Их может быть и несколько:
Пример разметки Article в microdata
Аквариумные рыбы лисицы
Лисицы — весьма распространенные рыбы в морской аквариумистике.
Принадлежат к одноимённому семейству Рыбы-лисицы.
Встречаются в водах Индо-Пацифики и Средиземноморья.
Аква Шоп
Дата и время в Schema.org размечаются в формате ISO 8601.
Пример разметки Article в JSON-LD
Поисковая строка
Разметка поисковой строки поддерживается Google и добавляет дополнительное окно поиска по сайту под его адресом при вводе названия бренда или URL конкретного сайта. Она помогает сразу уточнить запрос к сайту и получить нужный результат.
Особенностью данной микроразметки на практике является и то, что ее добавление вовсе на гарантирует появления поиска в сниппете вашего сайта. И наоборот, для крупных популярных сайтов Google сам формирует дополнительную поисковую строку без добавления микроразметки.
Пример разметки в microdata
Пример разметки в JSON-LD
Структурированные данные для информационных сайтов
Данные типы разметки структурируют информационный контент, хотя их можно найти на коммерческих ресурсах.
Микроразметка FAQ: Часто задаваемые вопросы
Разметка Часто задаваемые вопросы (FAQ) предназначена для вопросов и ответов на них, сформулированных, чаще всего, самими владельцами сайта. Вы можете создать FAQ по любой теме и получить хорошее представление в результатах поиска. Данная разметка подразумевает несколько вопросов на странице с только одним ответом.
Разметка вопросов и ответов должна полностью совпадать с содержимым исходной страницы. Кроме того FAQ нельзя использовать для рекламы, зато Google поддерживает HTML-разметку внутри ответов, а значит внутри информационного контента можно разместить ссылки на другие страницы.
Пример разметки FAQpage в microdata
✅ Когда можно обратиться в офис?
Мы работаем без выходных и перерывов на обед.
Время работы нашего офиса: пн, вт, ср, чт, пт – 10:00-20:00,
сб, вс – 10:00-17:00.
✅ Можно ли осмотреть Ваши автомашины? Как это сделать?
Осмотр автомобилей производится в нашем автопарке до заключения договора
и оплаты. Типовой договор Вы можете найти по ссылке.
Пример разметки FAQpage в JSON-LD
Для открытых вопросов, ответы на которые может оставлять любой пользователь, т.е. ответов может быть несколько, используется другой тип разметки — Вопросы и ответы (Q&A).
Микроразметка Q&A: Вопросы и ответы
Разметка Q&A подходит для форумов или сервисов вопросов и ответов. Структура данных в этому случае подразумевает наличие на странице одного вопроса и несколько ответов.
По рекомендациям Google, желательно формировать собственный URL для каждого ответа, чтобы облегчить навигацию для пользователей. Сделать это можно, например, добаляя хэш с идентификатором ответа к адресу страницы с вопросом. Такие адреса вы сможете отслеживать и в системах статистики.
Микроразметка QApage заметна в расширенных результатах поиска, прежде всего, на мобильных устройствах:
На десктопах сниппет меняется незначительно, но тем не менее:
Если на странице может быть несколько вопросов, то используйте схему разметки FAQ.
Пример разметки QApage в microdata
Как много пальцев у кошки?
52
Интересно, как много пальцев у кошек на лапках?
спросили
Ваня Иванов
2 ответа
26 оценок
1337
В норме у кошачьих 18 пальцев: по 5 на передних лапках и по 4 на задних.
Но у кошек широко распространена полидактилия. У знаменитых кошек Хэмингуэя,
живущих в его доме на Кубе, на передних лапах по 6 пальцев и больше.
Ссылка на ответ
ответ
Алексей Котиков
Пример разметки QApage в JSON-LD
Микроразметка How-To: Инструкция
HowTo-разметка улучшит представление в результатах поиска страниц с пошаговыми инструкциями. Каждый шаг может содержать поясняющие фото и видеоматериалы или же просто текст.
Как и в случае Q&A-схемы, желательно разметить каждый шаг инструкции с собственными урлами с хешем. Пользователь, кликнув по определенному шагу, сможет попасть сразу на соответствующее место в вашей статье.
Разметка работает только на мобильных устройствах и должна соответствовать требованиям Google:
- Инструкция не может содержать рекламу и использоваться в маркетинговых целях.
- Не должны присутствовать оскорбительные или дискриминационные высказывания, материалы сексуального характера, призывы к противоправным действиям.
- Содержимое размеченной инструкции должно полностью присутствовать на оригинальной странице.
- Инструкция должна быть разбита на четкие последовательные шаги. Если вы используете иллюстрации к шагам, то они должны быть уникальными и соответствующими конкретному шагу.
Формат HowTo не применим для микроразметки кулинарных рецептов, для них существует отдельныйтип структурированных данных Рецепты.
Пример разметки HowTo в microdata
Как отправить посылку за
1 день
Отправляйте товары легко с нашей инструкцией.
Шаг 1. Подготовьте посылку и документы.
Сложите отравление в коробку и аккуратно заклейте
скотчем. Прикрепите бумаги к коробке.
Шаг 3. Отдайте посылку курьеру.
Не забудьте записать номер накладной.
Свойство totalTime означает примерное количество времени, которое понадобится на выполнение перечисленных в инструкции действий. Его необходимо размечать необходимо в стандарте ISO 8601.
Пример разметки HowTo в JSON-LD
Структурированные данные для интернет-магазинов
Для интернет-магазинов и любых коммерческих сайтов, содержащих информацию о товарах с ценами, есть специальные типы разметки для получения красивого и информативного сниппета.
Микроразметка Product для карточки товара
Страница товара размечается с помощью типов https://schema.org/Product и https://schema.org/Offer. Размечаются данные о товаре или услуге (Product) и цене (Offer).
В Яндексе микроразметка Product тоже работает, хотя по сравнению со сниппетом по программе Товары и цены, выглядит менее заметно:
Пример разметки Product-Offer в microdata
Пример разметки Product-Offer в JSON-LD
Микроразметка товарного предложения
Для страницы одного товара с несколькими товарными предложениями, когда цена, например, зависит от определенных факторов и может меняться (разные расцветки одной модели смартфона), то нужно использовать микроразметки https://schema.org/Product и https://schema.org/AggregateOffer.
Схема разметки AggregateOffer обязательно содержит в себе минимальную и максимальную цену на товар, которые выводятся в поисковом сниппете:
Пример разметки Product-AggregateOffer в microdata
Dell UltraSharp 30" Монитор LCD
от DELL
Dell UltraSharp 30 с поддержкой технологии
Premier Color — UP3017.
8.2
из 10
на основании 5 отзывов покупателей
22000
до 32000
рублей
от 2 продавцов
Предложения:
Пример разметки Product-AggregateOffer в JSON-LD
Микроразметка отзывов
Если вы публикуете отзывы покупателей и клиентов на страницах товаров и услуг, то можно встроить их в разметку товара с помощью свойства review. В этом случае рейтинг товара отобразится в сниппете страницы:
Для этого обращайтесь к уже приведенному примеру разметки Product и добавляйте соответствующую разметку для отзывов https://schema.org/Review.
Пример разметки Product с review в microdata
...
7 сентября 2018
Очень вкусные булочки!
7 сентября 2020
Пекарня уже не та...
Маленький выбор, пирожки вчерашние.
...
Пример разметки Product с review в JSON-LD
Другие виды микроразметки Schema.org
Приведем еще несколько схем разметки для специфичного контента, который часто можно встретить в выдаче.
Разметка образовательных курсов
Подходит для разметки учебных курсов и образовательных программ, состоящих из нескольких модулей (уроков). Разовые образовательные события, такие как, например, 2-часовая лекция, относятся к мероприятиям.
В разметке надо четко указывать названия учебных заведений и материалов курсов, нельзя использовать цены, скидки и призывы к покупке.
Расширенный сниппет формируется для страницы со всем курсами, тогда как разметка делается на странице каждого курса отдельно.
Для разметки используйте схему https://schema.org/Course. Узнать больше о разметке курсов в материалах Google.
Разметка мероприятий
Эта разметка привлечет внимание к вашим мероприятиям в поиске и на Google-картах.
Ее можно использовать не только для концертов, но и для любых ивентов: выставок, акций компании с четкими временными ограничениями и т.д.
Для разметки используйте схему https://schema.org/Event. Узнать больше о разметке мероприятий в материалах Google.
Разметка рецептов
Разметка кулинарных рецептов участвует в формировании специальных снипетов и в Яндексе, и в Гугле.
Разметку можно увидеть в результатах поиска.
В Google также можно увидеть специальную карусель из рецептов при некоторых запросах.
А в Яндексе — попасть в расширенный сниппет справа от основного поиска.
Для разметки используйте схему https://schema.org/Recipe. Узнать больше о разметке рецептов в материалах Google и Яндекс.
Валидатор микроразметки
На этапе внедрения пользуйтесь специальными сервисами для проверки структурированных данных.
У Яндекса такой функционал представлен в инструменте Вебмастер. Авторизуйтесь в сервисе и пройдите по ссылке Инструменты — Валидатор микроразметки. Проверить микрозметку можно по URLу страницы или фрагменту HTML-кода.
В Google проверка микроразметки доступна в https://search.google.com/structured-data/testing-tool/u/0/ с похожими возможностями. Но тут интерфейс чуть более удобен — в нем для любого исходного варианта предусмотрена возможность отладки и мгновенной проверки внесенных в разметку изменений.
Здесь есть 2 типа замечаний: собственно ошибки (выделяются красным), которые мешают интерпретации разметки, и предупреждения (выделяются оранжевым), которые допустимы, но говорят о том, что данные в разметке неполные.
Недавно Google представил еще один онлайн-инструмент, чтобы проверить расширенные сниппеты и узнать может ли ваша разметка быть показана в результатах поиска https://search.google.com/test/rich-results?hl=ru. Необходимо указать URL страницы или фрагмент проверяемого кода и выбрать основного робота (в большинстве случаев это Googlebot для смартфонов).
Вместо заключения
Как видите, получить красивый сниппет, привлекающий внимание, совсем не сложно! Достаточно один раз разобраться в Schema.org, используя наши подсказки и примеры, и вы сможете самостоятельно структурировать данные на своем сайте.
