Оставить заявку

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

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

В этой статье не будут рассмотрены вопросы:

  • в каком порядке разместить слова, чтобы попасть в ТОП-3;
  • какая нужна длина сниппета для роста CTR;
  • колько раз использовать букву «А» в тайтле.

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

Что такое сниппет

Сниппет (snippet) — это блок, применяемый в поисковых системах, содержащий некую информацию со страницы. Сниппет позволяет пользователю получить представление о странице, не заходя на сайт.

Что такое кликабельность сниппета

CTR поисковой выдачи — показатель кликабельности сниппета. Рассчитывается как процентное отношение числа кликов по сниппету к числу его показов. Исследования Wordstream показывают, что увеличение CTR на 3% дает +1 позицию в поиске.

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

Как формируется сниппет

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

Как сделать правильный сниппет

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

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

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

Неправильный сниппет

Неправильный сниппет

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

Keywords в описании сниппета

Keywords в описании сниппета

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

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

Служебный текст в тайтле
Служебный текст в тайтле
Заголовок первого уровня в тайтле
Заголовок первого уровня в тайтле
Вариант комплектации товара в тайтле
Вариант комплектации товара в тайтле
Ссылка со страницы в тайтле
Ссылка со страницы в тайтле

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

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

Текстовая оптимизация сниппетов

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

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

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

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

Спец символы в сниппете

Спец символы в сниппете

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

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

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

Эмодзи для сниппета

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

Гармонично встроенный эмодзи

Гармонично встроенный эмодзи

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

Как выглядят emoji на разных устройствах

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

Приевшиеся эмоджи в сниппете

Приевшиеся эмоджи в сниппете

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

Подсветка слов

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

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

Подсветка синонима в сниппете
Подсветка синонима в сниппете
Подсветка словоформ в сниппете
Подсветка словоформ в сниппете

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

Опечатка в описании

Опечатка в описании

Описание сниппета не из мета-тега

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

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

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

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

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

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

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

Таблицы

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

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

Фавиконка

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

Удачные и неудачные фавиконки
Удачные и неудачные фавиконки
Как выглядит сниппет без установленной фавиконки
Как выглядит сниппет без установленной фавиконки

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

Дополнительные знаки, плашки в сниппете

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

  • Значок «Защищенное соединение».
  • Значок «Турбо-страницы».
  • Значок AMP.
Значок «Популярный сайт» в сниппете
Значок «Популярный сайт» в сниппете
Значки в поиске Яндекса
Значки в поиске Яндекса

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

Значок «Защищенное соединение» в сниппете

Значок «Защищенное соединение» в сниппете

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

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

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

Значок «Турбо-страницы» в сниппете

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

Значок «AMP» в сниппете

Значок «AMP» в сниппете

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

Турбо-страницы и AMP

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

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

Сниппет с картинкой

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

Сниппет с изображением

Сниппет с изображением

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

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

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

Видео в сниппете

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

Видео в сниппете

Видео в сниппете

Ссылки в сниппете

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

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

Быстрые ссылки в сниппете Яндекса

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

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

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

Срезы для формирования быстрых ссылок
Срезы для формирования быстрых ссылок
Ссылки в сниппете Яндекса
Ссылки в сниппете Яндекса

Быстрые ссылки в сниппете Гугла

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

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

Ссылки в сниппете Гугла

Якорные ссылки

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

Якорные ссылки в сниппете

Якорные ссылки в сниппете

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

Якорные ссылки в интеративном содержании

Якорные ссылки в интеративном содержании

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

Как нужно оформлять интерактивное содержание

Как нужно оформлять интерактивное содержание

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

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

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

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

Якорная ссылка в описании

Якорная ссылка в описании

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

Sitelinks

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

Sitelinks для главной страницы нашей компании

Sitelinks для главной страницы нашей компании

Ссылки на другие страницы

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

Ссылки в сниппете на другие страницы

Ссылки в сниппете на другие страницы

Цена в сниппете

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

Цена в сниппете Гугла

Цена в сниппете Гугла

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

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

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

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

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

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

Расширенные сниппеты

Расширенный сниппет — это сниппет, который выделяется среди других за счет своего вида. Такой сниппет имеет дополнительные элементы. Элементами могут быть карусели, звезды рейтинга, сводка о мероприятиях и многое другое.

Расширенный сниппет с расписанием мероприятий

Расширенный сниппет с расписанием мероприятий

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

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

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

Как сделать расширенный сниппет

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

Микроразметка article

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

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

Автор рецензии в сниппете
Автор рецензии в сниппете
Дата публикации статьи в сниппете
Дата публикации статьи в сниппете

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

Более подробную информацию о разметке для статей читайте в посте «Микроразметка Schema.org для сайта».

Звездочки рейтинга для сайта

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

Рейтинг рецепта/статьи в сниппете
Рейтинг рецепта/статьи в сниппете
Рейтинг отеля в сниппете
Рейтинг отеля в сниппете

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

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

Микроразметка рейтинга

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

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

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

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

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

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

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

Сниппет со звездами рейтинга и ценой

Сниппет со звездами рейтинга и ценой

Адресный сниппет

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

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

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

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

Сниппет со звездами рейтинга для организации

Сниппет со звездами рейтинга для организации

Микроразметка хлебных крошек

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

Первый сниппет — нет разметки, второй — есть

Первый сниппет — нет разметки, второй — есть

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

Сниппет в мобильной выдаче

Сниппет в мобильной выдаче

Оптимизация хлебных крошек

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

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

Эмодзи в хлебных крошках

Эмодзи в хлебных крошках сниппета для Яндекса не отображаются.

Анализ сниппетов

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

Проверка сниппета

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

Так это выглядит в сервисе проверки
Так это выглядит в сервисе проверки
А так в поисковой выдаче Google
А так в поисковой выдаче Google

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

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

Чаты в сниппете в Яндексе уже не актуальны

Вывод

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

Нужно увеличить количество заказов с интернета?

Обращайтесь, приведем клиентов с рекламы и SEO сайта

Рекомендуем почитать

Хотите попробовать с нами? Оставьте заявку, получите бесплатный аудит SEO и рекламы сайта.
Оставить заявку
Нажмите и держите для максимального увеличения