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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Таблицы

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

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

Фавиконка

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

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

Ознакомиться с требованиями к favicon можно тут.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Цена в сниппете Яндекса может отображаться слева от описания сниппета и справа:

  • Цена показывается слева, когда используется микроразметка.
  • Цена показывается справа, когда используется .YML выгрузка.
Цена в сниппете Яндекса слева Цена в сниппете Яндекса справа

YML может использоваться в рамках программы «Товары и цены» или если у вас размещен магазин на Яндекс.Маркете и вы используете прайс-лист. По сути 2 варианта — это одно и тоже.

Преимущества использования .YML выгрузки:

  1. Позволяет визуально выделить сниппет.
  2. Цена отображается всегда, если она есть в .YML файле.
  3. Робот регулярно индексирует .YML, а значит цены более или менее актуальны.
  4. Дополнительная строка под описанием сниппета с информацией о доставке.

Минусы:

  1. Нужны базовые навыки программирования, чтобы создать .YML.
  2. Могут возникнуть проблемы с модерацией.
  3. Актуально только для Яндекса.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Использовать микроразметку.
  • Использовать разделители текста (читайте выше).
Эмодзи в хлебных крошках
Эмодзи в хлебных крошках сниппета для Яндекса не отображаются.

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

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

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

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

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

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

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

Вывод

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