Разметка нужна, чтобы структурировать данные на странице — она помогает ботам распознавать тип контента и содержание. Разберем популярные разметки Open Graph и Schema.Org — зачем они нужны, как их настроить и как проверить корректность заполнения.Как внедрить микроразметку информации Schema.Org на сайт, и что это дает?Обновленное руководство по Schema.Org: зачем нужна информационная микроразметка, какие виды бывают, и как установить разметку на сайт.
В статье:
- Зачем нужна микроразметка
- Как составить разметку Schema.Org
- Как внедрить Schema.Org на сайт
- Как проверить корректность разметки Schema.Org
Микроразметка указывает поисковым роботам на содержание страницы, это сделает сниппет информативнее и красивее, и повысит CTR. Для этого используют разметку Schema.Org, с ее помощью можно оформить сниппет с данными о товаре, информацию о компании, рецепт на сайте, обзор, сводку по фильму и другой контент.
Сниппет рецепта с разметкой
Проверить, правильно ли вы разметили данные, и как их воспринимают поисковики, можно через валидаторы.
Читать статью
Микроразметка для сайта интернет-магазина: как настроить разметку Schema.org для товаров и категорий
Как настроить микроразметку товаров для Яндекса и Google, валидатор микроразметки для проверки и совет по разметке категорий.
В статье:
- Зачем нужна микроразметка для интернет-магазина
- Как настроить микроразметку товаров
- Как настроить микроразметку категорий
- Как проверить микроразметку на сайте
Интернет-магазины устанавливают микроразметку на страницы товаров: это может быть один товар, который продается в этом магазине, или страница товара в агрегаторе со ссылками на точки продаж. В сниппет можно вывести название товара, цену в нужной валюте, его наличие, фотографию, отзывы пользователей и рейтинг.
Сниппет с разметкой агрегатора
Для этой цели нужна Schema.org, схемы Product и Offer для одного предложения или Product и AggregateOffer для списка предложений. Их поддерживают и Яндекс, и Google.
Разметки для категорий товаров нет, но некоторые веб-мастеры находят выход, о котором мы тоже рассказали. Предупреждаем, что он противоречит правилам поисковиков, так что размечайте на свой страх и риск.
Читать статью
Проверить разметку Schema.Org и Open Graph
Проверить, правильно ли заполнили разметку, и посмотреть, как ее воспринимают боты, можно в сервисе Анализ сайта. Он проверит ресурс по 70+ параметрам: оптимизация, отношение поисковиков, технические характеристики, серверная информация, юзабилити, мобилопригодность.
Фрагмент анализа сайта
Микроразметка Open Graph: что это и как настроить
Как настроить разметку Open Graph самостоятельно, чтобы пользователи делились материалами в соцсетях с красивыми превью. Материал подойдет для начинающих.
В статье:
- Кнопки «Поделиться в соцсетях» на сайте
- Проблема с добавлением ссылки в социальную сеть
- Протокол Open Graph от Facebook
- Ключевые мета-теги Open Graph
- Пример микроразметки страницы с помощью Open Graph
- Сервисы для работы и плагины Open Graph
Веб-мастеры настраивают кнопки для репостов в социальные сети на страницах с контентом, чтобы пользователи могли делиться материалами в соцсетях и приводить дополнительный трафик. При этом превью в соцсети может выглядеть некорректно, если система поставит на обложку не ту картинку со страницы или не заполнит в описание.
Превью с разметкой
Для корректного отображения превью в социальных сетях используют разметку Open Graph, она позволяет установить нужную информацию для показа — обложку, заголовок, описание, адрес ссылки.
Читать статью