На сайте Google Developers появилось новое руководство, посвящённое созданию структурированных данных с помощью JavaScript. Об этом сообщил сотрудник поиска Мартин Сплитт в Twitter.

В целом в руководстве описывается три способа для динамического добавления структурированных данных на сайт с помощью JS:

Google Менеджер тегов (Google Tag Manager, GTM);
Пользовательский JavaScript;
Рендеринг на стороне сервера.

Google Tag Manager

Использование этого способа включает шесть шагов:

Настройте и установите Google Tag Manager на сайте.
Добавьте пользовательский тег HTML в контейнер.
Вставьте нужный блок структурированных данных в содержимое тега.
Установите контейнер.
Чтобы добавить тег на сайт, опубликуйте контейнер в интерфейсе GTM.
Проверьте реализацию.

Пользовательский JavaScript

Использование этого способа включает три шага:

Найдите интересующий вас тип структурированных данных.
Измените HTML-код своего сайта, включив в него фрагмент JavaScript, как в приведённом ниже примере (обратитесь к документации CMS/хостинг-провайдера или к разработчикам).

fetch(‘https://api.example.com/recipes/123’)

.then(response => response.text())

.then(structuredDataText => {

const script = document.createElement(‘script’);

script.setAttribute(‘type’, ‘application/ld+json’);

script.textContent = structuredDataText;

document.head.appendChild(script);

});

Проверьте реализацию с помощью инструмента проверки структурированных данных (Rich Result Test).

Рендеринг на стороне сервера

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