6666 Знания

Главное о микроразметке Schema.Org и Open Graph: подборка знаний для веб-мастеров

Зачем нужны разметки Schema.Org и Open Graph, как установить их на сайт, и как интернет-магазину разметить товары и категории. Обновили подборку.

Разметка нужна, чтобы структурировать данные на странице — она помогает ботам распознавать тип контента и содержание. Разберем популярные разметки Open Graph и Schema.Org — зачем они нужны, как их настроить и как проверить корректность заполнения.

Как внедрить микроразметку информации Schema.Org на сайт, и что это дает?

Обновленное руководство по Schema.Org: зачем нужна информационная микроразметка, какие виды бывают, и как установить разметку на сайт.

В статье:

  • Зачем нужна микроразметка
  • Как составить разметку Schema.Org
  • Как внедрить Schema.Org на сайт
  • Как проверить корректность разметки Schema.Org

Микроразметка указывает поисковым роботам на содержание страницы, это сделает сниппет информативнее и красивее, и повысит CTR. Для этого используют разметку Schema.Org, с ее помощью можно оформить сниппет с данными о товаре, информацию о компании, рецепт на сайте, обзор, сводку по фильму и другой контент.

сниппет рецепта с разметкой Schema.org
Сниппет рецепта с разметкой


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

Читать статью

Как сделать разметку «хлебные крошки» на сайте

«Хлебные крошки» — цепочка для навигации, показывает, какое место в иерархии сайта занимает страница, которую смотрит пользователь. С помощью «хлебных крошек» пользователь сможет быстро перейти в корневой каталог, раздел, которые просматривает, или на главную сайта.

Сделать такую навигационную цепочку поможет разметка «BreadcrumbList» — разновидность «ItemList» Schema.org.

Разметка хлебные крошки
«Хлебные крошки» на сайте grandcanyon-nn.ru

На сниппете в выдаче путь до страницы настраивают тоже с помощью разметки «Breadcrumbs»:

Хлебные крошки в выдаче
Сниппет с разметкой «Breadcrumbs»

Читатель PR-CY поделился лайфхаком, как ему удалось повысить кликабельность сниппета, улучшив внешний вид хлебных крошек.

В материале разбираем, как настроить такую разметку на страницах сайта вручную и с помощью плагинов. А еще откуда взялось такое название и при чем тут хлеб.

В статье:

  • Что такое «хлебные крошки»
  • Как добавить «хлебные крошки» самостоятельно
  • Как сделать сниппет с «хлебными крошками» заметнее в выдаче
  • Плагины CMS для «хлебных крошек»
  • Как проверить отображение разметки «хлебных крошек»

Читать статью

Как настроить разметку Schema.Org для статей и других текстов


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

Отчет по контенту в Яндекс.Метрике

Эти отчеты будут доступны, если установить разметку. В статье разберемся, какую использовать для статей и новостей и какие сервисы позволяют заполнять ее автоматически, а не вручную.

В статье:

  • Как настроить новые отчеты по контенту в Метрике
  • Почему без Schema.org отчетов не будет
  • Как настроить Schema.org для текстового контента


Читать статью

Микроразметка для сайта интернет-магазина: как настроить разметку Schema.org для товаров и категорий

Как настроить микроразметку товаров для Яндекса и Google, валидатор микроразметки для проверки и совет по разметке категорий.

В статье:

  • Зачем нужна микроразметка для интернет-магазина
  • Как настроить микроразметку товаров
  • Как настроить микроразметку категорий
  • Как проверить микроразметку на сайте

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

микроразметка для агрегаторов товара
Сниппет с разметкой агрегатора

Для этой цели нужна Schema.org, схемы Product и Offer для одного предложения или Product и AggregateOffer для списка предложений. Их поддерживают и Яндекс, и Google.

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

Читать статью

Как настроить микроразметку для отзывов и комментариев

Отзывы и комментарии на сайте могут послужить SEO на пользу. В статье разбираемся, какие комментарии помогут в продвижении, какие есть требования по длине и содержанию, и как установить микроразметку для отзывов на странице.

микроразметка для отзывов в сниппете
Сниппет с рейтингом и счетчиком отзывов

В статье:

  • Какие комментарии на странице учитывают ПС
  • Как установить микроразметку Schema.org для отзывов и комментариев
  • Как составить микроразметку для комментариев к статье
  • Как составить микроразметку для отзывов к товару
  • Как внедрить Schema.Org на сайт

Читать статью


Микроразметка ​Open Graph: что это и как настроить

Как настроить разметку Open Graph самостоятельно, чтобы пользователи делились материалами в соцсетях с красивыми превью. Материал подойдет для начинающих.

В статье:

  • Кнопки «Поделиться в соцсетях» на сайте
  • Проблема с добавлением ссылки в социальную сеть
  • Протокол Open Graph от Facebook
  • Ключевые мета-теги Open Graph
  • Пример микроразметки страницы с помощью Open Graph
  • Сервисы для работы и плагины Open Graph

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

микроразметка Open Graph
Превью с разметкой

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

Читать статью

Проверить разметку Schema.Org и Open Graph

Проверить, правильно ли заполнили разметку, и посмотреть, как ее воспринимают боты, можно в сервисе Анализ сайта. Он проверит ресурс по 70+ параметрам: оптимизация, отношение поисковиков, технические характеристики, серверная информация, юзабилити, мобилопригодность.

анализ микроразметки сайта
Фрагмент анализа сайта

Какие еще материалы по теме вам были бы интересны?


Комментарии (5)
Есть ли микроразметки для нестандартных сайтов?
viktim   26.05.2020 19:18
Есть почти на все типы сайтов, только вот будет ли показываться эти данные в результатах поиска под вопросом, особенно если ответственный человек не знает про правильную вёрстку...
Какой плагин лучше для продвижения в яндекс и гугл использовать?
viktim   26.05.2020 19:21
Когда будет статья про правильную вёрстку с нужными атрибутами для популярных типов разметок?

Мало кто знает: для вывода всех этих данных в первую очередь вёрстка должен соответствовать стандарту.
kurdt1988   26.05.2020 19:51
Сначала надо в топ попасть а уж потом заморачиваться с такими мудреными штуками.
Войдите, чтобы комментировать
Чтобы оставлять комментарии, вам нужно войти или зарегистрироваться.
Вход или регистрация
К данной записи нельзя добавлять комментарии, т.к. она очень старая.
Как настроить разметку Schema.Org для статей и других текстов
Как сделать комментарии и отзывы на сайте полезными для SEO
14 важных инструментов для SEO от PR-CY