Как добавить микроразметку FAQ на любую страницу с помощью Google Tag Manager (Краткое руководство)

Рис Дейвис (Rhys Davies)

Недавно Google анонсировал, что Google Search и Google Assistant будут поддерживать новый плагин для разметки страниц FAQ и How-To, что позволит вебмастерам улучшить рейтинг сайтов в поисковых системах (SERPs), а также предоставит пользователям больше возможностей для доступа к контенту.

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

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

Удачные примеры расширенных сниппетов с FAQ

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

Пример 1:

Пример 2:

Как внедрить микроразметку FAQ с помощью Tag Manager


Прежде чем мы углубимся в детали, необходимо принять во внимание следующую цитату Google: 

“Использование структурированных данных обеспечивает наличие функции, но не гарантирует, что она будет отображена. Алгоритм Google выстраивает результаты поиска наилучшим для пользователя образом с учетом множества переменных, включая поисковую историю, месторасположение и вид устройства. В некоторых случаях алгоритм может решить, что одна функция более уместнее другой или даже выбрать просто синюю ссылку”. — Google: https://developers.google.com/search/docs/guides/sd-policies


Шаг 1: Убедитесь, что структура контента страницы соответствует правилам Google

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

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

Я намеренно выбрал два разных примера разметки страницы, обе из которых правильно структурированы, проверены и видны в SERP.

Пример 1:

На этом вебсайте вопросы и ответы изображены в виде колонок

Источник: Money Expert

Пример 2:

Чтобы проверить микроразметку FAQ на валидацию, контент должен быть включен в программный код страницы HTML, а также быть доступен пользователям.

Шаг 2: Создайте необходимый код JSON-LD

На этом этапе пора создать сам код, необходимый для того, чтобы страница появилась в SERP.

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

В текущий момент JSON-LD является предпочтительным форматом для нас. Я думаю, что большинство новых структурированных данных сначала выходит в этом формате. Поэтому мы его и выбираем.

Джон Мюллер, аналитик Google Webmaster Trends

В целом создать код для микроразметки FAQ очень просто: нужно убедиться, что копия полностью соответствует тому, что появляется на странице.

Пример страницы FAQ. Источник: Godaddy

Пример кода микроразметки FAQ:

При создании кода JSON-LD для своей страницы FAQ вам придется поменять приведенные выше элементы в соответствии с вашей страницей.

По умолчанию Google показывает три первых FAQ в результатах поиска. Я нигде не встречал правил, определяющих лимит FAQ, но ориентируясь на примеры, можно сказать, что Google демонстрирует максимум 10 элементов FAQ, после чего следует ссылка «read more», ведущая на веб-страницу.

Создание микроразметки с помощью Google Tag Manager не является идеальным методом. Его нужно применять на уровне шаблона, особенно если вы планируете распространить его на сотни страниц. Если вы используете плагин Gutenberg на WordPress, ознакомьтесь с руководством Yoast SEO здесь.

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

Шаг 3: Установка и тестирование Google Tag Manager

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

  1. Сначала откройте Google Tag Manager и найдите в меню слева раздел Variables, кликните на кнопку Configure, чтобы убедиться, что page path выбран.
  2. Вернитесь в раздел Overview и выберите Add a new tag.
  3. Назовите этот тэг запоминающимся именем, которое быстро вспомните впоследствии. Кликните на область Tag Configuration и выберите тип тэга custom HTML, затем вставьте созданный вами код.
  4. Теперь нам нужно удостовериться, что этот код активируется именно на нужной целевой странице. Для этого нужно создать триггер.
  5. Назовите триггер запоминающимся именем, которое будет легко вспомнить, например, «SEO Pageview», затем выберите Page View Trigger из списка опций.
  6. После этого кликните на «some page views», что предоставит вам возможность выбирать дальше.
  7. Выберите «page path» и «equals» и введите URL-слаг.
  8. Нажмите Save и save again. Таким образом производится правильная настройка кода, но прежде чем опубликовать результат, его необходимо протестировать.
  9. Следующий волнительный этап – тестирование и валидация. Кликните на «Preview» справа вверху, и на странице появится оранжевая панель.
  10. Затем откройте ваш веб-сайт в новой вкладке. Созданный вами тэг должен появиться в нижней части окна браузера в разделе «Tags Fired On This Page». 
  11. Кликнув на свой тэг, вы сможете увидеть добавленный код и триггер.
  12. Я рекомендую перейти на другую страницу, чтобы убедиться, что она не активирует код на других страницах так как это введет Google в заблуждение.
  13. Удостоверившись в том, что тэги активированы (tags fire on the correct pages), опубликуйте новую версию среды (publish your workspace) , в которой тэги будут внедрены в live tag manager на вашем сайте.

Протестируйте вашу микроразметку!

Откройте иструмент Google Rich Results и введите один или несколько URL, которые вы добавили в микроразметку FAQ: https://search.google.com/test/rich-results

Если вы сделали все правильно, то увидите зеленую галочку рядом с «FAQ» и сможете сделать предварительный просмотр страницы в SERP. 

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

Заключение

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

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

Тем не менее, расширенные сниппеты доказанно увеличивают процент кликабельности, поэтому я рекомендую поддаться новому веянию. Если вы не станете применять это новшество, будьте уверены, что ваши конкуренты станут!

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

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

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

Рис Дейвис (Rhys Davies)

Рис – основатель и управляющий директор независимого маркетинговошго агентства Searchable. Рис получил свой SEO-опыт, работая с малыми и большими международными компаниями почти во всех областях, что дало ему возможность научится преодолевать любые трудности SEO. За последние шесть лет Рис был сотрудником многочисленных быстро развивающихся агентств и поднялся по карьерной лестнице от ассистента SEO до руководителя группы SEO по работе с клиентами; однако недавно он решил, что пришло время организовать собственное агентство.

За время своей карьеры Рис разработал бессчетные успешные стратегии для поиска, что принесло ему много наград B2C, а также личных наград таких, как “Young Search Professional” в рамках European Search Awards в 2017 году.


Ольга Мамаева (Olga V. Mamaeva)

Перевод статьи
mamaeva.ov@gmail.com