Микроразметка schema.org и JSON-LD

Микроразметка Schema.org – очень важный и эффективный инструмент поискового продвижения. Благодаря ей поисковые роботы намного лучше «понимают» информацию, представленную на вашем ресурсе. Именно благодаря микроразметке можно указать поисковому роботу, что на странице карточки товара находится определенный товар, а также передать с ее помощью некоторые параметры, такие как цена, размер, артикул и так далее. Также на основе микроразметки Schema.org поисковые системы формируют расширенные сниппеты в выдаче.

ВАЖНО: Schema.org – это не единственный тип микроразметок, есть и другие. Но она чаще всего используется именно в поисковых системах, поэтому рассматривать будет только ее.

Словарь VS синтаксис: в чем разница?

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

• Словарь – набор свойств и классов, описывающий тип содержимого страницы и передающий важную информацию. Schema.org как раз и является словарем;
• Синтаксис – это способ, посредством которого указываются сущности и свойства словаря в html-коде. Для Schema.org используются такие виды синтаксиса, как микроданные и микроформаты, JSON-LD, RDFa.

Наиболее эффективные в той или иной ситуации варианты синтаксиса рассмотрим ниже.

Микроразметка и поисковые системы

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

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

В итоге реализуется простая, но эффективная схема:

Привлекательный сниппет → повышается вероятность клика и перехода на сайт → улучшение поведенческих факторов → лучше ранжируемость и поднятие в поисковой выдаче.

Словарь

Словарь Schema.org состоит из двух частей: сущности и свойства, описывающие определенные параметры сущности.

На официальном сайте Schema.org приводится полный перечень всех сущностей и необходимая документация:

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

• Product. Эта сущность предназначается для микроразметки товара или услуги, начиная от зубной щетки и оканчивая грумингом для собак. У сущности Product больше всего свойств, каждое из которых связано с определенной информацией о самой услуге/товаре: стоимость, размер, параметры, масса, категория, цвет и так далее.
• Event. Как понятно из названия, эта сущность используется для описания любых событий, что происходят в определенном месте в определенное время: концерты, выставки, вебинары, фестивали и так далее. обычно уточняется, какие именно событие происходит (SportEvent, BusinessEvent и так далее).
• Recipe. Сущность для разметки кулинарных рецептов. Набор свойств этой сущности позволяет описать ингредиенты, время готовки, калорийность и так далее.
• Review. Сущность, предназначенная для разметки отзывов, рейтингов и так далее.

Оптимальный синтаксис

Выше мы писали о том, что в Schema.org используется четыре варианта синтаксиса:

• RDFa;
• микроформаты;
• микроданные;
• JSON-LD.

Если вы ориентируетесь на западный сегмент или работаете исключительно в Google, то рассматривать первые три типа синтаксиса нет смысла, так как эта поисковая система работает именно с синтаксисом JSON-LD. Но Яндекс не поддерживает JSON-LD, поэтому отечественные SEO-специалисты работают с первыми тремя типами, чаще всего с микроданными и RDFa.

Сначала рассмотрим более подробно синтаксис JSON-LD, а затем перейдем к микроданным и RDFa.

JSON-LD

Такая конструкция представляет собой своеобразный каркас по аналогии с тегами <html>, <head> и <body> , используемых в структуре html-страниц. Внутри самого «каркаса» размещают уже код микроразметки, содержающий всю необходимую информацию сущности.

ВАЖНО: внедрение микроразметки страниц еще не гарантирует, что в поисковой выдаче сниппет будет выводиться в расширенном виде. Тем не менее, с ней поисковые роботы однозначно будут лучше индексировать содержимое и учитывать имеющуюся там информацию.

Создаем микроразметку JSON-LD

Создавать микроразметку в JSON-LD вручную довольно хлопотно и долго, особенно если карточек товаров много. К тому же, при таком объеме кода повышается вероятность допустить ошибку. Поэтому зачастую используются специальные генераторы JSON-LD, из которых самыми популярными являются следующие:

Technicalseo.com

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

Schemaapp

Этот сервис более сложный, но имеет больше возможностей, поэтому чаще используется профессионалами. Имеется двухнедельный бесплатный тестовый период и поддержка всех сущностей.

Hallanalysis

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

Проверка валидности микроразметки

Когда создаете микроразметку, важно убедиться в правильности синтаксиса и отсутствие ошибок. Даже при использовании генераторов JSON-LD рекомендуется сначала проверить код на валидность, а только после этого загружать его на страницу.

Самый простой и при этом эффективный способ проверки валидности – использование валидаторов от поисковиков Яндекс и Google.

Куда вставляется JSON-LD?

После того, как код прошел проверку в валидаторе микроразметки и ошибок не было выявлено, его можно добавлять. Вставка кода производится между тегами <head> и </head>

Микроданные

В отличие от JSON-LD, использующего JavaScript, в микроданных применяется HTML, с которым гораздо сложнее работать, так как код разметки придется прописывать непосредственно в самом теле контента.

В основе данного типа синтаксиса лежит три атрибута:

• itemscope — указывающий, что в блоке (<div>…</div>) задается элемент (сущность);
• itemtype — указывающий на тип сущности;
• itemprop — обозначающий свойства сущности.

Сервисы для генерации микроданных

Так как микроданные прописывать еще сложнее, чем JSON-LD, использование специализированных генераторов более распространено:

Webcode.tools

Бесплатный сервис, поддерживающий работу с 14 сущностями и позволяющий создавать разметку, аналогичную синтаксису JSON-LD

Htmlstrip.com

Поддержка трех сущностей: Персона, Веб-сайт, Местный бизнес

Local Business Schema Generator

Генератор с узкой специализацией, позволяющий создавать микроразметку только для сущности Местный бизнес в JSON-LD и микроданных.

Для проверки валидности кода рекомендуем пользоваться все теми же валидаторами от поисковиков.

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

Если вы не умеете писать код – это не значит, что вы не сможете внедрить микроразметку самостоятельно. В Google есть специальный инструмент под названием Маркер Данных, позволяющий в автоматическом режиме подключать разметку страницы.

Он обладает следующими достоинствами:

• не требуется прописывать код или использовать сервисы генерации, поэтому отпадает необходимость в валидации разметки;
•  вам нужно заполнить только одну страницу, после чего инструмент автоматом реализует разметку для всех выбранных или указанных.

Как использовать Маркер Данных

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

Переходите к выбору типа информации и нажимаете кнопку «Начать выделение»

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

Вам следует выделить определенный элемент (заголовок, название товара и тд) и выбрать требуемое свойство в меню. Аналогичным образом следует заполнить все основные и вспомогательные элементы, после чего подтвердите изменения кнопкой «Готово». Инструмент предложит вам подтвердить подобранные им страницы или добавить свои. После этого подтвердите действие кнопкой «Создать группу страниц».

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

Удаление или изменение микроразметки

Чтобы изменить или убрать микроразметку, воспользуйтесь консолью Search Console – Маркер. Здесь вы можете выбрать страницу или группу страниц и отредактировать их.

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

ВАЖНО: для продвижения в Яндекс код микроразметки придется все равно добавлять на страницу, так как этот инструмент работает только для Google.

Плагины для CMS

Так как все больше вебмастеров используют CMS WordPress, внедрить там микроразметку можно с помощью специальных плагинов:

Schema — All In One Schema Rich Snippets

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

WP SEO Structured Data Schema

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

Schema

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

Schema & Structured Data for WP & AMP

Один из самых продвинутых плагинов для JSON-LD, позволяющий работать с 33 типа сущностей (только в платной версии, в бесплатной возможностей меньше).

Итоги

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

Благодаря разметке сниппет выглядит более привлекательно и информативно, что приводит к росту CTR.

Для микроразметки Google следует использовать синтаксис JSON-LD, для продвижения в Яндекс – микроданные или RDFa.

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

Для сайтов на WordPress можно использовать специальные плагины. Их аналоги есть и для всех популярных CMS.