Сниппет сайта: что это такое, настройка и использование микроразметки

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

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

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

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

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

Как выглядит сниппет в Google: обратите внимание на отображение иконок - эмодзи.

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

Дополнительные данные в сниппете (расширенный)

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

Значимость сниппета

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

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

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

1. Ресурс со сниппетом должен представлять собой интернет-магазин или другую e-commerce-платформу, которая дает доступ к платным услугам. Бизнес должен быть легальным и действующим.
2. Условия приобретения товаров на сайте со сниппетами должны быть одинаковы для всех клиентов.
3. В «подвале» сайта должна быть размещена юридическая информация, а также официальные контактные данные.
4. На сайте следует разместить каталог товаров или услуг и отделить его от основной части ресурса.

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

Представим неполный список подходящих ресурсов. В него входят:

• АЗС;
• аптеки;
• фитнес-центры;
• прачечные;
• гостиницы;
• детские сады;
• рестораны;
• школы;
• химчистки;
• такси;
• бары;
• бани;
• гипермаркеты;
• ночные клубы;
• кондитерские;
• кинотеатры;
• музеи;
• театры;
• автовокзалы.

Иными словами, здесь все, что зарабатывает деньги. Узнать, подходит ли ваш сайт под требования Яндекса, вы можете на сайте поисковика.

Данные, которые можно передать в сниппет

Сам поисковик говорит, что в сниппет можно занести:

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

Пример сниппета сайта рецептов

Стандартный сниппет

Создание заголовка и описания сниппета в Яндексе и Google производится по одной и той же схеме.

Заголовок создается на основе мета-тега <title> и текста страницы. Для создания описания используется содержимое тега <description> и также текст страницы.

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

Теги <title> и <description> не используются при формировании сниппета, если:

• теги не прописаны;
• текст тега слишком длинный (хороший <title>, как правило, укладывается в 60 символов, <description> — в 150, максимум 200);
• содержание тега нерелевантно содержанию страницы;
• содержание тега нерелевантно тексту запроса.

Сниппет для Яндекса

Формирование сниппета производится автоматически. В зависимости от конкретного запроса пользователя выбирается наиболее подходящий фрагмент страницы.

Заголовком может являться содержимое тега Title или H1–H2.

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

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

• изменив окружение продвигаемых ключевых фраз на желаемое. С большей вероятностью будет выводиться тот фрагмент, где ключевое слово используется в более точном соответствии;
• используя привлекательные заголовки;
• внедрив микроразметку Open Graph или schema.org;
• подтянув адрес и время работы при добавлении организации в Яндекс.Справочник;
• загрузив информацию о товарах в Вебмастер или добавив сайт в Яндекс.Маркет для вывода цен.

Быстрые ссылки формируется автоматически, однако нежелательные можно вручную отключить в Вебмастере. Даты отображаются сбоку описания в тех случаях, когда важна актуальность (новости, записи блога и пр.). Условие: содержание даты в адресе страницы или участие в проектах Яндекс.Новости или Яндекс.Блоги.

В Яндексе отображается фавикон, который также важен для кликабельности в выдаче.

Сниппет в Google

Формирование сниппета производится главным образом из содержимого Title и Description. Для описания может использоваться другой фрагмент, если Description не заполнен или малоинформативный.

В Google также есть расширенные сниппеты, доступные для сайтов, на которых есть:

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

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

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

Повлиять на вид сниппета можно:

• изменив Title и Description;
• добавив микроразметку schema.org в код. Для удобства ее создания используют специальный инструмент – «Мастер разметки структурированных данных». Он помогает легко разметить необходимые фрагменты, а затем готовый код надо добавить на сайт;
• еще проще, используя инструмент «Маркер» в Search Console. Он дает возможность указать тип данных, не добавляя теги в код сайта. Разметить можно сразу несколько однотипных страниц.

Как настроить сниппет?

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

Часть данных Яндекс берет из HTML-разметки страницы. В первую очередь туда попадают элементы title и description. Поисковик использует их в выдаче по умолчанию.

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

Отдельно принимается во внимание текст на странице. Причем как данные, отмеченные стандартными атрибутами, так и элементы микроразметки из словаря schema.org.

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

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

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

Подробный сниппет с последовательностью действий и описанием

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

Название фильма, его рейтинг на «Кинопоиске»

Как настроить

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

Мастер структурированных данных

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

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

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

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

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

<span itemprop="streetAddress">Льва Толстого, 6</span>

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

• hCard — контактные данные;
• hProduct — описание товара;
• hCalendar — описание события.

Более полная информация в большой статье по микроразметке Schema.org

Критерии хорошего сниппета

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

Подходящий заголовок

Это первое, что будет видеть потенциальный посетитель сайта. Надо вставить сюда что-то понятное и простое. А еще это понятное и простое должно влезать в предел между 60–70 знаками с учетом пробелов. Иначе часть полезного текста обрезается. Это будет некрасиво и неудобно для пользователей поисковика.

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

Грамотное описание

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

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

Текстом в описании можно управлять вручную. Для этого следует разместить тег !–noindex в участке, который нужно выкинуть из сниппета. Он запретит роботу анализировать и использовать «скрытый» контент.

Пример описания под заголовком

Вписывающаяся фавиконка

Favicon — это мини-иконка рядом с названием сайта, которая чаще всего представляет собой логотип компании. Обычно это картинка в формате .svg или .ico. Такие можно сделать на специальных сайтах или нарисовать в Фотошоп, а затем подключить к сайту.

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

• rel — icon указывает на тип используемого ресурса;
• href — здесь указывается путь до файла. Можно ввести ссылку до сервера или внешнего каталога;
• type — тут указывается тип изображения. Например, image/png для картинок в формате .png, image/svg для .svg. или image/x-icon для .ico.

Нужно добавить значок в корневую директорию ресурса (туда же, где вы оставили index.html). Затем открывается index.html и вписываем в head строчку. Теперь поисковик найдет значок и вставит его в сниппет.

Навигационная цепочка

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

Есть плагины типа YoastSEO для WordPress, где есть отдельный раздел настроек для вложенных ссылок. А есть словарная статья на сайте schema.org, описывающая свойства breadcrumbs для ручной настройки.

Использование микроразметки хлебных крошек

В противном случае отображается вложенность через URL

Корректные быстрые ссылки

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

Пример быстрых ссылок

Вставить туда ссылки на свой вкус не получится — все решает поисковик. Можно только исключить некоторые страницы через интерфейс Яндекс.Вебмастера в подменю «Быстрые ссылки».

Подменю «Быстрые ссылки»

Вывод адреса

Адрес чаще всего вписывается в раздел «Контакты», а он прописывается в «шапке» или «подвале». Лучше всего вписывать его через микроразметку Organization Schema.org.

Удобное размещение цен для карточек товаров

Яндекс может выводить стоимость товаров по своему желанию, если информация о них есть в условном Яндекс.Маркете или прописана в параметрах Яндекс.Вебмастера. Главное — вовремя ее обновлять.

Чат

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

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

Значки Яндекса

Поисковик выставляет их автоматически, если ресурс соответствует одному или нескольким критериям:

1. Значки «Защищенное соединение» и «Выбор пользователей».
2. Значок «Популярный сайт» получают страницы с большой аудиторией и лояльными пользователями, которые часто заходят на ресурс.
3. «Выбор пользователей» выдают ресурсам, которые нравятся людям. Собственно, как и предыдущий, но тут уже Яндекс решает, что значит «нравится».
4. Яндекс выдаст ресурсы значок «Защищенное соединение», если на нем используется протокол HTTPS. Правда, есть нюанс – необходимо, чтобы большая часть трафика шла именно через защищенное подключение.
5. Официальные сайты и дилеры авто отмечаются галочкой, чтобы пользователи не попали к мошенникам. Его выдают множеству ресурсов на основе информации из Яндекс.Справочника. Критериев немало, и туда подходят магазины, авиакомпании, государственные органы и прочее в таком духе.
6. Те, кто настроил турбо-режим, получат соответствующий значок с аналогичном названием.

Официальный сайт

Зелёный знак с пламенем «Популярный сайт» дается ресурсам с высокой посещаемостью и частым упоминанием в поисковых запросах

Правильно настроенные картинки

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

1. Размер должен быть не меньше 90 на 90 точек.
2. Изображение должно заноситься в один блок с текстовым контентом страницы.
3. Ссылка на изображение не должна содержать намеков на рекламу.
4. Соотношение сторон должно быть приближено к квадрату.

Но предугадать, что за изображение попадет в выдачу, нереально. Это не раз подтверждали представители Яндекса.

Можно ли изменить сниппет и как это сделать

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

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

1. Составляйте его по формуле «Ключевой запрос и призыв к действию».
2. Не превышайте лимит Google в 70 знаков с учетом пробелов — тогда заголовок не обрежется.
3. Не указывайте название сайта или компании — поисковые роботы самостоятельно определят домен.
4. Вписывайте ключевые запросы с длинным хвостом вроде “поставить пластиковые окна цена в Москве”, чтобы без переспама включить несколько ключей.
5. ВЧ-запросы включите в начало заголовка и выделите их с помощью HTML.
6. Проверьте, чтобы Title в коде страницы указывался в разделе <head>.
7. Для каждой страницы пропишите отдельный Title.
8. Чтобы составить эффективное описание сниппета, учитывайте, что Description не должен дублировать Title — он дополняет его. В нем следует прописать ключевые слова для этой страницы, причем ВЧ-запросы прописываются в первых 130 знаках. Описание должно стать кратчайшей выжимкой сути страницы. Длина этого метатега для «Яндекса» не должна быть больше 200 знаков, а для Google — 156 знаков.

Для красивого URL лучше использовать ЧПУ (человекопонятный URL) и грамотно настроить микроразметку хлебных крошек. Тогда поисковики будут выделять ключевую информацию и покажут ее в выдаче.

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

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

Выводы

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

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

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