Как генерировать структурированные данные с помощью JavaScript для вашего сайта в Гугл (Google)

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

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

Гугл (Google) Tag Manager
Пользовательский JavaScript

Используете разметку продукта? Имейте в виду, что динамически сгенерированная разметка может сделать ползание Shopping менее частым и менее надежным, что может стать проблемой для быстро меняющегося контента, такого как доступность товаров и цены. Если вы являетесь продавцом, оптимизирующим для всех типов покупательских результатов, убедитесь, что ваш сервер имеет достаточные вычислительные ресурсы для обработки увеличенного трафика от Гугл (Google).

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

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

Настройте и установите Гугл (Google) Tag Manager на вашем сайте.
Добавьте новый пользовательский тег в контейнер.
Вставьте поддерживаемый блок структурированных данных в контент тега.
Установите контейнер, как показано в разделе «Установка Гугл (Google) Tag Manager» в меню администрирования контейнера.
Для добавления тега на ваш сайт опубликуйте контейнер через интерфейс Гугл (Google) Tag Manager.
Протестируйте вашу реализацию.

Использование переменных в Гугл (Google) Tag Manager для вашего сайта в Гугл (Google)

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

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

function() { return document.title; }

Затем вы можете использовать {{recipe_name}} в вашем пользовательском -теге.

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

Вот пример контента пользовательского -тега:

Примечание: предыдущий пример предполагает, что вы определили переменные recipe_name, recipe_image и recipe_author в GTM.

Генерация структурированных данных с помощью пользовательского JavaScript для вашего сайта в Гугл (Google)

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

Вот пример структурированных данных, генерируемых с помощью JavaScript:

Найдите тип структурированных данных, который вас интересует.
Отредактируйте вашего сайта, чтобы включить фрагмент JavaScript, например:

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 Results Test.

Использование серверного рендеринга для вашего сайта в Гугл (Google)

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

Как протестировать вашу реализацию для вашего сайта в Гугл (Google)

Чтобы убедиться, что Гугл (Google) Search может индексировать и обрабатывать ваши структурированные данные, протестируйте вашу реализацию:

Откройте инструмент Rich Results Test.
Введите URL, который вы хотите протестировать. Мы рекомендуем использовать ввод URL, а не ввод кода, поскольку при использовании ввода кода могут быть ограничения JavaScript (например, ограничения CORS).
Нажмите «Test URL».

Успех: Если вы все сделали правильно, и ваш тип структурированных данных поддерживается в инструменте, вы увидите сообщение «Страница подходит для расширенных результатов». Если вы тестируете тип структурированных данных, который не поддерживается в инструменте Rich Results, проверьте рендеренный . Если рендеренный содержит структурированные данные, Гугл (Google) Search сможет их обработать.

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

Вы можете связаться с seo компанией "seo.computer" по любому вопросу на email info@seo.computer, whatsapp +79202044461.

id 146