На сайте 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 для нужного типа структурированных данных, обратитесь к документации вашей платформы.




Обсудить  

Читайте также


Комментарии Кто голосовал Похожие новости