3776 Знания

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

Зачем нужны разметки 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»

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

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

Как настроить разметку 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+ параметрам: оптимизация, отношение поисковиков, технические характеристики, серверная информация, юзабилити, мобилопригодность.

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

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

Google предлагает пользователям оценить результаты поиска
Проверка валидации кода: как найти ошибки в HTML и CSS
Google: не нужно копировать плохие практики других веб-мастеров
Комментарии (0)

Чтобы оставлять комментарии, вам нужно войти в систему

Авторизоваться

К данной записи нельзя добавлять комментарии, т.к. она очень старая.