Как добавить микроразметку с помощью Google Tag Manager
Микроразметка (семантическая разметка или структурированные данные) — это разметка данных веб-страницы с помощью тегов и атрибутов, чтобы поисковые роботы могли быстрее найти и понять, какая информация на странице. Также микроразметка обеспечивает красивые расширенные сниппеты в выдаче (SERP).
Первое, что хочу отметить: Google в лице Джона Мюллера не рекомендует внедрять микроразметку через GTM, объясняя это в reddit тем, что Google лучше распознает информацию, видную на странице (как можно распознать то, что скрыто в GTM?).
Но! Если у вас нет возможности вносить правки в код сайта (например, нет доступа), а также с целью экономии прогерчасов, внедрение микроразметки с помощью Google Tag Manager — это ваш выход.
Google Tag Manager: актуальные и неочевидные фишки
Google Менеджер тегов — это система Google, которая позволяет управлять тегами JavaScript и HTML на сайте без участия разработчиков
У Google есть разные способы формирования результатов поисковой выдачи (SERP). Когда вы вводите поисковый запрос, цель поисковой системы — предоставить вам наиболее релевантную информацию. Часто это значит, что вы увидите ответ на свой запрос непосредственно в SERP, в блоке быстрых ответов:
Как вы наверняка знаете, существует множество способов разметить данные на сайте. Google не дает никакой гарантии, что структурированные данные будут показаны поисковой системой, но, чаще всего, поисковые роботы хорошо распознают и отображают расширенные сниппеты.
JSON-LD — ответвление формата данных JavaScript Object Notation (JSON), его особенность в том, что вы можете указать связанные узлы данных между различными объектами.
Структурированные данные, поддерживаемые JSON-LD, позволяют разметить следующие данные на сайте:
- все функции Knowledge Graph;
- Rich Snippets для событий;
- формы поиска по сайту (Sitelink search box).
Создание разметки структурированных данных JSON-LD динамически с помощью Google Менеджера тегов
Вы можете динамически добавлять данные JSON-LD на страницах, используя Google Tag Manager. Единственное условие в том, что код должен быть запущен во время первой загрузки страницы. Это означает, что вы не можете динамически расширять структурированные данные на сайте после того, как окно загрузится, то есть после того, как событие gtm.load записано в dataLayer. Пока теги структурированных данных выполняются по триггеру «Все страницы», все должно быть в порядке.
Ниже — некоторые примеры пользовательских HTML-тегов для структурированных данных. Перед их внедрением убедитесь, что теги активируются по триггеру «Все страницы».
Размечайте данные о компании для попадания в Knowledge Graph
Для разметки структурированных данных используется официально рекомендованная разметка Schema.org. Я упомяну лишь некоторые пункты, которые могут помочь вашей компании попасть в Knowledge Graph:
- используйте разметку Organization. Необходимо использовать, по крайней мере, свойства name, logo, url и sameAs.
- добавьте в свойство sameAs ссылки на все свои профили в социальных сетях.
Пример попадания в Граф знаний:
Вот пример разметки Organization:
Google заявил, что переориентирует устаревший инструмент проверки структурированных данных и перенесет его на сайт schema.org к апрелю 2021 года. Основной целью инструмента станет проверка синтаксиса и соответствия разметки со стандартами schema.org
Активируйте блок поиска по сайту
Это одно из самых крутых дополнений для SERP. На некоторых сайтах вы можете увидеть окно поиска прямо в выдаче (в sitelinks — быстрых ссылках). Эта поисковая форма связана с внутренней системой поиска на сайте, что позволяет делать поиск непосредственно по содержанию сайта.
Чтобы этот блок появился, код в пользовательском HTML-теге должен иметь такой вид:
Здесь предоставлен URL и необходимый параметр поискового запроса, которым оперирует система внутреннего поиска на сайте автора. Теперь, если кто-то введет поисковый запрос в быстрых ссылках в SERP, он будет перенаправлен на страницу результатов поиска по сайту по указанному запросу.
Пpaктическая реализация добавления разметки с помощью GTM
Чтобы создать структурированные данные с помощью Google Менеджера тегов, выполните следующие действия (согласно руководства Google для разработчиков):
- Установите и настройте Google Менеджер тегов на своем сайте.
- Добавьте в контейнер новый пользовательский тег HTML.
- Вставьте нужный блок структурированных данных в тег.
- Установите контейнер.
- Чтобы добавить тег на сайт, разместите контейнер в интерфейсе Google Менеджера тегов.
- Выполните тестирование.
Рассмотрим подробно. Пpaктически добавление разметки с помощью GTM выполняется так:
Шаг 1. Создайте свой код разметки (примеры даны выше) и проверьте его с помощью инструмента проверки расширенных результатов от Google:
Шаг 2. Создайте новый тег в Google Tag Manager.
Шаг 2.1. Выберите тип тега — Пользовательский HTML-тег.
Шаг 2.2. Вставьте код разметки из Шага 1 в окно и выберите триггер Все страницы:
Шаг 3. Выполните проверку.
Необходимо выполнить предварительный просмотр в режиме отладчика. Если в режиме предварительного просмотра контейнер размещен в блоке Tags Fired, значит, всё настроено верно. Если же контейнер отображается в блоке Tags Not Fired, тег не сработал и необходимо найти ошибку, которая была допущена при подключении.
На заметку
Запомните, что вы можете комбинировать разные типы структурированных данных в одном пользовательском HTML-теге и лучше делать именно так, чтобы уменьшить количество тегов в контейнере. Два примера, приведенных выше, будут скомбинированы в одном теге так:
Тут были включены два JSON объекта, которые вставлены в один массив данных (обратите внимание на квадратные скобки, что оборачивают два объекта), разделенные запятыми. После того как вы создали свой тег и опубликовали контейнер, не забудьте проверить сайт в инструменте для тестирования расширенных результатов:
Помните, что так как это GTM, вы можете использовать собственные переменные, чтобы сделать вставки структурированных данных более динамичными. Кроме того, если вы определили dataLayer в шаблоне страницы, и он имеет информацию, которая была бы полезна в структурной разметке данных, вы можете подтянуть эти данные, используя переменные dataLayer в пределах разметки структурированных данных.
Это означает, что вы создаете действительно гибкую вставку структурированных данных за счет использования собственных функциональных возможностей кода GTM. Также это дает возможность вводить аннотации о контенте с JavaScript, вместо того, чтобы применять их непосредственно в шаблоне страницы с помощью CMS. Замечательно и то, что вы можете вводить объект в любом месте страницы, а не только в head. Возникли вопросы? Ответим на все в комментариях.
Автор первой версии статьи 2015 года — Ольга Маслянко.
Комментарии:
Начинаем работать с облачным сервисом хранения Google BigQuery...
06 12 2023 4:49:36
Менеджмент и лидерство: 4 разных типа руководства организацией и нескучные иллюстрации в стиле South park....
05 12 2023 15:34:43
Так называемый Humankindex (доброжелательный стиль управления) способствует инновациям в компании....
04 12 2023 6:32:37
Перевод колонки директора по маркетингу Ahrefs: об органическом поисковом трафике, высокопотенциальных темах для бизнеса, уникальности и качестве контента, его продвижении. С реальными рекомендациями и примерами. Узнайте больше!...
03 12 2023 11:59:37
При использовании похожих инструментов важно не переборщить с количеством рекламы...
02 12 2023 21:32:35
Иногда удержать пользователя сложнее, чем мотивировать загрузить приложение. Семь инструментов для анализа Uninstall Rate....
01 12 2023 20:19:15
Отслеживаем в статистике Google ***ytics посетителей пришедших через защищенное соединение в поиске Google....
30 11 2023 22:11:32
12 идей для видеоконтента и расскажем, где их лучше размещать, чтобы зрители стали клиентами. Как использовать видео для повышения продаж? Длинный, но все равно неполный список форматов. Читайте дальше и предлагайте свои варианты!...
29 11 2023 17:33:28
Кейс в тематике «грузоперевозки»: как быстрое внедрение доработок помогло привлечь качественный трафик на новый сайт...
28 11 2023 13:54:56
В мае прошлого года Google анонсировал выход нового Core Web Vitals. Что это и как будет работать рассмотрим в статье...
27 11 2023 1:22:53
Пришло такое время — обновить данные, тем более что в начале сентября появилось исследование Google....
26 11 2023 5:35:19
Почти 3 миллиона клика в 24 тематиках в 15 городах Казахстана. Читайте новое исследование нашего аналитика....
25 11 2023 22:30:41
Учимся выстраивать коммуникацию по специальным сценариям....
24 11 2023 8:29:22
Наибольший эффект по продвижению сайта при минимальных затратах — именно таков принцип SEO growth hacking. Как найти кратные точки роста, читайте статье....
23 11 2023 14:19:22
Прогнозирование с помощью «Планировщика ключевых слов»....
22 11 2023 8:38:39
Клиникка использует лазеры и нуждается в продвижении. В специфических сферах привлечь потребителя впервые бывает сложнее и дороже, чем удержать его. Этот кейс о том, как повысить количество обращений новых клиентов с помощью видеорекламы...
21 11 2023 13:23:11
Внедрение скрама, чтобы решить проблемы в управлении бизнесом, год работы на нем и отказ от методологии. Читайте об опыте Boosta, которая объединяет 9 SEO-комaнд на удаленке....
20 11 2023 14:17:49
Пpaктическая информация о том, что и куда нужно постить....
19 11 2023 22:40:26
Сотрудник не справляется? Значит с ним пора прощаться. Эмоции в сторону, действуем по алгоритму....
18 11 2023 18:52:35
Кейсы, фишки и советы, опыт крупных брендов, маркетологов....
17 11 2023 14:37:11
На этой картинке изображены два предмета. Один из них называется «буба», а второй «кики»....
16 11 2023 0:27:22
Такое обозрение очередной новинки Google от Сергея Бахаря...
15 11 2023 8:13:18
Правила Facebook позволяют пользоваться автоматизированным контролем над эффективностью рекламы. Читайте, как уменьшить количество ручной работы с помощью автоматических правил...
14 11 2023 16:46:25
Новый способ автоматизации процессов при настройке аналитики больших объемов данных....
13 11 2023 13:21:19
Отслеживание конверсий: покупка, подписка на рассылку, отправка контактных данных и другое....
12 11 2023 15:29:43
Электронный кошелек — это виртуальная ячейка для хранения денежных средств. Каждая такая ячейка обладает уникальным цифровым определителем и может принадлежать одному человеку....
11 11 2023 8:48:17
На отклонение исходящих ссылок после загрузки файла может уйти достаточно много времени: от нескольких недель до нескольких месяцев...
10 11 2023 12:48:15
Кейс детской костюмерной Colombina.ua — как продвигать проект с ярко выраженной сезонностью....
09 11 2023 6:35:28
ПриватБанк, АТБ и ДТЭК — эти бренды уже создали свои образовательные центры. Узнайте больше о том, как компании обучают своих сотрудников у нас и за рубежом. Читать дальше!...
08 11 2023 2:54:42
Объявление в тематике автошин — отличная тема для рекламы в интернете....
07 11 2023 11:19:47
Основатель сервиса мобилографии EyeEm Рамзи Ризк рассказал об особенностях своего сервиса и будущем мобильных приложений....
06 11 2023 5:38:52
Миссия компании: делимся опытом создания и реализации в компании с 300 сотрудниками...
05 11 2023 5:26:59
Памятка для всех, кому важно сохранить детали переговоров....
04 11 2023 7:54:53
Как найти в Twitter лидеров мнений и сети ботов с помощью надстройки для Excel...
03 11 2023 17:29:50
Разбираемся, как определить самые эффективные источники лидов....
02 11 2023 3:35:25
Раскрутить телеграм-канал с нуля до тысячи — реально. Раскрываем пошаговый алгоритм и даем рекомендации для SMM-специалистов....
01 11 2023 2:25:37
Private Blog Network для ниши безопасности, доставки цветов, товаров сантехники, туризма и выпекания. Сетки сайтов работают не всегда и это нормально. Узнать больше!...
31 10 2023 7:27:10
Языковой закон требует, чтобы общение бизнеса с клиентами шло на украинском языке, если нет просьбы о другом приемлемом варианте. Что это означает для РРС, читайте дальше....
30 10 2023 9:45:36
Каждый владелец знает, что залог успеха эффективного продвижения кампаний — качественная ежедневная оптимизация, а эксперименты — путь к новым горизонтам и еще более качественным результатам...
29 10 2023 0:53:20
Каждому бизнесу в интернете важно продумать систему оплаты для своих товаров или услуг. При этом следует учитывать объемы и нишу бизнеса. Узнать больше!...
28 10 2023 21:21:14
Почему бизнесу нужно настраивать мультикaнaльную модель атрибуции на основе воронки продаж и как это сделать....
27 10 2023 18:51:32
Какой эффективный способ использовать для проверки бизнес-возможностей новых проектов ecommerce?...
26 10 2023 12:50:48
Считаем SEO-эффект от нового дизайна сайта и работы над usability...
25 10 2023 10:18:42
Как связываться с клиентами и что делать, чтобы качество обслуживания не просело. Менеджер, который обpaбатывает звонки со своего мобильного, остается без контроля, поэтому АТС оказывается идеальным решением. Разбираемся в статье!...
24 10 2023 12:11:28
Ситема управления проектами, которой пользуются в Netpeak....
23 10 2023 16:38:25
Как сделать так, чтобы статусы автоматически трaнcлировались в Twitter...
22 10 2023 10:25:27
Как научиться справляться со стрессом и находить в комaнду «тех самых» людей...
21 10 2023 12:17:36
Обзор ресурса по подбору ключевых запросов www.SEMRUSH.com на Netpeak.ua...
20 10 2023 21:53:35
Чат-боты упрощают процесс покупки продуктов онлайн. Netflix, Adidas, British Airways и другие крупные компании уже внедрили ботов в свои маркетинговые системы. Так ли это эффективно, если компании начинают отказываться от операторов в пользу ботов?...
19 10 2023 1:58:55
Иконки отличаются между собой размером, формой, весом, количеством оттенков и объемом. Наиболее популярными считаются векторные пиктограммы...
18 10 2023 22:50:37
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::