Люди используют интернет для поиска информации, важно, чтобы ваш сайт был максимально информативным и удобным для пользователей. Один из способов сделать это – добавить разметку схемы на свой сайт.

Она повышает привлекательность и информативность сайта. В этой статье мы расскажем, как добавить разметку схемы на свой сайт с помощью Диспетчера тегов Google (GTM).

Что такое Диспетчер тегов Google?

Диспетчер тегов Google (GTM) – это инструмент управления тегами на сайте без редактирования исходного кода. Он упрощает разметку схемы, что повышает привлекательность и SEO сайта.

Записывайтесь на наш бесплатный интенсив по использованию нейросетей в маркетинге и для роста продаж!

Как добавить разметку схемы на свой сайт с помощью GTM

Шаг 1: создание аккаунта

Первым шагом является создание аккаунта в сервисе. Для этого перейдите на сайт Google Tag Manager и нажмите на кнопку «Создать аккаунт». Заполните необходимые данные, такие как название аккаунта и URL вашего сайта.

Шаг 2: создание контейнера GTM

После создания аккаунта GTM, перейдите в раздел «Контейнеры» и нажмите на кнопку «Создать». Введите название контейнера и выберите тип контейнера «Веб».

Шаг 3: добавление тегов и триггеров

Теперь вам нужно добавить теги и триггеры, которые будут использоваться для добавления меток. Для этого перейдите в раздел «Теги» и нажмите на кнопку «Создать». Выберите тип тега «Пользовательский HTML» и введите код.

Шаг 4: настройка триггера

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

Шаг 5: установка контейнера GTM на сайт

После настройки тегов и триггеров, вам нужно установить контейнер GTM на ваш сайт. Для этого скопируйте код контейнера GTM и вставьте его между тегами <head> и </head> на всех страницах вашего сайта.

Шаг 6: проверка работы

После установки контейнера GTM на ваш сайт, проверьте работу. Для этого откройте страницу вашего сайта в браузере и проверьте, отображается ли разметка в инструментах разработчика.

Пример добавления

Давайте представим, что у нас есть выдуманный сайт «Лучшие рецепты». Мы хотим добавить разметку схемы на страницу с рецептом пирога.

1. Создаем аккаунт в Google Tag Manager и контейнер для нашего сайта.

2. Добавляем тег с кодом. Например, это может быть следующий код:

«`html

<script type=»application/ld+json»>

{

«@context»: «http://schema.org»,

«@type»: «Recipe»,

«name»: «Пирог с ягодами»,

«author»: {

«@type»: «Person»,

«name»: «Анна Смит»

},

«image»: «https://www.bestrecipes.com/images/pie.jpg»,

«datePublished»: «2022-05-15»,

«description»: «Вкусный пирог с ягодами, который легко приготовить.»,

«prepTime»: «PT30M»,

«cookTime»: «PT1H»,

«recipeYield»: «4 порции»,

«ingredient»: [

{

«@type»: «Ingredient»,

«name»: «Мука»,

«quantity»: «2 стакана»,

«measure»: «стакан»

},

{

«@type»: «Ingredient»,

«name»: «Сахар»,

«quantity»: «1 стакан»,

«measure»: «стакан»

},

{

«@type»: «Ingredient»,

«name»: «Ягоды»,

«quantity»: «2 стакана»,

«measure»: «стакан»

}

],

«recipeInstructions»: [

{

«@type»: «HowToStep»,

«text»: «Смешайте муку и сахар в большой миске.»

},

{

«@type»: «HowToStep»,

«text»: «Добавьте ягоды и перемешайте.»

},

{

«@type»: «HowToStep»,

«text»: «Выпекайте в духовке при температуре 180 градусов в течение 1 часа.»

}

]

}

</script>

«`

3. Настраиваем триггер, который будет запускать тег схемы на всех страницах.

4. Устанавливаем контейнер GTM на наш ресурс, вставив код контейнера между тегами <head> и </head> на всех страницах.

5. Проверяем работу, открыв страницу с рецептом пирога в браузере и проверив отображение в инструментах разработчика.

Таким образом, мы успешно добавили разметку схемы на страницу с рецептом пирога на сайте «Лучшие рецепты».

Заключение

Добавление разметки схемы на ваш сайт с помощью Диспетчера тегов Google – это простой и эффективный способ улучшить видимость страниц в поисковых системах. GTM позволяет управлять тегами без программирования.