Как сделать сниппет в поиске кликабельным

Исследования говорят, что кликабельность (CTR) сниппета влияет на рост позиций. В арсенале сеошника на данный момент достаточно инструментов, чтобы ее повысить. Сделать snippet выделяющимся можно с помощью картинок, текстов, каруселей, ссылок и многого другого. Обо всем по порядку.

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

Чтобы сформировался грамотный сниппет, нужно заполнить основные мета-теги.

• Title
• Description
• Keywords (Они еще работают!)

Заполнять первые два мета-тега обязательно в любом случае. Иначе может получиться такое:

Эффективность мета-тега Keywords спорная, но иногда этот мета-тег учитывается:

Заполнили мета-теги — уже хорошо.

Бывает, что Яндекс и Гугл игнорируют мета-теги и формируют сниппет из содержимого страницы.

Чтобы такого не происходило:

• Уделяем внимание заголовкам H1-H3.
• Пишем альтернативные Description в содержимом страницы (разберем далее).
• Скрываем от роботов блоки или слова, которые не должны быть просканированы роботом &lt!--noindex--&gt (работает только для Яндекса).
• С недавних пор для Гугла появились специальные команды. Они позволяют влиять на отображаемый текст. Пока работают не очень, но в будущем должны помочь настроить сниппет.

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

Как можно разнообразить сплошной текст в описании сниппета? Самый простой вариант использовать разделители текста.

Разделяем фразы хотя бы банальными запятыми, слешами, вертикальными чертами, точками наконец!

Используйте круглые скобки. Исследование Outbrain и Hubspot показало, что сниппеты с круглыми скобками получают на ~40% больше кликов.

Вообще в качестве разделителей могут быть:

• Банальные знаки пунктуации.
• Спец символы Unicode.
• Эмодзи!

Спец символы для сниппетов — хороший вариант выделиться. Это несколько оригинальнее и заметнее, чем: , . | \. Спец символы поддерживаются всеми устройствами и отображаются одинаково. Поисковики показывают такие символы в сниппетах всегда в отличие от emoji.

Про эмодзи в сниппете говорим в следующей главе.

Эмоджи неплохой вариант сделать красивый сниппет. Тематические emoji очень к месту в некоторых отраслях. Но тут есть нюансы.

• Не все CMS поддерживают эмодзи. То есть в принципе не получится их использовать, но выход есть! Какой? Читайте дальше.
• На некоторых (например на тильде) список доступных эмодзи ограничен.
• Поисковики отображают не все emoji.
• Отображаются значки неодинаково на разных устройствах.
• Яндекс может отобразить эмодзи в сниппете, а Гугл нет. Или наоборот. Тогда в одном из случаев текст будет сливаться.
• На показ иконок в сниппете влияет их расположение в тексте.
• Вероятность отображения значков в описание сниппета в разы больше, чем в тайтле.

Но не все так плохо. Есть группа эмоджи, которые отображаются и в Гугле, и в Яндексе и подходят под все тематики. Однако они уже начинают приедаться.

Включаем фантазию, используем советы и реализуем:

Поисковики подсвечивают (выделяют жирным шрифтом) слова в сниппете, если они совпадают с запросом. Причем совпадение не обязательно должно быть точным.

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

Избегайте опечаток. Неправильно написанные слова, поисковики не подсвечивают.

Иногда поисковик упорно не хочет брать описание из мета-тега. В таком случае есть смысл оптимизировать фрагмент текста на странице таким образом, чтобы именно он попадал в сниппет, то есть сделать альтернативное описание.

Часто в описание сниппета попадает первый абзац со страницы. Поэтому можно попробовать оформить его, как Description. Если у вас листинг товаров, то фрагмент текста под альтернативное описание можно расположить под пагинацией.

При этом используйте маркированный список. Яндекс в отличие от Гугла может выводить в описание тексты в виде списка. Это выгодно выделит вас в выдаче.

Иногда работает комбо. Часть описания сниппета берется из мета-тега, часть со страницы. Как вариант, такое сработает, если длина текста в мета-теге Description небольшая.

Бывает в описание попадают заголовки интерактивного содержания. Использовать содержание полезно во всех смыслах:

1. Для удобства навигации по статье.
2. Для получения уникального сниппета.
3. Для получения быстрых ссылок (читайте далее).

Так же в сниппет может попадать часть маркированного списка + кусок текста со страницы.

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

Кроме того таблицы помогут попасть на нулевую позицию. Как? Читайте здесь.

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

Ознакомиться с требованиями к favicon можно в официальной справке Яндекса.

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

• Значок «Защищенное соединение».
• Значок «Турбо-страницы».
• Значок AMP.

Получить значок «Защищенное соединение» просто. Переводим сайт с протокола http на https и ждем переиндексации. Как выполнить беспроблемный переезд читайте в нашей статье.

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

Чтобы получить знак «Турбо-страницы» нужно:

1. Подключить турбо-страницы.
2. Попасть в выдачу с турбо страницей.

Чтобы получить значок AMP, нужно внедрить одноименную технологию на сайт. Подробнее про AMP написано в справке Google здесь.

За оставшиеся значки нужно долго и упорно бороться, но это уже другая история.

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

AMP страницы позволят попасть в новостную карусель.

Картинка у сниппета в поиске может выделить вас из толпы:

Что нужно знать:

• Никакая микроразметка не нужна.
• На странице должна быть хотя бы одна картинка.
• В качестве картинки для сниппета Яндекс и Гугл могут использовать превью видео.
• Нужно использовать качественные, яркие изображения на странице.
• Фото в сниппете отнимает место для текста.
• Нет никаких гарантий, что картинка отобразится в сниппете.

Что говорит представитель Яндекса про отображение картинки в поиске:

Ситуация похожая с изображением в сниппете. На продвигаемых страницах размещайте видео и желательно не во фреймах (iframe). Могут возникнуть проблемы с его индексацией. Какая-либо микроразметка не нужна.

Конфуций говорил про email-маркетинг, но суть в том, что ссылки заставляют кликать по ним. Сниппет может формироваться с одной или несколькими ссылками. Ссылке может быть отведено отдельное место в специальном блоке или же просто в описании сниппета. В Яндексе и Гугле линки отображаются по-разному.

Конфуций говорил про email-маркетинг, но суть в том, что ссылки заставляют кликать по ним. Сниппет может формироваться с одной или несколькими ссылками. Ссылке может быть отведено отдельное место в специальном блоке или же просто в описании сниппета. В Яндексе и Гугле линки отображаются по-разному.

Для главной и других страниц могут формироваться быстрые ссылки. Ссылки для главной страницы в сниппете можно изменить, используя Яндекс.Вебмастер. Вы сможете сами выбрать какие показывать, а какие нет. А если повезет, то и поменять анкоры.

Исчерпывающая информация, как настроить сниппет в Яндексе, изложена здесь.

Чтобы проще было получить быстрые ссылки, нужно на странице создать срезы соответствующие продвигаемому запросу. Так же такие срезы лучше вынести в отдельный блок. Например: «Популярное в категории».

Изменить внешний вид сниппета можно с помощью ссылок. Они выделяются цветом и располагаются в описании сниппета или под ним. Ссылки могут быть 3 видов:

1. Якорные ссылки.
2. Ссылки для главной страницы (sitelinks).
3. Ссылки на другие страницы сайта.

Размеченное содержание статьи (интерактивное оглавление) помогает не только улучшить навигацию по статье, но и получить заветные ссылки в сниппете.

Как это сделать? Разбить текст на главы. Причем каждая должна иметь свой заголовок 2-го уровня. Чтобы заголовки стали частью содержания, нужно прикрепить якорь к каждому. Это легко. Внутри тега <H2> задаем значение параметру «id» — идентификатору заголовка, тем самым создаем якорь. Идентификатор должен описывать содержимое заголовка.

После того, как были присвоены идентификаторы, нужно создать само содержание. Для этого необходимо создать нумерованный список <ol></ol> или маркированный <ul></ul>. Внутри него будут размещены ссылки на наши якори. Каждая ссылка на якорь обернута тегом <li></li>.

Следующее требование: статья должны находиться в ТОП-10 выдачи, иначе быстрых ссылок такого вида не будет.

Подзаголовки статьи должны быть с максимально точным вхождением ключевых слов в поисковый запрос.

При соблюдении этих правил, если повезет, Google добавит под описание сниппета быстрые ссылки на те разделы статьи, которые посчитает нужными

В описании сниппета также может быть якорная ссылка на раздел из содержания статьи. Получить такую ссылку не сложно. Главное, чтобы подзаголовки статьи были максимально похожи на поисковые запросы.

Для получения якорной ссылки не обязательно находится в ТОП-10.

Google Sitelinks — это ссылки для главной страницы. Формируются сами и ими нельзя управлять (а в Яндексе можно в Вебмастере).

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

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

Доступны несколько вариантов для отображения цены:

• Прописывать цену вручную.
• Использовать микроразметку.
• Использовать Турбо.Страницы (только для Яндекса).

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

Товарная разметка Product, Offer, AggregateOffer поддерживается и Яндексом, и Гуглом с одной оговоркой. Яндекс поддерживает только микроразметку схемы Schema.org, а Google еще и JSON-LD понимает.

Товарный сниппет имеет пару минусов:

1. Гугл выводит цены далеко не для всех товаров.
2. Данные обновляются с опозданием (из-за нерегулярного обхода страниц роботом).

• Расширенный сниппет требует наличия специальной разметки на сайте.
• Список доступных расширенных сниппетов для Гугла и Яндекса разный.
• Расширенные сниппеты в Гугле отличаются внешне от расширенных сниппетов Яндекса.
• Особенностью является адаптированность под разные устройства.

Некоторые расширенные сниппеты Яндекса и Гугла рассматривать не будем. Ввиду узконаправленности. Например, снипетты для: фильмов, рефератов, программ.

Ознакомитесь с полным списком поддерживаемых расширенных результатов Гугла и Яндекса.

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

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

Для статьи можно указать авторство, картинку, заголовок, время публикации и т.д. Отдельно стоит выделить свойство «dateModified». Оно отвечает за дату последнего изменения статьи. Свежие статьи более охотно читают. Поэтому если вы решите доработать свою старую статью, то данное свойство окажется очень кстати. Дата публикации обновится, если содержимое статьи изменится хотя бы на 5%.

Для получения таких привилегий вам нужна разметка Schema.org: Article, NewsArticle или BlogPosting.

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

Как получить звездочки в сниппете:

• Использовать специальную разметку рейтинга.
• Внедрить функционал выставления рейтинга на сайте или ссылаться на сайт откуда этот рейтинг берется.
• Получить хотя бы 1 голос для отображения рейтинга.

Для добавления рейтинга в сниппет используется свойство микроразметки — AggregateRating. Это свойство включает в себя поля с количеством оценок, минимальной, максимальной и средней оценками.

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

• Для wordpress, как обычно, большой выбор готовых плагинов.
• Для bitrix так же есть готовые плагины (например) или можно настроить рейтинг самому.
• Для MODX есть плагин и инструкция по его установке.
• На Joomla вообще функция отображения рейтинга встроена в движок. Достаточно ее активировать.

Плюсы плагинов:

• Простота. С установкой плагина справится подавляющее большинство.
• Настройка. Возможность выбора внешнего вида звездочек и их расположения, просмотра статистики и т.д.
• Разметка. Встроенная микроразметка в большинство плагинов.

Минусом плагинов является их совместимость. Возможны конфликты между плагинами. Вследствие этого некоторые могут перестать корректно работать.

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

Как сделать сниппет в Яндексе с контактами? Есть 2 варианта:

1. Использовать микроразметку.
2. Просто добавить организацию в Яндекс.Справочник и указать страницу, на которой будет отображаться адрес. Подробная инструкция здесь.

Кроме адреса в сниппете будет отображаться рейтинг организации. Он подтягивается с Яндекс.Карт.

Использование микроразметки хлебных крошек (навигационной цепочки) поможет повлиять на внешний вид сниппета. Эффект будет не значительным если просто разметить по инструкции. Бросающейся разницы в глаза не будет. Сравните:

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

Использовать хлебные крошки для выделения сниппета неплохой вариант, но подойдет не всем. Что нужно:

• Использовать микроразметку.
• Использовать разделители текста (читайте главу «Текстовая оптимизация сниппетов»).

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

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

• После изменений отправьте страницу на переобход в ручном режиме. Это ускорит процесс переиндексации в разы.
• Описание товара в редких случаях может подтягиваться из Open Graph (OG) разметки или из YML выгрузки.
• Подключать чаты в 2020 году для получения кнопки «Онлайн консультант» уже нет никакого смысла. Яндекс отказались от такого решения и скоро кнопки исчезнут у всех.

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