Инструкция по применению микроразметки Sсhema.org для чайников. Часть 2

Казалось бы, ваш сайт наполнен интересной и полезной информацией, однако посетители к вам не спешат. Что же не так? Дело в том, что ваш сайт привлекателен для пользователей, но не для поисковых роботов. А чтобы он понравился этим бездушным труженикам сети, нужна оптимизация. Одним из ее пунктов является использование микроразметки Schema.org. Мы говорили об основных ее видах в прошлый раз.

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

Товары/услуги

Немногие компании размечают товары и услуги, ведь это занимает много времени, однако не стоит лениться — чем больше тегов, тем выше вероятность, что поисковые роботы заметят ваш сайт.

Вот как это будет выглядеть:

Если вы продаете вещи популярных брендов, обязательно прописывайте их названия в разметке

Итак, что нужно сделать:

1. Для начала пропишите атрибуты itemscope, itemtype и наименование сущности, а именно sсhema.org/Product.
2. Далее по пунктам прописываете название товара (name), его стоимость (price), и вообще все, что посчитаете нужным (мы вот указали состав).
3. Также можно указать бренд (brand) и модель (model) товара.

Хлебные крошки

Вряд ли вы слышали, что это такое, но видели наверняка:

Как выглядят хлебные крошки, прописанные на вашем сайте, в выдаче поисковой системы

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

А вот что будет, если пренебречь «хлебными крошками»:

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

Согласитесь, это не очень удобно (особенно для тех, кто не дружит с латиницей).

Разберем, как написать «хлебные крошки» на примере Wildberries.

Обращайте пристальное внимание на парные теги: если поставили один, не пропустите второй

Как видите, ничего сложного: itemscope, BreadcrumbList — для разделов, itemListElement — для их пунктов.

Меню

Это один из самых простых элементов:

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

Подпункты — необязательная часть, как вы понимаете.

Отзывы

На сайте Студии Ял мы размечаем отзывы следующим образом:

На некоторых сайтах в отзывах указывается только имя автора, где-то дополнительная информация (оценка, дата покупки, дата написания отзыва и др.)

Для этого нужно использовать тег itemprop и атрибут review. Размечаем с помощью reviewBody текст отзыва, его заголовок с помощью name, автора, соответственно, с помощью author.

Разметить дату можно с помощью datePublished, а оценку отзыва с помощью reviewRating.

Наши советы по использованию микроразметки schema.org

• Разметка — неоценимый инструмент продвижения, ни в коем случае им не пренебрегайте. Не пожалейте времени, и поисковые роботы поднимут вас по ступенькам выдачи.
• Изучайте словарь schema.org — это поможет расширить ваши возможности, например, научитесь размещать сущности внутри сущностей (мы сегодня вскользь этого коснулись).
• Если боитесь запутаться в сущностях, используйте url, текст или дочерний тип. Если вам удалось убрать с сайта <img src="/pictures/logo.svg"> и разметить логотип, справитесь и с этим.

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

Даже если вы уверены в своем знании языка разметки, проконтролировать никогда не помешает (на самом деле это даже необходимо). Для этого существуют валидаторы, самый популярный, тот, что от Google — Structured Data Testing Tool.

Интерфейс сервиса простой и понятный, разберетесь за 5 минут

Можно проверить как фрагмент, так и всю страницу (нужно всего лишь указать url или вставить в код поле страницы). Отобразятся ошибки и верно написанные фрагменты разметки.

Раньше сервис показывал код и перечень ошибок в нем, сейчас же отмечает выполнение пунктов

Также есть вариант использовать отечественный валидатор — у Яндекса тоже можно вставлять как фрагмент кода, так и всю страницу целиком (через url). К тому же сразу видно, как страница будет выглядеть для поисковых машин.

"Результат проверки" показывает, как видит страницу вашего сайта поисковый робот

При правильном использовании микроразметка — эффективный способ поискового продвижения. Об этом мы писали и в полной версии статьи, содержащей больше полезных материалов о настройке микроразметки schema.org.

Если у вас возникли сложности, пишите нам. Специалисты Студии Ял знают, как обращаться с «веб-пауками» и умело расставляют приманку на их липких сетях.