Сделай сайт

Всем привет! В этом посте мы продолжим изучать тему по структурированным данным Schema.org и JSON-LD, начатую в предыдущих статьях. Грамотная организация схемы структурированных данных на вашем сайте может привести к результатам поиска, которые будут всегда в топе у интернет-пользователей.

В этой статье я покажу вам, как внедрить структурированные данные с использованием разметки JSON-LD Schema.org на страницах вашего сайта. Далее мы подробнее рассмотрим, как можно управлять структурированными данными с помощью диспетчера тегов ― Google Tag Manager (GTM).

Создание структурированных данных с Google Tag Manager (GTM)

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

Например, вы можете создавать различные теги, триггеры и переменные. А это означает, что вы будете иметь возможность снова и снова применять один и тот же код на разных страницах. Например, если у вас есть множество рецептов, то вы можете создать тег с переменной «время приготовления». Таким образом время приготовления каждого блюда будет взято со страницы рецепта. Это означает, что вам не нужно добавлять «время приготовления» вручную к коду каждой отдельной страницы. В конечном счете это избавит вас от ненужной работы и сэкономит ваше время.

Кроме того, в Tag Manager есть режим предварительного просмотра, который позволяет вам сразу же проверить, успешно ли вы внедрили свои данные.

Как работает Google Tag Manager

Во-первых, вы должны знать о трех самых важных элементах: переменные, триггеры и теги. В левой части рабочей области вы можете найти все эти вышеперечисленные элементы. Рабочая область ― это место, где вы создаете и добавляете фрагменты кода на свои страницы.

Теги

Тег ― это фрагмент кода, который можно запустить на странице вашего сайта. Вы можете поместить много всего в тег. Например, вы можете добавить код отслеживания Google Analytics в тег. Этот тег позволит Google Analytics собирать аналитические данные и отслеживать ваш сайт. Точно так же вы можете поместить свой структурированный код данных в тег. Другими словами, тег содержит информацию о том, что вы хотите добавить на страницу.

Триггеры

Теги работают только при наличии триггера. Вам нужен способ сообщить Google Tag Manager, при каких условиях тег должен использоваться или запускаться в работу. Если у вас есть структурированный тег данных, то триггер сообщает Google Tag Manager, на каких страницах запускать этот тег. Это происходит потому, что, возможно, не всем вашим страницам нужна разметка структурированных данных. Говоря простым языком, триггер сообщает Google Tag Manager: «Пожалуйста, запускайте этот тег на «вот этих» страницах, а не на «этих» страницах».

Переменные

Переменные выполняют две основные функции. Во-первых, триггерам нужны переменные, чтобы знать, срабатывать или нет. Предположим, что Tag Manager уже работает на вашей странице. Если значение переменной соответствует заданным условиям, то триггер сработает. Это, в свою очередь, позволяет работать и тегу. Во-вторых, переменная выдает Google Tag Manager переменную информацию. Это означает, что информация может быть разной в разных контекстах. Например, дата публикации будет отличаться для каждой новой публикуемой электронной книги. Если сработает триггер, Google Tag Manager получит определенное значение с конкретной страницы, которую он посещает.

Примером переменной является URL-адрес страницы, но вы можете использовать любой элемент страницы в качестве переменной. Это может быть, например, кнопка «Добавить в корзину» или H1 страницы. Наиболее часто используемые переменные предопределены в Google Tag Manager. Но такие инструменты, как кнопки или H1 ― это те переменные, которые вы должны определить сами. С помощью переменных вы можете редактировать свой код таким образом, чтобы он использовал элементы текущей страницы для дальнейшего применения их в теге.

Микроразметка JSON-LD алгоритм внедрения на сайт

Давайте попробуем внедрить структурированные данные на страницах вашего сайта. Рассмотрим это на примере проекта Schema.org. Ранее мы уже упоминали, что будем использовать разметку JSON-LD. Так вот, есть пять основных шагов:

1. Создать структурированные данные
2. Создать теги и триггеры
3. Создать переменные
4. Запустить формирование кода
5. Подтвердить и опубликовать

Шаг 1: Создание кода для структурированных данных

Создание кода JSON-LD для структурированных данных вручную или с помощью Google Markup Helper.
В этом примере я использовал адрес страницы где опубликована статья Что такое структурированные данные, которая выглядит следующим образом:

<!-- Разметка JSON-LD, созданная Мастером разметки структурированных данных Google. --> <script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "Article", "name" : "Что такое структурированные данные на сайте?", "author" : { "@type" : "Person", "name" : ": Эдуард Бунаков" }, "datePublished" : "2019-03-26", "image" : "https://starting-constructor.ru/wp-content/uploads/2019/03/structur.jpg", "articleSection" : "Техническое SEO" } </script> Подробнее ...