Поисковые системы всё чаще ориентируются не только на контент, но и на структуру страницы. Чтобы роботы могли корректно понять, что именно размещено на сайте — товар, статья, организация или отзыв, — используется микроразметка. Один из наиболее удобных и современных способов её внедрения — формат JSON-LD.
Он позволяет передавать поисковикам структурированные данные в лаконичном виде, не вмешиваясь в верстку страницы. Благодаря этому JSON-LD стал стандартом для SEO-специалистов и разработчиков, стремящихся повысить видимость сайта и получить расширенные сниппеты в выдаче Google и Яндекса.
Почему веб-разработчики и маркетологи выбирают JSON-LD
Для внедрения микроразметки в HTML существует несколько способов: микроформаты (hCard, hCalendar и другие), микроданные (microdata), RDFa и JSON-LD. Все эти подходы выполняют одну задачу — помогают поисковым системам лучше понимать содержимое страницы. Однако способы отличаются по удобству и сложности реализации.
Традиционные варианты — микроформаты, microdata и RDFa — требуют вставлять множество вспомогательных атрибутов прямо в HTML-код, обычно в тег <body>. Это делает структуру страницы громоздкой и трудной для поддержки. Чтобы упростить процесс, в 2010 году консорциум W3C представил формат JSON-LD (JavaScript Object Notation for Linked Data) — более легкий и гибкий способ передачи связанных данных. Он базируется на формате JSON и даёт возможность использовать словари семантической разметки, включая Schema.org, без лишних правок верстки.
Важно понимать разницу между словарём семантической разметки (например, Schema.org) и синтаксисом, с помощью которого эта разметка внедряется (например, JSON-LD). Мы подробно рассматривали, как добавить Schema.org без участия программиста, — читайте об этом в отдельной статье.
Преимущества использования JSON-LD
Формат JSON-LD имеет ряд ключевых преимуществ по сравнению с HTML-разметкой microdata и RDFa:
- Минимальный объем кода. Вся информация помещается в отдельный блок скрипта, что значительно упрощает чтение и редактирование.
- Рекомендован Google. Поисковая система официально считает JSON-LD приоритетным способом внедрения микроразметки.
- Быстрая интеграция через CMS. Для популярных систем управления контентом существуют готовые плагины и модули, которые добавляют JSON-LD автоматически.
- Отделение логики от контента. Разметка подключается через JavaScript и не влияет на визуальную часть страницы, оставаясь доступной для поисковых роботов.
Поисковые системы Яндекс и Google отлично интерпретируют JSON-LD, а страницы с таким типом микроразметки без проблем проходят проверку в инструментах валидации обоих поисковиков.
Как работает синтаксис JSON-LD
Чтобы поисковые системы корректно распознавали структурированные данные, важно правильно разместить код разметки на странице. Google рекомендует вставлять JSON-LD в тег <head>, однако технически он будет работать и внутри <body>.
Базовая структура кода
Любая разметка на JSON-LD начинается с одинакового шаблона:
<script type="application/ld+json">
{
// внутри фигурных скобок размещаются данные о сущности
}
</script>
Этот блок сообщает браузеру, что внутри расположен скрипт на JavaScript, содержащий данные в формате JSON-LD.
По синтаксису JSON-LD полностью совпадает с обычным JSON, но имеет ряд специальных — так называемых зарезервированных ключей. Они позволяют задать контекст описания и связать объекты между собой.
Например:
- @context определяет, какой словарь используется для описания данных (чаще всего — https://schema.org);
- @type указывает тип сущности (статья, продукт, организация и т.д.).
Всего таких специальных ключей 23 — их полное описание можно найти на сайте W3.org.
Перед тем, как добавить микроразметку, рекомендуем ознакомиться с инструкциями от Google по применению структурированных данных.
Пример микроразметки JSON-LD
Рассмотрим, как может выглядеть JSON-LD-разметка для интернет-магазина, где описывается карточка товара:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Автомобильная термокружка 400 мл",
"image": "https://example.com/images/cup.jpg",
"description": "Термокружка из нержавеющей стали для кофе и чая, сохраняет тепло до 6 часов.",
"sku": "CUP-400-STEEL",
"brand": {
"@type": "Brand",
"name": "HotDrive"
},
"offers": {
"@type": "Offer",
"priceCurrency": "RUB",
"price": "1290",
"availability": "https://schema.org/InStock",
"url": "https://example.com/products/thermocup"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.8",
"reviewCount": "256"
}
}
</script>
Краткая расшифровка параметров
| Параметр | Что обозначает | Пример значения | Описание |
|---|---|---|---|
| @context | Контекст, указывающий, какой словарь используется | "https://schema.org" | Обязательный параметр. Сообщает поисковику, что данные размечены по стандарту Schema.org. |
| @type | Тип описываемого объекта | "Product" | Определяет, что именно вы описываете: статью, товар, организацию, рецепт и т.д. |
| name | Название объекта | "Автомобильная термокружка 400 мл" | Показывает поисковику и пользователю имя товара или материала. |
| image | Ссылка на изображение | "https://example.com/images/cup.jpg" | Указывает путь к основному изображению объекта. |
| description | Описание | "Термокружка из нержавеющей стали…" | Краткое описание сущности. |
| sku | Артикул / идентификатор | "CUP-400-STEEL" | Уникальный код товара. |
| brand | Объект, описывающий бренд | {"@type":"Brand","name":"HotDrive"} | Вложенная сущность с типом "Brand". |
| offers | Коммерческое предложение | {"@type":"Offer","price":"1290",…} | Содержит данные о цене, валюте, наличии и ссылке на страницу покупки. |
| aggregateRating | Сводный рейтинг | {"@type":"AggregateRating","ratingValue":"4.8","reviewCount":"256"} | Информация об оценках пользователей. |
Даже если не все атрибуты отобразятся в сниппете, поисковая система всё равно использует их для анализа содержимого страницы. Чем точнее заполнены свойства, тем выше вероятность, что ваш сайт будет признан релевантным по нужным запросам.
Автоматизация микроразметки
Если вы не хотите вносить код вручную, подключите модуль SEO в PromoPult. В нём собраны инструменты для комплексного улучшения сайта: анализ технических ошибок, автоматическая генерация структурированных данных, чек-листы и рекомендации по оптимизации. Попробовать все функции можно бесплатно в течение двух недель.
Инструменты и сервисы для генерации JSON-LD
Прежде чем добавлять микроразметку в код сайта, стоит хотя бы поверхностно разобраться в ее структуре и принципах. Формат JSON-LD несложен, но ручное прописывание всех атрибутов для разных сущностей может занять много времени. Процесс ускоряют готовые онлайн-генераторы, которые автоматически формируют корректный код по заданным параметрам. Вот некоторые из них:
- Webcode.tools — многофункциональный инструмент, который поддерживает 13 типов сущностей, включая товар, статью, организацию, видео и другие. Каждая форма содержит только актуальные поля, соответствующие требованиям Schema.org.
- Okocrm.com — удобный сервис для маркетологов и SEO-специалистов. Позволяет создавать разметку для 14 популярных типов объектов: FAQ, Q&A, рецепт, хлебные крошки, ресторан, персона, организация и т.д.
- Searchbloom.com — простой генератор с интуитивным интерфейсом. Поддерживает 12 наиболее востребованных сущностей и автоматически подставляет обязательные атрибуты для каждой из них.
Проверка корректности микроразметки
После генерации JSON-LD-скрипта его обязательно нужно протестировать. Даже корректный с виду код может содержать мелкие ошибки, из-за которых поисковики не смогут распознать разметку.
Для проверки используйте официальные инструменты:
- Google — Инструмент проверки расширенных результатов;
- Яндекс — Валидатор микроразметки.
Стоит учитывать, что отсутствие ошибок в отчете не гарантирует появления расширенного сниппета в поисковой выдаче. Google может не отображать дополнительные элементы по следующим причинам:
- структура данных не соответствует содержимому страницы;
- контент не является актуальным для конкретного пользователя (влияние геолокации, истории запросов и других факторов);
- часть информации скрыта или недоступна пользователю.
Подробнее о причинах, по которым расширенные сниппеты не показываются в результатах поиска, можно прочитать в отдельном материале.
Плагины для популярных CMS
Если ваш сайт работает на WordPress, Joomla! или Drupal, внедрить JSON-LD можно без ручного редактирования кода. Для этого существуют готовые плагины:
- WordPress: Schema App Structured Data, Schema & Structured Data for WP & AMP, WP SEO Structured Data Schema.
- Joomla!: TF Structured Data, TF Structured Data, Google Structured Data.
- Drupal: JSON LD Schema API, Schema.org Metatag.
Эти расширения добавляют нужную разметку автоматически и помогают избежать синтаксических ошибок.
Мониторинг и диагностика
После публикации страниц с микроразметкой стоит регулярно отслеживать их состояние в Google Search Console. В разделе «Улучшения» отображаются отчеты по всем найденным типам расширенных результатов — например, товары, рецепты, мероприятия, вакансии и строки навигации.
Важно: отображаться будут только те типы данных, которые поддерживаются Google. Полный перечень можно найти в официальной справке поисковой системы.
Заключение
Формат JSON-LD — это удобный и современный способ передать поисковым системам структурированные данные о содержимом сайта. Он позволяет отделить разметку от верстки, упростить внедрение и поддержку, а также повысить шансы на получение расширенных сниппетов в поисковой выдаче.
Используя JSON-LD, вы помогаете поисковикам точнее понимать контент и контекст страниц, что положительно влияет на SEO и CTR. Особенно важно следить за корректностью кода и актуальностью данных: регулярная проверка через валидаторы Google и Яндекса позволит избежать ошибок и сохранить видимость сайта в поиске.
Автоматизировать процесс можно с помощью готовых генераторов, плагинов для CMS или инструментов вроде модуля SEO в PromoPult, где разметка формируется и проверяется автоматически. Это экономит время, снижает риск ошибок и делает SEO-оптимизацию сайта по-настоящему системной.
Реклама. ООО «Клик.ру», ИНН:7743771327, ERID: 2Vtzqucsg9E
