Микроразметка JSON-LD: что это и как использовать
Микроразметка – это разметка текста специальными тегами и атрибутами, с помощью которой можно корректно формировать сниппеты и предоставлять поисковикам более точную информацию о содержании страницы.
У нас уже есть отличная статья по этой теме – «Микроразметка. Ссылки, на которые хочется кликать». Рекомендуем изучить ее перед тем, как переходить к JSON LD. Если вы уже с ней ознакомились, приступаем к сегодняшней теме!
Что такое формат JSON-LD
JSON-LD – это формат описания информации посредством объектов специального LD-словаря. Он предусматривает размещение контента в теге <script>, чтобы поисковые алгоритмы смогли их корректно прочесть.
Проще говоря, это инструмент передачи данных с использованием классического формата JSON (JavaScript Object Notation) – понятного для человека и корректно структурированного с точки зрения поисковых машин. На практике такая микроразметка обычно применяется для улучшения представленности сайта в поиске, а точнее, для работы со сниппетами.
Просто сравните два сниппета:
- Без использования микроразметки:
- С микроразметкой для структурирования данных:
В первом случае перед нами просто текст. Без структуры, акцентных элементов и всей той информации, которую мы видим во втором примере. Собственно, это и есть наглядная демонстрация использования микроразметки.
Почему его стоит использовать
В отличие от других видов синтаксиса для внедрения микроразметки (RDFa, hCard или Microdata) формат JSON LD имеет несколько важных преимуществ:
- объем кода меньше, а воспринимать его легче;
- он рекомендован Google как оптимальный формат;
- разметка задействуется через JS и видна исключительно поисковым роботам.
Еще одно преимущество – большое количество плагинов для всех популярных CMS, которые существенно упрощают и ускоряют внедрение микроразметки.
JSON-LD лучше Schema.org
Как минимум преимущество JSON заключается в том, что с ним проще и удобнее работать. В первую очередь потому, что отличаются сами форматы и методы внедрения кода в HTML. Разметка Schema.org – это код, который размещается непосредственно в теле страницы и выглядит следующим образом:
JSON удобнее тем, что код внедряется в тег <head>. Это, во-первых, проще и быстрее. Во-вторых, в будущем будет гораздо легче найти ваш код и откорректировать его, заменить или удалить. Пример размещения JSON в <head>:
Синтаксис JSON-LD
Согласно рекомендациям Google, код JSON необходимо внедрять в тег <head>. Мы тоже советуем этот вариант, хотя разметка будет работать и в <body>.
Сама же конструкция выглядит следующим образом:
Фактически мы сообщаем браузеру об обращении к JS-коду, в котором содержится JSON-LD. Для наглядности предлагаем вам посмотреть на уже внедренный блок внутри тега <head>:
Как видите, код действительно легко читается, не перегружен и понятен. Если вы ранее уже работали с JSON, то никаких трудностей точно не возникнет.
Ключи и значения синтаксиса JSON LD
Ключи – это элементы JSON-кода, связывающие объекты между собой. Рассмотрим те, которые наиболее часто используются, и их функции.
Обязательные свойства JSON-LD
Есть несколько свойств, без которых содержимое веб-страницы попросту не будет выводиться в сниппете. К ним относятся следующие:
Также существуют рекомендуемые свойства. Использовать их необязательно, но желательно: релевантные поля существенно повышают шансы на формирование расширенного сниппета, что особенно актуально для FAQ-разметки.
Микроразметка JSON строится на двух главных компонентах: словаре и синтаксисе. Первый обозначает содержимое страницы, а второй настраивает правила, по которым эти данные кодируются и передаются поисковикам.
Ключи и свойства JSON довольно логичны и интуитивны. Их несложно запомнить и удобно использовать, даже если ранее вы не имели дела с микроразметкой в принципе.
Инструменты для работы с JSON-LD
Хотя мы уже не раз повторили, что синтаксис JSON-LD сравнительно прост, писать код самостоятельно – процесс все равно довольно трудоемкий и затратный по времени. К счастью, необходимости в этом нет. Существует масса полезных инструментов для работы с JSON, которые значительно упростят вам задачу.
Перечислим самые популярные:
- Schema Generator от Technicalseo.com. Функциональный генератор, с помощью которого можно работать с JSON, настраивать хлебные крошки и многое другое.
- Cloud22.com (ранее Hallanalysis.com). Максимально простой, даже в чем-то примитивный generator json-ld, который в то же время отлично справляется со своими задачами. Инструмент поддерживает шесть основных сущностей, в частности «Местный бизнес», «Личность», «Продукт» и другие.
- Web Code Tools. Функциональный генератор JSON-кода, в котором содержится более десяти типов сущностей и уникальных атрибутов. А еще у Web Code Tools стильный и минималистичный интерфейс – мелочь, а приятно.
Кстати, если ваш сайт работает на какой-то из популярных CMS, можно обойтись без сторонних сервисов генерации JSON-кода. Есть довольно много удобных плагинов, которые существенно упрощают эту задачу и экономят время:
- WordPress: WP Structuring Markup и Schema App;
- Joomla!: TF Structured Data, sh404SEF и другие;
- Drupal: JSON LD Schema API и Metatag.
Также стоит добавить, что после размещения кода в структуре HTML вы сможете в любое время отслеживать появление проблем в Google Search Console (раздел «Улучшения»). Рекомендуем периодически посещать его, чтобы быть в курсе ситуации.
Как синтаксис JSON-LD проверить на ошибки
Перед публикацией JSON-кода мы настоятельно рекомендуем проверить его на ошибки. Разумеется, нет необходимости делать это самостоятельно и тратить свое время. Вы все равно упустите какую-нибудь опечатку. Гораздо проще и быстрее использовать специальные сервисы-валидаторы.
От себя рекомендуем официальные инструменты Google: Rich Results Test (проверяет, соответствует ли разметка требованиям для расширенных сниппетов именно в Google Search) и Schema Markup Validator (общая проверка синтаксиса по стандарту Schema.org, без привязки к конкретным функциям Google). Для большинства задач стоит начинать именно с Rich Results Test.
В принципе вы можете использовать и другие валидаторы, которые найдете в интернете. Например, тот же Schema.org отлично справляется с этой задачей. Если фирменный инструмент Google вам по какой-то причине не подходит, можете рассмотреть его – разницы в результатах, вероятнее всего, не будет.
Итог
Подытожив, можем сказать, что JSON LD – это всего лишь один из многих вариантов микроразметки. Но он действительно по праву считается одним из лучших. Даже если сравнивать его с популярным Schema.org.
И тут у вас может возникнуть логичный вопрос: «Стоит ли внедрять JSON, если я уже использую другую микроразметку?». В большинстве случаев такой необходимости нет. Поисковики отлично читают и другие форматы, поэтому переход на JSON лишь добавит вам работы, но может не оказать особого влияния.
А вот если вы вообще не используете микроразметку и только выбираете подходящий вариант, тогда мы советуем именно JSON. Не зря же Google рекомендует его с 2014 года!
FAQ
Что такое JSON-LD простыми словами?
JSON-LD – это формат микроразметки, который позволяет передавать поисковым системам структурированные данные о странице в виде отдельного блока кода <script type=»application/ld+json»>, встроенного в тег <head>. В отличие от Schema.org или Microdata разметка не «рассыпана» по тексту страницы, а собрана в одном месте, видна только поисковым роботам, а не пользователям.
Чем JSON-LD лучше Schema.org и Microdata?
Главное преимущество – удобство внедрения и дальнейшей поддержки. Код JSON-LD размещается отдельным блоком в <head>, поэтому его легко найти, отредактировать, заменить или удалить, не вмешиваясь в структуру самой страницы. Кроме того, Google официально рекомендует именно этот формат с 2014 года.
Куда вставлять код JSON-LD на странице?
Рекомендуемое место – тег <head> страницы, внутри блока <script type=»application/ld+json»>. Технически код будет работать и в теге <body>, но для удобства дальнейшей поддержки и в соответствии с рекомендациями Google стоит придерживаться именно <head>.
Влияет ли микроразметка JSON-LD напрямую на позиции сайта в поиске?
Нет, микроразметка сама по себе не является прямым фактором ранжирования Google. Ее роль другая: она помогает поисковой системе лучше понять содержание страницы и при определенных условиях сформировать расширенный сниппет (rich result), что повышает кликабельность (CTR). Впрочем, стоит помнить, что не все типы разметки гарантируют расширенное отображение. Например, 7 мая 2026 года Google полностью убрал сниппеты для FAQPage, хотя сама структура осталась технически валидной.
Иванина Роман
