Telegram
+38 (067) 538 00 81
Микроразметка с помощью Google Tag Manager
Еще одна возможность использования GTM — это оформление микроразметки на сайте. Это конечно же можно реализовать с помощью программистов, долго и скучно, а можно сделать самим с помощью GTM — быстро и весело.

В настройке мы пойдем по документу https://developers.google.com/structured-data/

А также примеры оформления выдачи:
https://developers.google.com/search/docs/guides/s...
и
https://developers.google.com/search/docs/guides/s...

Что можно сделать?
Лого, контакты, соц кнопки:
Поиск в поиске:
Оформление сниппетов:
Все остальные возможности реализуются по аналогии.
Как сделать?
Лого, контакты, соц кнопки:

Создаем новый тег в Google Tag Manager, типа Custom HTML:
И пишем туда следующий код (меняя нужные данные на свои):
<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "Organization",
"name" : "Веб-аналитика и результат",
"url" : "http://web-analytics.me/",
"logo": "http://or.kiev.ua/wp-content/uploads/2013/05/logo-e1369321186875.png",
"contactPoint" : [{
"@type" : "ContactPoint",
"telephone" : "+1-401-555-1212",
"contactType" : "customer service"
}],
"sameAs" : [
"https://www.facebook.com/WebAnalyticsResult",
"http://www.twitter.com/snegir",
"https://plus.google.com/u/0/+OrKievUa"
]
}
</script>
Параметры заполняем самостоятельно, своими значениями, справка по параметрам: https://developers.google.com/structured-data/customize/contact-points

После чего, указываем правило активации — Все страницы и публикуем контейнер.
Поиск в поиске:
Для реализации этой задачи делаем тоже, самое, что и с логотипом, но используем следующий код (меняя нужные данные на свои):
<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "WebSite",
  "url": "https://www.example.com/",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://query.example.com/search?q={search_term_string}",
    "query-input": "required name=search_term_string"
  }
}
</script>
Но нужно понимать, seo-специалисты меня поправят, что факт размещения этого кода не гарантирует появления блока поиска в органической выдаче, у Google свой взгляд на то, кому показывать этот блок, а кому нет.
Оформление снипетов:
За основу возьмем оформление статей https://developers.google.com/structured-data/rich-snippets/articles?hl=ru

Также, как и в прошлый раз, создаем новый тег типа Custom HTML и прописываем этот код (и ничего не меняем): 
<script>
  (function(){
  	var data =	{
  "@context": "http://schema.org",
  "@type": "NewsArticle",
  "headline": {{title}},
  "alternativeHeadline": "",
  "image": {{Page URL}},
  "datePublished": {{MicroDate}},
  "description": {{MicroDesc}},
  "articleBody": {{MicroBody}}
	}
   var script = document.createElement('script'); 
   script.type = "application/ld+json";
   script.innerHTML = JSON.stringify(data);
   document.getElementsByTagName('head')[0].appendChild(script); 
  })(document);
  
</script>
И создаем соответствующие переменные, типа Custom JavaScript (тут вам может понадобится junior js разработчик):
При установки времени, не забываем переводить в формат ISO 8601:
И остальные по аналогии. Публикуем и всё готово.
Проверка микроразметки
Проверить правильно оформления микроразметки можно с помощью — https://developers.google.com/structured-data/testing-tool/
Made on
Tilda