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

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

Если вы только начинаете работать с структурированными данными, вы можете ознакомиться с тем, как эти данные работают в поисковой системе Гугл (Google).

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

Гугл (Google) Tag Manager
Кастомный JavaScript

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

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

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

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

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

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

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

 function() { return document.title; }

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

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

Вот пример содержимого кастомного -тега:

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

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

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

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

Определите тип структурированных данных, которые вас интересуют.
Отредактируйте вашего сайта, чтобы включить следующий фрагмент 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 Results Test.

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

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

Тестирование вашей реализации структурированных данных для вашего сайта в Гугл (Google)

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

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

Успех: Если вы все сделали правильно и ваш тип структурированных данных поддерживается в инструменте, вы увидите сообщение "Page is eligible for rich results". Если вы тестируете тип структурированных данных, который не поддерживается в Rich Results тесте, проверьте рендеринг . Если содержит структурированные данные, Гугл (Google) сможет их обработать.

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

Если вам требуется помощь в генерации или тестировании структурированных данных для вашего сайта, вы можете связаться с SEO компанией "seo.computer" по любому вопросу на email info@seo.computer или через WhatsApp +79202044461.

id 15