Что такое сниппет сайта? Как сделать сниппет для Google и Яндекс с высоким CTR

Сниппет (с англ.яз. snippet – отрывок, фрагмент) – это текстовое  превью содержимого страницы, которое пользователь видит в выдаче поисковика. Если он оформлен корректно, пользователь понимает, отвечает ли страница запросу. 

Сниппет состоит из:

1. заголовка страницы или статьи, которая находится на странице (title);
2. адреса страницы (URL-адрес);
3. краткого описания.

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

Как получить расширенный сниппет, читайте тут.

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

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

Поехали!

Поисковые системы формируют сниппет из контента страниц, “цепляясь” за теги <title> и <description>. Но для одной страницы поисковик может выдать разные сниппеты, опираясь на запросы пользователя.

Длина описания составляет 160-240 знаков, а заголовка – 70-80 знаков. 

Если вы не заполнили Description, Яндекса подтянет в сниппет фрагмент страницы, наиболее соответствующий запросу пользователя. 

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

Давайте сравним.

Дополнительные элементы и выделение слов из запроса
Яндекс
Google
Адрес и контакты
Яндекс
Google
Подробности кулинарных рецептов
Яндекс
Google
Сведения об авторе и жанре творческой работы
Яндекс
Google
Описания к фильмам
Яндекс
Google
Дата публикации (для новостных сайтов и блогов)
Яндекс
Google
Быстрые ссылки
Яндекс
Google

Как видим, функциональность сниппетов для двух поисковых систем отличается.

Как мы писали выше, важно грамотно составить Title и Description. Если алгоритм поисковика вдруг проигнорирует заготовленное описание, можно скрыть от него и нежелательные для сниппета слова или блоки командой <!--noindex-->.

Рекомендуем разбавлять текст в сниппете, разделять его знаками препинания и эмодзи. Так же стоит качественно прописать заголовки уровней H1-H3.

Что можно использовать в сниппете для Яндекса

Эмодзи

Эмодзи, как черно-белые, так и разноцветные, в сниппете все еще привлекают внимание пользователей.

Но тут стоит обратить внимание:

• не все CMS поддерживают эмодзи;
• не все эмодзи отображаются поисковиками;
• на телефонах и компьютерах эмодзи могут выглядеть по-разному.

Избежать недоразумений с отображением поможет сервис Коллаборатора Emoji. Их можно искать по названию, отсортировать по цвету кожи.

Щелкните на нужый вам эмодзи, чтобы посмотреть, как он будет отображаться в Google, Microsoft или Apple, ведь иногда они выглядят совершенно по-разному. Если вы подобрали смешную рожицу для пользователей Apple, то не факт, что android-юзеры получат от вашего сниппета правильный месседж из-за иного отображения эмодзи.

Фавиконка

Favicon – это значок в формате .svg или .ico, который размещается перед URL страницы. Поскольку это очень маленький визуальный объект, лучше использовать простейшую графику в стилистике сайта или логотип.

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

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

• «Защищенное соединение». Чтобы его получить, необходимо перевести сайт с http на https и подождать переиндексации. 

• «Турбо-страницы». Для этого значка необходимо подключать функционал турбо-страницы и ждать попадания в соответствующую выдачу.

• AMP – ускоренная мобильная страница. Будет плюсом для тех, кто ищет информацию со смартфона, и дает возможность попасть в новостную карусель. Для получения этого значка необходимо добавить AMP на сайт.

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

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

Готовя картинку, придерживайтесь размеров 90*90 точек и формы квадрата. Не тратьте время на микроразметку. Обратите внимание, что размещенная в сниппете картинка забирает место у текста.

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

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

Быстрые ссылки

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

Существует три вида быстрых ссылок:

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

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

Цепляющая пользователей функция. Для размещения цены можно прописать ее вручную, использовать микроразметку или YML выгрузку (если ваш магазин размещен на Яндекс.Маркет). При этом все три варианта можно использовать одновременно, поскольку результат так же непредсказуем, как и с картинками.

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

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

Звездочки рейтинга невероятно популярны и повышают CTR. Конечно, если у вашего сайта действительно хорошие отзывы.

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

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

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

Например, микроразметка article полезна новостным ресурсам или блогам. В этом случае в сниппете выводится информация про автора, время публикации, картинка.

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

Какая разница между Rich Snippets и Featured Snippets, мы написали в материале Базе знаний.

Когда отображаются расширенные сниппеты

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

Вот так выглядит поиск работы в Google:

Например, сниппеты “how to” – “как сделать” – могут отображаться только на мобильных устройствах.

Информация о книге:

Как получить расширенные сниппеты

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

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

Также до публикации страницы рекомендуем проверить визуальное отображение расширенного сниппета через инструменты проверки расширенных результатов в Google.

Читайте также, как попасть в блок с ответами в Google.

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

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

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

• Топвизор, платный сервис для сбора информации. Распределяет запросы и критерии по папкам, можно выбрать поисковые системы, искать по заданным URL страницы конкурентов, переключаться между режимами поиска без потери результатов, сравнивать выдачи по разным поисковикам.

• MegaIndex com, функционал схож с предыдущим сервисом. Через него вы также можете проверить сниппеты конкурентов.

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

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

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

Тут есть библиотека на 3000+ цветных эмодзи, можно просмотреть, как будет выглядеть сниппет на разных устройствах

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

Сервис поддерживает три языка – русский, украинский, английский. 

В сервисе Majento можно просмотреть как будет выглядеть описание странице в Google поисковике и внести коррективы до публикации страницы.

Генератор Saney помимо проверки сниппета, дает возможность добавить в него черно-белые смайлики и символы.

А как давно вы проверяли, как выглядят ваши сниппеты? Воспользутесь описанными сервисами, чтобы взглнуть на ваш сайт глазами пользователей и сделать его более привлекательным.

Посмотрите еще раз на скриншоты сниппетов и подумайте, на какие бы вы кликнули и почему. А потом смело берите на вооружение понравившиеся фишки😉