Как добавить микроразметку на сайт

Как добавить микроразметку на сайт (Schema) через GTM

Как добавить микроразметку на сайт?

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

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

Мы рассмотрим, как он может помочь выделить ваш сайт в результатах поиска с изображениями, оценками пользователей, каруселями и многим другим – как добавить микроразметку на сайт?

Фрагмент рейтинга продукта, созданный на основе структурированных данных
Фрагмент рейтинга продукта, созданного на основе структурированных данных

 

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

Что такое структурированные данные сайта?

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

По сути, это система маркировки, позволяющая поисковым системам правильно интерпретировать элементы страницы, которые она могла бы неправильно интерпретировать.

Хорошим примером этого является время открытия. Пользователи могут легко интерпретировать время открытия на веб-сайте, даже если они все написаны в разных форматах, однако поисковая система не может. Это связано с тем, что поисковым системам нужны данные, записанные в согласованных машиночитаемых форматах. И это то, что делает структурированные данные; это позволяет веб-мастеру писать так, чтобы поисковые системы могли его понять.

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

Каковы преимущества в результатах поиска?

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

Давайте посмотрим на пример того, как выглядят структурированные данные (это немного сложно, но потерпите меня…)

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

микроразметка сайта рецептов пример
Пример фрагмента рецепта в результатах поиска Google с расширенным сниппетом

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

И пример обычного сниппета без структурных данных, разница видна сразу:

Как добавить микроразметку на сайт (Schema) через GTM 1
не расширенный сниппет

С чего мне начать?

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

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

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

1. Определите тип структурированных данных для ваших страниц

Большинство структурированных данных использует словарь schema.org . В нашем примере мы использовали рецепт, но вы можете использовать схему для целого ряда типов контента. Однако мы рекомендуем вам полагаться на документацию разработчика Google для схемы, поддерживаемой поисковой системой.

2. Определите динамические переменные

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

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

Как добавить микроразметку на сайт (Schema) через GTM 2
Пример рецепта JSON-LD

3. Создайте динамические переменные, используя пользовательские переменные JavaScript

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

Для этого вы можете соскрести значение прямо со страницы. В этом примере мы создали переменную с именем «Recipe name» и удалили заголовок из элемента HTML, соответствующего селектору CSS # recipe-title:

Как добавить микроразметку на сайт (Schema) через GTM 3
Функция JavaScript для очистки имени рецепта

4. Добавьте динамические переменные в разметку структурированных данных.

Чтобы добавить динамические значения в ваши структурированные данные, замените имя своей пользовательской переменной JavaScript, заключенной в фигурные скобки.

В этом примере переменная в GTM называется «Имя рецепта», поэтому нам просто нужно заменить значение {{Recipe name}}.

Как добавить микроразметку на сайт (Schema) через GTM 4
Присоединение переменной {{Recipe name}} к ключу ‘name’

5. Создайте тег и триггер для ваших структурированных данных

Теперь вам просто нужно вставить свои структурированные данные в тег <strong> Пользовательский HTML </ strong> в GTM и создать триггер, чтобы гарантировать, что код вставляется только в правильный тип страницы.

В этом случае мы только хотим, чтобы схема рецепта была добавлена ​​к страницам рецепта.

Вот пример триггера, который срабатывает только на страницах, где путь к странице содержит «/ recipe /»

Настройка Google Tag Manager снипета
Настройка Google Tag Manager только для страницы recipe

6. Проверьте свои данные

Последний шаг – проверка вашей схемы, и вы можете сделать это с помощью инструмента тестирования структурированных данных Google . Просто вставьте свой код в инструмент, нажмите кнопку подтверждения и ВУАЛЯ!

Теперь вы знакте, как добавить микроразметку на сайт и отличного вам траста.

 

Прически уход за волосами ресницами