Генерация структурированных данных с помощью JavaScript

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

Существуют разные способы генерации структурированных данных с помощью JavaScript, но наиболее распространенными являются:

• Google Tag Manager
• Пользовательский JavaScript

Используйте Google Tag Manager для динамической генерации JSON-LD

Google Tag Manager это платформа, которая позволяет вам управлять тегами на вашем веб-сайте без редактирования кода. Чтобы генерировать структурированные данные с помощью Google Tag Manager, выполните следующие действия:

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

Использование переменных в Google Tag Manager

Google Tag Manager (GTM) поддерживает переменные
для использования информации на странице как части ваших структурированных данных. Используйте переменные для извлечения структурированных данных со страницы вместо дублирования информации в GTM. Дублирование информации в GTM увеличивает риск несоответствия между содержимым страницы и структурированными данными, вставленными с помощью GTM.

Например, вы можете динамически создать Рецепт блок JSON-LD
который использует заголовок страницы в качестве названия рецепта, создав следующую пользовательскую переменную с именем:

recipe_name Затем вы можете использовать {{recipe_name}}

в HTML вашего пользовательского тега.

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

в GTM.

Генерация структурированных данных с помощью пользовательского JavaScript
Еще один способ генерации структурированных данных — использование JavaScript либо для генерации всех ваших структурированных данных, либо для добавления дополнительной информации к структурированным данным, отображаемым на стороне сервера. В любом случае Google Поиск может понимать и обрабатывать структурированные данные, доступные в DOM при рендеринге страницы. Чтобы узнать больше о том, как Google Поиск обрабатывает JavaScript, ознакомьтесь с.

руководством по основам JavaScript

1. Вот пример структурированных данных, сгенерированных JavaScript: Найдите тип
2. структурированных данных
3. которые вас интересуют..

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

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

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

которые вас интересуют.

1. Протестируйте свою реализацию Чтобы убедиться, что Google Поиск может сканировать и индексировать ваши структурированные данные, протестируйте свою реализацию:.
2. Откройте
   
3. Введите URL-адрес, который вы хотите протестировать. Мы рекомендуем использовать ввод URL-адреса вместо ввода кода, так как при использовании ввода кода существуют ограничения JavaScript (например, ограничения CORS)..

   НажмитеПроверить URL Успех: Если вы все сделали правильно и ваш
   тип структурированных данных поддерживается в инструменте

   , вы увидите сообщение “Страница подходит для расширенных результатов”.Если вы тестируете тип структурированных данных, который не поддерживается инструментом проверки расширенных результатов, проверьте отображаемый HTML. Если отображаемый HTML содержит структурированные данные, Google Поиск сможет их обработать. Попробуйте еще раз : Если вы видите ошибки или предупреждения, скорее всего, это синтаксическая ошибка или отсутствующее свойство. Прочитайте
   документацию.