Что такое JSON + LD разметка сайта | Penguin-team

Что такое JSON + LD разметка сайта?

7.03.2018
Александр Михайленко
6 минут
микроразметка, Разработка, Руководства,
405

Добрый день, сегодня мы познакомим вас с такой вещью как микроразметка сайта, а точнее с одной из ее разновидностей – JSON LD разметка.

Кому статья будет полезна?

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

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

Любой разработчик, SEO специалист или владелец сайта явно сталкивался с такой задачей, как внедрение микроразметки на свой собственный сайт. Следует отметить, что такая вещь как «микроразметка» существует в разных типах, а точней сказать, существует два основных понятия. Такие как:

  • Словари — задают язык, который указывает на суть контента страницы;
  • Синтаксис — определяет, как будут указаны элементы словаря на странице.

Существующие словари микроразметки:

  • Org;
  • Микроформаты;
  • Open Graph;
  • FOAF;
  • Dublin Core;
  • Data Vocabulary;
  • Good Relations.

Самые популярные словари микроразметки на данный момент — это словари Shema.org и Open Graph.

Существующие синтаксисы микроразметки:

  • Microdata;
  • RDFa и RDFa Lite;
  • JSON-LD.

Именно JSON LD нас сегодня больше всего интересует. Рассмотрим более детально эту технологию.

Что же такое JSON+LD разметка по определению

JSON-LD — это способ передачи связанных данных (Linked Data, LD) с помощью текстового формата JSON (JavaScript Object Notation). Формат JSON-LD разработала организация W3C. Использование текстового формата JSON позволяет людям легко читать и писать документы, размеченные с помощью JSON-LD. Страницы с разметкой JSON-LD облегчают структурирование данных поисковыми роботами и распознавание понятий.

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

Данные, размеченные с помощью JSON+LD, распознаются поисковыми системами. Это облегчает и может повысить индексирование, а также повышает видимость сайта в поиске благодаря расширенным сниппетам, которые могут выглядеть таким образом:

расширенный сниппет

При этом JSON-LD совместим со schema.org, что позволяет владельцу сайта пользоваться семантикой этой системы. А если говорить проще — использовать сразу две микроразметки на сайте.

Как используется разметка JSON + LD

Формат JSON-LD предполагает связывание данных с помощью ключей и их значений. Список зарезервированных ключей можно посмотреть в документах W3C. Центральным понятием этого способа разметки является контекст (@context). С помощью этого ключа вы можете связывать термины с международными идентификаторами ресурсов (IRI). Ниже представлено описание некоторых ключей в разметке:

context

Определяет структуру предоставляемых данных, а именно ключи и типы значений к ключам(IRI).

id

Используется для определения уникального имени для сущности. В структуре данных сущность — это узел графа.

value

Используется для определения данных для введенных ключей.

language

Определяет язык предоставленных данных.

type

Указывает тип узла или же типизированного значения.

 

container

Выставляем тип контейнера для нашего ключа.

list

Контейнер данных, в JSON представлен массивом.

set

Контейнер данных, в JSON представлен как объект ключ => значение.

reverse

Добавляет общий ключ для узлов графа, этот ключ будет родительским для узлов, которые вписаны внутри reverse.

Пример добавления ключа без reverse

В случае если использовать reverse, то мы получим более удобную структуру.

index

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

base

Определяет основной URL для IRI с относительными путями.

 

vocab

Указывает специфический словарь, который расширяет типы для ключа type.

graph

Иногда нужно присоединить не узел, а полный граф как объект, и для этого используется данный ключ. Тут граф передается как группа узлов.

Подводя итоги

Формат JSON-LD — это способ структурирования данных, который не предполагает изменение содержимого в теле страницы. Этот инструмент отлично подходит владельцам сайтов, которые хотят быстро реализовать микроразметку. Вставка подобной разметки никаким образом не влияет на работу скриптов и стилей сайта (при условии, что она не содержит грубых синтаксических ошибок). Кроме того, внедрение такой разметки вы сможете сделать самостоятельно, даже если отдаленно слышали о том, что такое HTML. Данный инструмент не требует слишком высоких технических навыков.

 Для вашего удобства ниже представлены примеры микроразметки JSON LD

Web site:

Хлебные крошки JSON+LD:

Разметки статьи в блоге по схеме JSON LD:

Разметка товара по схеме JSON LD:

Надеемся, что данные примеры станут вам полезными, и вы сможете расширить сниппет своего сайта в выдаче. Удачной и валидной разметки!

Получить 7 писем о том,
как улучшить свой AdWords аккаунт
+ PPC статьи

Имя
e-mail
Улучшить AdWords

Улучшить свой AdWords

Получите 7 писем, о том, как можно улучшить свой аккаунт в AdWords

Подписаться

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

В версии 2.2.0

  • Добавлена поддержка "Google Keyword Planner"
  • Используйте "LeftALT + S" для поиска слов
  • "Показать/скрыть" теперь полностью скрывает расширение с экрана

Основные комбинации

  • LeftMouseClick для добавления слова, повторное нажатие - для удаления
  • LeftALT + LeftMouseClick - для сбора фраз
  • LeftALT + S - для поиска слов