Блог про интернет-маркетинг для бизнеса

SEO

Как расширить представление сайта в выдаче с помощью Google Tag Manager

127
33
2
65

Ранее мы писали про обновления Google Tag Manager v2 и о пользе регулярных выражений в GTM. На новый пост о фишках Диспетчера тегов Google нас вдохновила статья Симо Агавы из Netbooster.

У Google есть разные способы сделать результаты поисковой выдачи (SERP) живее. Когда вы вводите поисковый запрос, цель поисковой системы — предоставить вам наиболее релевантную информацию. Часто это значит, что вы увидите ответ на свой запрос непосредственно в SERP: Часто вы можете увидеть ответ на свой запрос непосредственно в SERP Как вы наверняка знаете, существует множество способов разметить данные на сайте так, чтобы Google использовал их, если он пожелает. Нет никакой гарантии, что структурированные данные будут подхвачены поисковой системой, но это не должно удерживать вас от разметки содержимого. Теперь к делу. Google недавно выпустил инструмент для тестирования структурированных данных, который понимает разметку JSON-LD.

JSON-LD является ответвлением формата данных JavaScript Object Notation (JSON), его особенность в том, что вы можете указать связанные узлы данных между различными объектами.

Структурированные данные, поддерживаемые JSON-LD, по-прежнему еще ограничены, но количество опций, безусловно, будет расширено в ближайшем будущем. Сейчас вы можете разметить контент на сайте для:

  • всех функций Knowledge Graph;
  • Rich Snippets для событий;
  • формы поиска по сайту (Sitelink search box).

Отличная информация об этой новой функции в цитате со страницы технической поддержки:

JSON-LD позволяет вам встроить блок данных JSON внутри скрипта в любом месте HTML. Также Google может читать данные JSON-LD даже когда они динамически добавляются в содержимое страницы, например, с помощью Javascript кода или встроенных «виджетов».

Прочитайте последний абзац еще раз. Разве это не звучит, как «пользовательский HTML-тег в Google Tag Manager»? Именно так и есть.

Разметка структурированных данных с помощью Google Tag Manager

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

Ниже — некоторые примеры пользовательских HTML-тегов для структурированных данных. Перед их внедрением убедитесь, что теги активируются по триггеру «Все страницы».

Размечайте социальные профили для Knowledge Graph

Если сайт включен в Граф знаний, вы сможете добавить ссылки на социальные профили прямо в SERP, как сделала компания Marimekko, например: Если ваш сайт включен в Граф знаний, вы сможете добавить ссылки на ваши социальные профили прямо в SERP Для этого вы должны добавить в пользовательском HTML-теге следующее (примеры сайтов взяты из текста Симо Агавы):

<script type="application/ld+json">
{
  "@context" : "http://schema.org",
  "@type" : "Person",
  "url" : "http://www.simoahava.com/",
  "name" : "Simo Ahava",
  "sameAs" : [ "http://fi.linkedin.com/in/simoahava",
      "http://plus.google.com/+SimoAhava",
      "http://www.twitter.com/SimoAhava" ]
}
</script>

Код выше дополнит блок Knowledge Graph для сайта Симо Агавы (если его сайт будет добавлен в Граф знаний) ссылками на его профили в социальных сетях непосредственно в поисковой выдаче.

Активируйте блок поиска по сайту

Это одно из самых крутых дополнений для SERP. На некоторых сайтах вы можете увидеть окно поиска прямо в выдаче (в sitelinks — быстрых ссылках). Эта поисковая форма связана с внутренней системой поиска на сайте, что позволяет делать поиск непосредственно по содержанию сайта. Поисковая форма связана с внутренней системой поиска на сайте, что позволяет делать поиск непосредственно по содержанию сайта Чтобы этот блок появился, код в пользовательском HTML-теге должен выглядеть так:

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "WebSite",
  "url": "http://www.simoahava.com/",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "http://www.simoahava.com/?s={search_term}",
    "query-input": "required name=search_term" }
}
</script>

Здесь предоставлен URL и необходимый параметр поискового запроса, которым оперирует система внутреннего поиска на сайте автора. Теперь, если кто-то введет поисковый запрос в быстрых ссылках в SERP, он будет перенаправлен на страницу результатов поиска по сайту по указанному запросу.

На заметку

Запомните, что вы можете комбинировать разные типы структурированных данных в одном пользовательском HTML-теге и лучше делать именно так, чтобы уменьшить количество тегов в контейнере. Два примера, приведенных выше, будут скомбинированы в одном теге так:

<script type="application/ld+json">
[{
  "@context" : "http://schema.org",
  "@type" : "Person",
  "url" : "http://www.simoahava.com/",
  "name" : "Simo Ahava",
  "sameAs" : [ "http://fi.linkedin.com/in/simoahava",
      "http://plus.google.com/+SimoAhava",
      "http://www.twitter.com/SimoAhava" ]
},
{
  "@context": "http://schema.org",
  "@type": "WebSite",
  "url": "http://www.simoahava.com/",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "http://www.simoahava.com/?s={search_term}",
    "query-input": "required name=search_term" }
}]
</script>

Тут были включены два JSON объекта, которые вставлены в один массив данных (обратите внимание на квадратные скобки, что оборачивают два объекта), разделенные запятыми. После того как вы создали свой тег и опубликовали контейнер, не забудьте проверить сайт в инструменте для тестирования структурированных данных: Не забудьте проверить ваш сайт в инструменте для тестирования структурированных данных

Симо Агава отмечает, что инструмент проверки не всегда работает, особенно если HTML на сайте достаточно сложный. Это не означает, что структурированные данные не проверяются, это просто означает, что есть какая-то ошибка в самом процессе работы инструмента.
Помните, что так как это GTM, вы можете использовать собственные переменные, чтобы сделать вставки структурированных данных более динамичными. Кроме того, если вы определили dataLayer в шаблоне страницы, и он имеет информацию, которая была бы полезна в структурной разметке данных, вы можете подтянуть эти данные, используя переменные dataLayer в пределах разметки структурированных данных.

Это означает, что вы создаете действительно гибкую вставку структурированных данных за счет использования собственных функциональных возможностей кода GTM. Поисковые роботы Google довольно давно ждали реализации этой возможности :) Также это дает возможность вводить аннотации о контенте с JavaScript, вместо того, чтобы применять их непосредственно в шаблоне страницы с помощью CMS. Замечательно и то, что вы можете вводить объект в любом месте страницы, а не только в head. Возникли вопросы? Ответим на все в комментариях.

Обнаружили ошибку? Выделите ее и нажмите Ctrl + Enter.

Комментарии (22)

  1. 0
    10 месяцев назад
    Если проводить реализацию через триггер "Все страницы", то как я понимаю, разметка будет появляться на всех страницах сайта и при этом, даже на тех, где ее и не должно быть. Так как по гайдлайнам гугла разметка должна соответствовать информации на странице, на которую она добавляется. 
    • 0
      Петр Головатый
      10 месяцев назад
      Вы всегда можете добавить блокирующий триггер или настроить активирующий триггер не на все страницы, а только на те, где разметка уместна. 
  2. 0
    год назад

    Читал обсуждение. Много думал. Но так и не понял - товарищи, вы хоть понимаете, чем вы тут занимаетесь? Да здесь просто клуб самоубийц по интересам какой-то. Вот давайте, дескать, активируем в снипете поиск. А вот давайте забульбеним микроразметку. Какой на самом деле лес может быть за этими деревьями, кроме как чтоб на ваш сайт не ходил пользователь? Ведь суть микроразметки - для пользователя получать всю инфу о сайте из сниппета в поисковой выдаче без перехода на ваш сайт. А действительно, зачем туда ходить, если все есть в выдаче? Гугл же заинтересован побыстрее вас систематизировать и описать, а микроразметка как раз упрощает эту задачу, это не для вас важно, это для него. И все такие радостные, да давайте сделаем так, чтоб пользователь не ходил на наши сайты, поиск активируем, чтоб можно было искать прям в выдаче без перехода на сайт. А я, пожалуй, погодю.

    • 0
      Максим Петров
      год назад

      При правильно настроенной разметке пользователь будет попадать на результаты поиска на вашем сайте, а не на поисковую выдачу. Это разве плохо? Зачем пользователю заходить на сайт, разбираться в вашей запутанной структуре из 100500 категорий и фильтров и потом пользоваться тем же внутренним поиском, чтобы найти нужную информацию? Здесь цепочка действий пользователя до конверсии может сократиться в разы и вероятность совершения целевого действия значительно увеличивается.

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

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

      • 0
        Alex Danilin
        год назад

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

        • 1
          Максим Петров
          год назад

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

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

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

          • 0
            Alex Danilin
            год назад

            А причем тут вообще пользователь? Я вообще-то не поисковая система, чтобы заботиться о пользователе - на то есть гугл. У меня свои интересы.

            • 0
              Максим Петров
              год назад

              Именно потому я и сказал про систему монетизации. Не хотите делать микроразметку - ваше право. Но не сделав её, вы точно не узнаете мешает она или нет в вашем случае.

              • 0
                Alex Danilin
                год назад

                Alex, а на olx не выводится строка поиска в СЕРПе. Вы пытались это реализовать или пока не дошли руки? Если пытались, подскажи, что вы делали.
                У нас на f.ua тоже не получилось...

                • 0
                  Igor Shulezhko
                  год назад

                  Про OLX сказать ничего не могу, но текущую реализацию можно посмотреть через инструмент проверки микроразметки. Делали на других проектах и удавалось получить. Главное сделать так, как написано в справке - https://developers.google.com/search/docs/data-types/sitelinks-searchbox. Тут есть несколько тонких моментов:
                  1) Set a preferred canonical URL for your domain's homepage using the rel="canonical" link element on all variants of the homepage.
                  2) A property of SearchAction that indicates a method for executing the SearchAction. This must be a URL that points to an address on the same domain as the content being searched. It must also include a variable name in braces that is a placeholder for the user's search query. Your server should assume and support UTF-8 values for user search queries.
                  Если все внедрено правильно и нет никаких конфликтов в микроразметке, то нужно просто ждать.

  3. 0
    2 года назад

    Если есть кто живой, ответте плиз, есть несколько вопросов по микроразметке и пользовательскому HTML тегу

    • 0
      Сергей
      2 года назад

      Сергей, живые есть! Какие вопросы вас интересуют?

      • 0
        Георгий Рябой
        2 года назад

        К сожалению, почитав тему более внимательно, вопросов появилось еще больше (((( голова опухла и даже не знаю с чего начать. А вообще интересует два вопроса. Быстрые ссылки в сниппете и поиск по сайту в сниппете. К сожалению, мои познания достаточно далеки от сайтостроения, я больше по продвижению и контентной части. Но вот вопрос этот интересен. Слишком много сайтов по этой теме, но везде нужны знания, а где найти инфу с азов. не понятно. К примеру, вот сайт: http://ru-krym.ru (Сейчас поиска по сайту нет, если нужно, то поставлю) Вот так и не понял, как сделать микроразметку под быстрые ссылки, с чего начать хотябы, если можно, покажите пример плиз.

        • 0
          Сергей
          2 года назад

          Под быстрые ссылки разметки нет - они сами выбираются поисковой системой на основании структуры сайта.

          Для отображения строки поиска по сайту в результатах поиска наличие корректно функционирующего поиска на сайте обязательно - без него строка поиска отображаться не будет. После того, как установите на сайте поиск, выполните все действия, указанные тут - https://developers.google.com/structured-data/slsb-overview

  4. 0
    2 года назад

    Здравствуйте, Ольга!
    Буду благодарен, если поделитесь ответами на такие вопросы:
    1) Можно ли размечать страницу товара одновременно тегами (schema.org) категории Product и Organization? Например, с помощью тегов категории Product я отмечу имя товара, описание, брэнд и картинку, а с помощью категории Organization - телефон и адрес.
    2) Помимо расширенных сниппетов даёт ли микроразметка другие преимущества, например, лучшее ранжирование страниц в Гугле?

    • 0
      dianovvl
      2 года назад

      Здравствуйте!
      1) Да, на странице можно использовать одновременно разные виды разметки.
      2) По опыту могу сказать, что не замечала влияния микроразметки на ранжирование, она нужна для создания расширенных сниппетов, которые призваны повысить кликабельность сниппета в выдаче.

  5. 1
    2 года назад

    Форма поиска будет выводится у сайтов с большой посещаемостью. Для небольших магазинов или контент проектов эти советы будут бесполезны :)

    • 0
      Matt Cutts
      2 года назад

      Скорее всего, Вы правы. Но не все даже крупные проекты используют данные приемы :)

      • 0
        Ольга Маслянко
        2 года назад

        Дело в том, что Google коряво использует микроразметку.

        Вот примеры скриншота, где на форуме нет микроразметки, но форма поиска в сниппете выводится.

        Даже с другими типами данных бывают косяки. Например, была размечена страница товара (наличие, цена, оценка, кол-во отзывов), в инструменте проверки все отображалось. В сниппете информация не попала. Оказалось, что некоторые валюты не всегда корректно распознаются :)

        • 0
          Matt Cutts
          2 года назад

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

          • 0
            realist
            2 года назад

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

Чтобы оставить комментарий, необходимо авторизироваться

Подписаться

на самую полезную рассылку по интернет-маркетингу

Самое

обсуждаемое популярное читаемое