Бесплатный вебинар
«как найти любимую работу»
Подарки на 150 000 ₽ за участие
Живой эфир
Записи не будет!
00:00:00:00
дн.ч.мин.сек.

Правильное использование JSON-LD для schema.org на сайте

Быстрый ответ

Для облегчения чтения и ускорения обработки поисковыми системами рекомендуется использовать один тег <script>, содержащий массив объектов JSON-LD. Множество тегов следует применять только при использовании различных типов данных. Пример такой структуры представлен ниже:

json
Скопировать код
<script type="application/ld+json">
[
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Example Corp"
    // ... дополнительные данные об организации
  },
  {
    "@context": "http://schema.org",
    "@type": "WebSite",
    "name": "Example Site"
    // ... прочая информация о веб-сайте
  }
]
</script>

Размещение JSON-LD в одном теге <script> положительно сказывается на поисковой оптимизации (SEO) и структуре HTML.

Кинга Идем в IT: пошаговый план для смены профессии

Стратегии эффективного использования JSON-LD

Рекомендуется объединять в одном теге <script> связанные между собой схемы, что способствует лучшей организации, стабильной обработке данных и простоте управления ими.

Использование @id и @graph

Используйте @id для присваивания уникальных идентификаторов сущностям в схемах, что обеспечит связность внутри ваших JSON-LD скриптов. Атрибут @graph позволяет в одном массиве сгруппировать несколько сущностей верхнего уровня, что придаст структурированным данным большую читабельность и информативность.

Подробнее об этом расскажет наш спикер на видео
skypro youtube speaker

Отладка структурированных данных

После разработки и внедрения JSON-LD следует воспользоваться инструментами вроде "Тест на Богатые Результаты Google" для проверки на ошибки и соответствие стандартам поисковых систем. Так вы обеспечите точность и детальность своей схемы.

Оптимизация JSON-LD

Стремитесь к тому, чтобы JSON-LD был ясным и отражал цели его использования. Лишняя информация в теге <script> может повлиять на эффективность работы. Важное условие – данные должны быть нацелены на улучшения, например, визуализации сниппетов или увеличения информативности графов поисковых систем.

Визуализация

Пример использования нескольких JSON-LD элементов <script> в HTML можно сравнить с рисованием на холсте:

Markdown
Скопировать код
Каждый `<script>` представляется как отдельное произведение искусства 🖼 на холсте.

- Множество `<script>` элементов: 🖼🖼🖼 
  (Каждый образ вносит свой вклад в создание всей картины.)

- Один `<script>` элемент с сложным JSON-LD: 🖼 
  (Одна детальная композиция пытается обьединить все элементы и рассказать цельную историю, но может быть перегружена и сложна в управлении.)

Лучшая практика? Строить связанные, понятные и управляемые части, которые в совокупности создают цельную картину.

Эта аналогия демонстрирует преимущества использования связанных тегов <script>, таких как более ясная, понятная и управляемая структура.

Управление динамическим JSON-LD в современном интернет-пространстве

Синхронизация в реальном времени с изменяющимися данными

В условиях постоянного обновления данных на веб-сайтах, ваш JSON-LD должен быть способен отражать эти изменения в реальном времени. Для этого могут быть применены серверные скрипты или клиентский JavaScript.

Управление множественными сущностями и их взаимосвязями

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

Подготовка к последующему масштабированию

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

Полезные материалы

  1. Введение в структурированные данные — обзор структурированных данных от Google.\
  2. JSON-LD – JSON для связывания данных — основные принципы работы с JSON-LD.
  3. JSON-LD 1.1 — официальные рекомендации W3C по использованию JSON-LD.
  4. Полная иерархия схем Schema.org — каталог схем, описывающий иерархию структурированных данных.
  5. Как внедрить JSON-LD для улучшения SEO — детальное руководство по использованию JSON-LD от Yoast.
  6. Инструмент для тестирования структурированных данных | Google Search Central — сервис от Google для тестирования структурированной разметки.
  7. Генератор разметки схемы (JSON-LD) — удобный инструмент от Merkle для создания JSON-LD структурированных данных.
Проверь как ты усвоил материалы статьи
Пройди тест и узнай насколько ты лучше других читателей
Какое количество тегов <script> рекомендуется использовать для JSON-LD?
1 / 5