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

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

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

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

В статье:

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

Микроразметка указывает поисковым роботам на содержание страницы, это сделает сниппет информативнее и красивее, и повысит CTR. Для этого используют разметку 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, она позволяет установить нужную информацию для показа — обложку, заголовок, описание, адрес ссылки.

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

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

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

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

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

Источник: pr-cy.ru