Как выделяться в ТОП-10 Яндекс и Google: делаем идеальный сниппет и увеличиваем поисковый трафик

За последние несколько лет клиенты WebCanape нарастили бюджеты на SEO. Особенно заметно это было в 2022 году, когда на российском рынке возникли сложности с продвижением с помощью Google Ads.

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

В новом чек-листе расскажем о тонкостях оформления сниппетов. Именно этот инструмент отвечает за отображение ссылки на сайт: привлекает ли она клиентов или «растворяется» среди конкурентов в поисковой выдаче.

Содержание статьи:

1. Что же такое сниппет?
   • Обычный и расширенный сниппет: в чем разница
2. Главные элементы сниппета
   • Title — заголовок страницы
   • Description — описание страницы
   • Favicon — иконка страницы в списке ссылок
   • Ссылка на сайт
3. Как сделать расширенный сниппет
   • Расширенный ответ
   • Добавление адреса и телефона
   • Добавление быстрых ссылок
   • Изображение в сниппете
   • Рейтинг и отзывы
   • Дата публикации в сниппете
   • Цены и характеристики товара в сниппете
   • Вопрос-ответ в сниппете
   • Навигационные цепочки — элементы навигации на сайте
   • Галерея статей в сниппете
   • Корректное отображение сниппетов в соцсетях
4. Разница в отображении сниппетов в Google и Яндекс
5. Опыт WebCanape

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

Когда пользователь ищет что-то в интернете, он видит краткие описания сайтов на странице с результатами поиска. Изучая их, он быстро определяет, полезен ли для него конкретный сайт. Этот блок описания называется сниппетом (snippet).

В чем ценность сниппета? Вспомните, как обычно заходите в Google или Яндекс, пытаетесь найти информацию. Открывается длинный список страниц, но ваше внимание захватывают только самые яркие и понятные. Вызвать интерес — именно эту задачу и решает snippet.

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

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

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

Обычный и расширенный сниппет: в чем разница

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

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

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

Скачайте чек-лист в хорошем качестве, чтобы он всегда был у вас под рукой!

 

Главные элементы сниппета

1. Title — заголовок страницы

У любого сниппета есть заголовок, он же — тайтл (title). Это первое, что видит пользователь в поисковой выдаче. Заголовок должен наиболее точно описывать содержание страницы, отвечать на запрос пользователя, привлекать внимание, но не выглядеть, как спам.

Как формируется title?

Этот элемент прописывают для любой страницы сайта. Для этого в админке есть соответствующая настройка. Иногда поисковые системы генерируют тайтл из заголовков h1-h3. Вот пример отлично проработанного title для нашего сайта.

Правила оформления тайтла:

• Он содержит ответ на поисковый запрос пользователя и ключевые слова, по которым находят эту страницу.
• Уникален для каждой страницы.
• Раскрывает УТП бизнеса, т. е. ваше отличие от конкурентов.
• Отличается от метатегов на сайтах конкурентов.
• Большая часть заголовка видна в результатах поиска, как на десктопе, так и на мобайле.
• Если вы оказываете услуги в одном городе или регионе, это должно быть указано. Например: «Разработка сайтов в Москве — цены от агентства WebCanape».
• Можно добавить в title эмодзи для привлечения внимания. Только убедитесь, что они корректно отображаются в поисковых системах.
• Указание цены товара/услуги привлекает дополнительное внимание.

2. Description — описание страницы

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

Как формируется description?

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

Что учесть при оформлении description:

• Description должен содержать емкий ответ на запрос пользователя. Человек сразу понимает, что найдет на страничке нужную информацию.
• Он содержит ключевые слова, релевантные запросам. В поисковой выдаче ключевики выделяются жирным начертанием. Это еще один способ выделить ссылку среди конкурентов.
• Используйте объём текста до 150-160 символов. Иначе поисковики его урежут, а часть информации потеряется.
• Описание должно быть уникальным. Не копируйте его с других страниц вашего или чужого сайта.
• В описание тоже добавляют эмодзи для привлечения внимания, проверив, что они правильно отображаются в поисковиках.
• Дополнительно указывайте цену, сроки доставки, особенности товара/услуги, важные для клиентов.

3. Favicon — иконка страницы в списке ссылок

Пользователь ввел поисковый запрос и видит груду ссылок. Его внимание привлечет цепляющий фавикон (favicon). Именно их мы видим во вкладке браузера. Особенно актуально это для тех, кто открывает много страниц сразу. Также фавикон виден в объявлениях контекстной рекламы.

4. Ссылка на сайт

Финальный элемент стандартного сниппета — сама ссылка на сайт. Ее тоже можно сделать более привлекательной при помощи специальной микроразметки, о которой мы поговорим далее.

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

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

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

1. Расширенный ответ

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

Подобный сниппет позволяет привлекать на 30% больше трафика, чем конкуренты из ТОП-3.

2. Добавление адреса и телефона

Добавьте вашу компанию и адрес сайта на Яндекс Карты, чтобы отобразить контактные данные в сниппете.

3. Добавление быстрых ссылок

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

Поисковая система выделяет самые посещаемые разделы сайта и генерирует быстрые ссылки, если вы соблюдаете следующие условия:

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

Пример из Google

Пример из Яндекс

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

4. Изображение в сниппете

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

Учитывайте при добавлении картинок в сниппет:

• Чтобы изображение попало в сниппет, его нужно указать, как основное, в микроразметке: product — для товаров; article — для статей.
• Картинка должна выводиться на первом экране страницы и передавать ее содержание, учитывать тематику.
• Ссылку на изображение нужно указать в коде HTML страницы.

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

5. Рейтинг и отзывы

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

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

В Яндексе рейтинг подтягивают из Яндекс Маркета и показывают только для интернет-магазинов.

6. Дата публикации в сниппете

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

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

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

7. Цены и характеристики товара в сниппете

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

Цена товара видна в сниппетах на страницах с результатами поиска в Google и Яндекс. Еще не открыв сайт, человек понимает, подходит ли ему продукция, и принимает решение.

Как получить сниппет с указанием цены? Нужно сделать микроразметку, используя структурированные данные в формате schema.org. Этот вариант подходит для обоих поисковиков. В Яндексе также можно использовать расширение «Поиск по товарам», которое настраивают в Вебмастере.

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

Работая с коммерческими сниппетами, помните:

• нужно использовать ключевые слова и запросы;
• отражать характеристики и преимущества товара в title и description;
• добавлять структурированные данные в формате schema.org, описывающие товар, его свойства и цену, чтобы их распознали поисковые системы;
• качественные изображения товара побуждают пользователей перейти на сайт.

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

8. Вопрос-ответ в сниппете

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

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

Формат FAQ не подходит для форумов и других платформ, где люди отвечают друг другу. Используйте его для страниц, попадающих в ТОП-10 результатов выдачи.

9. Навигационные цепочки — элементы навигации на сайте

Навигационные цепочки или «хлебные крошки» — элемент, с помощью которого пользователь видит путь в структуре сайта от главной страницы к текущей. Это меню вложенности, позволяющее перейти из раздела в раздел. Навигационные цепочки организуют, добавляя HTML-теги, которые сообщают поисковикам тип контента на сайте.

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

Как правильно использовать навигационные цепочки:

1. Хлебные крошки должны содержать все промежуточные страницы. Они отображаются в результатах поиска, если выполнить их микроразметку.
2. Можно по-разному подойти к оформлению элемента:

• линейная навигация — начинается с разделов каталога, а не с главной,
• система «назад» — с помощью кнопки пользователь возвращается назад к каталогу или в главное меню,
• система, которая соединяет линейную навигацию с кнопкой «назад».

3. Хлебные крошки располагаются вверху страницы.
4. В Google в них можно добавить emoji, используя микроразметку Json ld.
5. Упростите все названия и не делайте чрезмерно много категорий. Они должны отражать содержание страницы.

Мы в своей работе используем специальные сборки CMS, в которых эти настройки работают «из коробки» и не требуют доплат.

10. Галерея статей в сниппете

Можно привлечь внимание пользователей, отобразив в сниппете галерею с превью статей. Она откроется по релевантному запросу в поисковой выдаче. При работе с этим форматом сниппета вам нужно также проработать тайтл и дескрипшн. В каждую статью на сайте добавьте размеченные данные в формате schema.org, которые описывают ее содержание, автора и пр.

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

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

11. Корректное отображение сниппетов в соцсетях

Вы наверняка замечали, что некоторые ссылки в соцсетях отображаются с картинками, а какие-то — выглядят неаккуратно, изображение или текст обрезаны. Не все обращают на это внимание, хотя для разработчиков настроить это не сложно. Достаточно использовать микроразметку Open Graph.

Посмотрите на примеры того, как сниппет отображается в соцсетях с правильной разметкой и без нее. Разница налицо!

Пример плохого сниппета для соцсетей

А вот пример хорошего сниппета

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

Разница в отображении сниппетов в Google и Яндекс

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

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

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

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

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

Опыт WebCanape

Практика показывает, что используя микроразметку и инструменты для расширения сниппетов, кликабельность ссылки в поисковых системах получится увеличить в 2-10 раз. Это сразу положительно скажется на целевом трафике и конверсиях, поэтому таким настройкам мы уделяем большое внимание.

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

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