Что такое сниппет, и как его правильно сделать

Мануалы
6Нравится
Комментарии
Поделиться
Что такое сниппет, и как его правильно сделать

Сниппет — это «анонс» страницы, который отображается в поисковой выдаче. Он включает title, URL-адрес и описание (meta description). На одной странице выдачи помещается около двух десятков сниппетов и часто отличаются между собой, даже если продвигаются по единому запросу.

Как выглядит сниппет в Яндексе

Сниппеты в Google и Яндекс тоже имеют отличия. Выше представлен пример из выдачи Яндекс: рядом с ссылками есть favicon (небольшая картинка слева от title), описание под заголовком занимает пару строк, и ключевые запросы в них подсвечиваются. Таковы особенности сниппетов Яндекс. В некоторых из них есть значки возле ссылок, которые показывают популярность сайта.

Значок в сниппете, который показывает популярность сайта

Рассмотрим сниппет Google. В нем нет favicon и цветных значков, но ключевые запросы также выделяются жирным шрифтом.

Как выглядит сниппет в Google

Эффективный способ выделиться в поисковой выдаче — создать расширенный сниппет. Кроме стандартного описания под заголовком он содержит дополнительные данные: картинки, цены, быстрые ссылки.

Дополнительные данные в сниппете

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

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

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

С Яндекс дело обстоит иначе. Поисковик не всегда отображает description, даже если он релевантный и информативный. Чаще в выдаче появляются фрагменты текста, которые содержат запрос пользователя. Также здесь иногда отображается описание из Яндекс.Каталога. Если нужно запретить поисковику тянуть сниппет из каталога, пропишите в коде страницы такую строку:

<meta name="robots" content="noyaca"/>

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

2. Как составить качественный сниппет

Для Google достаточно составить правильные с точки зрения SEO метатеги. Оптимальная длина тега title — до 80 символов, description — до 270 символов. Можно дополнить описание эмодзи и символами для привлечения внимания посетителей и выделения сниппета. Главные ключи желательно размещать в начале заголовка и описания.

Для формирования сниппета в Яндекс создайте на странице абзац длиной до 240 символов с ключевыми словами, который будет органично вписываться в основной текст страницы. Здесь важно соблюдать баланс между оптимизацией и интересной подачей информации. После индексации страницы с этим абзацем нужно проверить, появился ли он в выдаче. Если поисковик выдаёт другой текст, можно закрыть его от индексации и создать новый оптимизированный абзац.

Чтобы закрыть текст от индексации в Яндекс, используйте метатег <noindex>:

<noindex>Текст, который нужно закрыть и не показывать в сниппете</noindex>

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

Ещё несколько полезных рекомендаций по составлению хорошего сниппета:

  • Используйте уникальный Favicon для сайта.
  • Настройте «хлебные крошки» через редактирование кода либо с помощью плагинов для CMS. Например, BreadCrumb для WordPress. Это более актуально для Google, так как в выдаче Яндекс вложенные ссылки кликабельны.

    Вложенные ссылки в сниппете Яндекс

  • Внедрите микроразметку. Самые популярные словари: Schema.org, Open Graph.

  • Зарегистрируйте сайт в Google и Яндекс Картах.
  • Настраивайте быстрые ссылки и проверяйте корректность их отображения в Яндекс.Вебмастер. Откройте раздел «Информация на сайте» → «Быстрые ссылки».

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

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

В инструментах Google на данный момент нет возможности посмотреть и отредактировать быстрые ссылки. Они появляются автоматически в сниппетах сайтов с высокой посещаемостью и полным соответствием правилам SEO-продвижения.

3. Как реализовать расширенные сниппеты

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

Как сделать расширенный сниппет с помощью мастера структурированных данных

После внедрения кода и следующей индексации сайта новый расширенный сниппет появится в выдаче.

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

Как выглядит контекстная реклама в поисковой выдаче

Микроразметка для создания расширенного сниппета

Для создания расширенного сниппета используются словари микроразметки. Самые популярные: Schema.org и Микроформаты. Кстати, мастер разметки Google создаёт сниппеты на основе словаря Schema.org. Выберите объект из списка и сформируйте строки для вставки в код страниц. Пример кода с разметкой Schema.org:

<div itemscope itemtype="http://schema.org/Organization"> <span itemprop="name">Caramel Events</span> Контакты: <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> Адрес: <span itemprop="streetAddress">Евгения Коновальца, 36</span> <span itemprop="postalCode">01133</span> <span itemprop="addressLocality">Киев</span>, </div> Телефон:<span itemprop="telephone">050 807 4747</span>, Электронная почта: <span itemprop="email">[email protected]</span> </div>

Альтернативный вариант — использование микроформатов. Словарь описывает объекты разметки через форматы, например:

hCard — контактные данные,

hProduct — описание товара,

hCalendar — описание события.

Пример разметки с контактными данными:

div class="vcard" div class="fn"Иван Иванко/div div class="org"ИП Иван/div div class="tel"777-888-999/div a class="url" href="http://site.ua/"Личный сайт/a /div

Подводим итоги

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

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

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