Заказать SEO-услуги
Согласен с правилами обработки персональных данных
Скорость ответа - до 30 минут!

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

like

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

Микроразметка — это разметка страницы специальными тегами, атрибутами, которые соответствуют информации, представленной в тексте. Внедрение на сайт микроразметки позволит роботам ПС сделать следующее:

  • более точно определить и структурировать информацию с сайта;
  • улучшить индексацию сайта поисковыми роботами;
  • сформировать расширенный сниппет;
  • понять, насколько новым и актуальным является контент.

Более подробно о микроразметке рассказано в статье из нашего блога «Микроразметка в Яндекс и Google. Как и зачем её использовать».

Schema.org — словарь семантической разметки данных, поддерживаемый большинством поисковых систем, в том числе Яндексом и Google.

Подробнее здесь.

Примечание
Прежде чем приступить к добавлению микроразметки Schema.org на сайт, убедитесь, что на сайте установлен контейнер GTM. О том, как правильно установить Google Tag Manager, мы писали в статье «Руководство по установке и настройке Google Tag Manager для новичков».

 

Шаг №1. Создайте код разметки

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

Рисунок 1

Создание кода микроразметки schema.org JSON+LD

 

Шаг №2. Проверьте полученный фрагмент кода

Проверить правильность оформления микроразметки можно с помощью специального инструмента Google.

Валидатор микроразметки от Google

Рисунок 2

Валидатор микроразметки от Google

 

Рисунок 3

Проверка структурированных данных

Аналогичный инструмент от Яндекса.

 

Шаг №3. Создайте новый тег и укажите его название

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

Рисунок 4

Создание нового тега в GTM

 

Шаг №4. Выберите тип «Пользовательский HTML-тег»

Рисунок 5

Пользовательский HTML-тег GTM

 

Шаг №5. Вставьте код разметки в окно и выберите триггер активации All Pages

Рисунок 6

Активация пользовательского тега с микроразметкой в GTM

 

Шаг №6. Выполните предварительный просмотр и отладку

Если в режиме предварительного просмотра контейнер размещён под строкой «Tags Fired On This Page», значит, всё настроено верно. Если же контейнер отображается под строкой «Tags Not Fired On This Page», тег не сработал. В таком случае, скорее всего, при подключении была допущена ошибка.

Рисунок 7

Предварительный просмотр и отладка тега в GTM

 

Вот так можно добавить на сайт микроразметку Schema.org без вмешательства в исходный код страниц.

 

Эта статья была Вам полезной?


Наталия Бондаренко

SEO-оптимизатор

Оптимизирую сайты с 2009 года. Люблю сложные кейсы, которые оказались не по зубам специалистам с других компаний. Делаю очень подробные аудиты.

Пишу статьи-инструкции на блог SiteClinic по SEO-инструментам и аналитике.

Любимая цитата - Чтобы добиться успеха, надо искренне любить то, чем вы занимаетесь

n.bondarenko@siteclinic.ru

Оцените мою статью: 

1 Star2 Stars3 Stars4 Stars5 Stars (11 оценок, среднее: 5,00 из 5)

Есть вопросы?

Задайте их прямо сейчас, и мы ответим в течение 8 рабочих часов.

Наверх
  • Спасибо!
    Побольше бы таких статей!
    Еще бы исследование, насколько влияет внедрение такого кода на видимость сайта в Google!

    • Timur Bondarenko

      как минимум на CTR влияет

  • Александр Вершинин

    А можно ли с помощью GTM установить на сайт скрипты сервиса рекомендаций для интернет-магазина? http://docs.rees46.com/pages/viewpage.action?pageId=6259482

  • А как сделать для Блога такую разметку? Чтобы под каждую страницу были свои данные. Или это просто адаптация статьи от Yoast https://yoast.com/structured-data-google-tag-manager/ ?

  • спасибо!

  • Улыбнуло ) Все гениальное просто)

  • Татьяна

    А имеет смысл внедрять разметку таким образом для товаров? В этом случае нужно выбирать схему IndividualProduct и прописывать такие теги для каждого урла? Это ведь не удобно. Есть ли опыт во внедрении таким образом ( через GTM) разметки для товаров с минимальными затратами времени и количества тегов?

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

  • Сергей

    Не совсем понятен конечный результат. Куда вы добавляли микроразметку, на какие страницы? На все? Зачем? Какой результат получился в выдаче?

  • Сергей

    А как внедрить на сайт микроразметку хлебных крошек типа https://schema.org/BreadcrumbList или разметить https://schema.org/VideoObject ?

  • В доступных языках нужно указать все языки сайта или настроить активацию кода с одним языком при наличии в урл одного языка а другой код с другим языком активировать на других урл другого языка?

    • Наталия Бондаренко

      Добрый день, Максим!
      Неясный вопрос, переформулируйте, пожалуйста.

Не пропускайте свежие статьи

Хочу узнать больше