Как сделать красивый сниппет
Сниппет (с англ.яз. snippet – отрывок, фрагмент) – это текстовое превью содержимого страницы, которое пользователь видит в выдаче поисковика. Если он оформлен корректно, пользователь понимает, отвечает ли страница запросу.
Сниппет состоит из:
- заголовка страницы или статьи, которая находится на странице (title);
- адреса страницы (URL-адрес);
- краткого описания.
Расширенная версия сниппета может содержать фавиконку, картинку, превью видео, цену, режим работы и прочие настраиваемые нюансы, которые выгодно выделяют страницу.
Привлекательность страницы для посетителя в выдаче поисковика играет важную роль в эмоциональном восприятии и желании перейти на страницу.
В этой статье мы подробно рассмотрим составляющие качественного сниппета, как правильно и красиво его оформить, поговорим о расширенных сниппетах и научимся анализировать сниппеты конкурентов.
Как формируется сниппет
Поисковые системы формируют сниппет из контента страниц, “цепляясь” за теги и . Но для одной страницы поисковик может выдать разные сниппеты, опираясь на запросы пользователя.
Длина описания составляет 160-240 знаков, а заголовка – 70-80 знаков.
Если вы не заполнили Description, Яндекса подтянет в сниппет фрагмент страницы, наиболее соответствующий запросу пользователя.
В поисковых системах Google и Яндекс сниппеты частично различаются. Например, в Яндексе отображаются фавиконки и цветные значки, которые показывают насколько популярен сайт, а в Google нет.
Дополнительные элементы и выделение слов из запроса
Яндекс
Адрес и контакты
Яндекс
Подробности кулинарных рецептов
Яндекс
Сведения об авторе и жанре творческой работы
Яндекс
Описания к фильмам
Яндекс
Дата публикации (для новостных сайтов и блогов)
Яндекс
Быстрые ссылки
Яндекс
Как видим, функциональность сниппетов для двух поисковых систем отличается.
Как сделать правильный сниппет
Как мы писали выше, важно грамотно составить Title и Description. Если алгоритм поисковика вдруг проигнорирует заготовленное описание, можно скрыть от него и нежелательные для сниппета слова или блоки командой .
Рекомендуем разбавлять текст в сниппете, разделять его знаками препинания и эмодзи. Так же стоит качественно прописать заголовки уровней H1-H3.
Что можно использовать в сниппете для Яндекса
Эмодзи
Эмодзи, как черно-белые, так и разноцветные, в сниппете все еще привлекают внимание пользователей.
Но тут стоит обратить внимание:
- не все CMS поддерживают эмодзи;
- не все эмодзи отображаются поисковиками;
- на телефонах и компьютерах эмодзи могут выглядеть по-разному.
Избежать недоразумений с отображением поможет сервис Коллаборатора Emoji. Их можно искать по названию, отсортировать по цвету кожи.
Щелкните на нужый вам эмодзи, чтобы посмотреть, как он будет отображаться в Google, Microsoft или Apple, ведь иногда они выглядят совершенно по-разному. Если вы подобрали смешную рожицу для пользователей Apple, то не факт, что android-юзеры получат от вашего сниппета правильный месседж из-за иного отображения эмодзи.
Фавиконка
Favicon – это значок в формате .svg или .ico, который размещается перед URL страницы. Поскольку это очень маленький визуальный объект, лучше использовать простейшую графику в стилистике сайта или логотип.
Дополнительные знаки, плашки в сниппете
Следующие фишки помогут привлечь более продвинутых пользователей. Самыми распространенными дополнительными значками являются:
AMP – ускоренная мобильная страница. Будет плюсом для тех, кто ищет информацию со смартфона, и дает возможность попасть в новостную карусель. Для получения этого значка необходимо добавить AMP на сайт.
Сниппет с картинкой
Как бы не смешно это звучало, разработчики Яндекса утверждают, что невозможно предугадать какая картинка со страницы попадет в сниппет. Что ж, имеет смысл подготовить несколько вариантов и скрестить пальцы.
Готовя картинку, придерживайтесь размеров 90*90 точек и формы квадрата. Не тратьте время на микроразметку. Обратите внимание, что размещенная в сниппете картинка забирает место у текста.
Видео в сниппете
С видео история схожа с картинками. Нет необходимости в микроразметке, не предугадаешь что отобразится. К слову, если на странице есть и фото, и видео, что выберет алгоритм поисковика – будет сюрпризом.
Быстрые ссылки
Используя Вебмастер, вы можете настроить какие быстрые ссылки будут отображаться в сниппете. Чтобы поисковик правильно определял необходимые ссылки, настраивайте логику категорий. Ссылки всегда выделены цветом и размещены в описании или под сниппетом.
Существует три вида быстрых ссылок:
- Ссылка для главной страницы.
- Ссылки на другие страницы сайта. Они формируются если связаны с запросом.
- Якорные ссылки. Это навигационное меню по тексту на странице, рекомендуется использовать ключевые слова в прямом вхождении
Цена в сниппете
Цепляющая пользователей функция. Для размещения цены можно прописать ее вручную, использовать микроразметку или YML выгрузку (если ваш магазин размещен на Яндекс.Маркет). При этом все три варианта можно использовать одновременно, поскольку результат так же непредсказуем, как и с картинками.
YML выгрузку рекомендуется использовать всегда, поскольку поисковый алгоритм постоянно проводит индексацию YML, актуализируя цены в случае их изменения. Из минусов – необходимо иметь начальные знание по программированию.
Звездочки рейтинга
Звездочки рейтинга невероятно популярны и повышают CTR. Конечно, если у вашего сайта действительно хорошие отзывы.
Для их настройки используйте микроразметку AggregateRating и добавьте функцию получения рейтинга на сайте. Альтернативный вариант – добавить ссылку на сторонний источник с отзывами.
Расширенные сниппеты Google
Например, микроразметка article полезна новостным ресурсам или блогам. В этом случае в сниппете выводится информация про автора, время публикации, картинка.
Если вы ведете репортаж и в течении дня дополняете статью, бонусом будет dateModified, который автоматически обновляет дату публикации после изменения статьи.
Когда отображаются расширенные сниппеты
Важно понимать, что расширенные сниппеты имеют смысл только тогда, когда на странице сайта есть информация, на основе которой они формируются. А так же помните, что они могут не отображаться на разных устройствах.
Вот так выглядит поиск работы в Google:
Например, сниппеты “how to” – “как сделать” – могут отображаться только на мобильных устройствах.
Информация о книге:
Как получить расширенные сниппеты
Важно обратить внимание на четкую структуру данных на странице сайта, чтобы Google легко их определил и использовал для результатов поиска.
Также до публикации страницы рекомендуем проверить визуальное отображение расширенного сниппета через инструменты проверки расширенных результатов в Google.
Сбор и анализ сниппетов конкурентов
Собирать информацию о сниппетах конкурентов и анализировать ее необходимо, чтобы повысить позицию своего сайта при выдаче поисковика. По сути вы создаете топ лучших сайтов среди конкурентов и используете их шаблоны как чек-лист. А дальше ищите идеи, как стать лучше и повысить конверсию.
Чтобы не тратить время на ручной сбор информации, рекомендуем пользоваться инструментами:
Пиксель Тулс, условно бесплатный сервис для поиска страниц конкурентов по заданным критериям. Имеет ограничение на сто запросов.
Топвизор, платный сервис для сбора информации. Распределяет запросы и критерии по папкам, можно выбрать поисковые системы, искать по заданным URL страницы конкурентов, переключаться между режимами поиска без потери результатов, сравнивать выдачи по разным поисковикам.
MegaIndex com, функционал схож с предыдущим сервисом. Через него вы также можете проверить сниппеты конкурентов.
Более подробно о сниппетах и их генерации можно узнать на бесплатном курсе по SEO для новичков от Сергея Кокшарова, который доступе в Академии Коллаборатора.
Генераторы сниппетов
Чтобы уменьшить сюрпризы автоматического формирования сниппетов, умные люди придумали онлайн ресурсы для генерирования сниппетов.
Чтобы сформировать сниппет и посмотреть, как он будет выглядеть в поисковых системах, воспользуйтесь сервисами Коллаборатора:
Тут есть библиотека на 3000+ цветных эмодзи, можно просмотреть, как будет выглядеть сниппет на разных устройствах
Там же вы можете сразу вставить эмодзи в заголовок и описание. В симуляторе сниппетов для Google можно добавить дату и рейтинг.
Сервис поддерживает три языка – русский, украинский, английский.
В сервисе Majento можно просмотреть как будет выглядеть описание странице в Google поисковике и внести коррективы до публикации страницы.
Генератор Saney помимо проверки сниппета, дает возможность добавить в него черно-белые смайлики и символы.
А как давно вы проверяли, как выглядят ваши сниппеты? Воспользутесь описанными сервисами, чтобы взглнуть на ваш сайт глазами пользователей и сделать его более привлекательным.
Посмотрите еще раз на скриншоты сниппетов и подумайте, на какие бы вы кликнули и почему. А потом смело берите на вооружение понравившиеся фишки?
Сниппет — блок информации, отображаемый в результатах поисковой выдачи (ПВ). Именно через сниппеты пользователь знакомится с найденной страницей, не совершая перехода на нее.
Красиво оформленный сниппет способен увеличить целевой трафик и конверсию.
Несколько примеров красивого сниппета можно увидеть ниже.
Сниппет в Google:
Он должен передавать краткое содержание документа, суть того, что предлагает сайт.
Как сделать красивые сниппеты для Google
С этим процессом у Google немного проще, чем у Yandex. Первый берет данные из Title и Description. Стоит отметить, при отсутствии обоих тегов, Google будет вытягивать из контента наиболее релевантный фрагмент текста. Он будет так же игнорировать указанные теги, в случае их нерелевантности к содержанию страницы.
То есть, создание сниппетов в Google предусматривает очень тщательное заполнение тегов Title и Description, чтобы они были релевантными.
Сниппет Google имеет ограничение в длине — 160 символов, символы для сниппетов в Yandex могут достигать 250 знаков.
Как сделать красивые сниппеты для Yandex
Для формирования сниппета, Yandex выдергивает некие цитаты или выводы из текста. Тут следует заполнить тег Description и его содержимое вставить в начало текста, чтобы была большая вероятность, что именно этот сниппет будет отображаться в выдаче.
Генератор сниппетов от Сollaborator
Для упрощения данного процесса можно использовать инструменты сервиса Сollaborator.
Google Serp Simulator
Сервис позволяет добавить Title, Description, URL страницы, рейтинг, дату и посмотреть, как будет выглядеть сниппет в поисковой системе.
Генератор сниппетов Google позволяет:
- заполнить все необходимые поля и увидеть будущий сниппет;
- добавить Emoji в название и/или описание страницы;
- делать красивые сниппеты для Google и повышать CTR страниц.
Yandex Serp Simulator
Yandex Serp Simulator — онлайн генератор сниппетов для Яндекса с Emoji.
Сервис позволяет добавить название, описание, ссылку на страницу и сразу увидеть, как будет выглядеть страница в выдаче Яндекс.
- добавить Emoji на любой вкус (сервис включает огромную базу Эмоджи);
- улучшать сниппеты и сразу видеть результат;
- повышать CTR страниц благодаря красивым сниппетам.
Как увеличить трафик на сайт, с помощью сниппетов
Увеличить трафик можно, добавив в сниппеты следующие элементы:
- Контакты — очень удобно, когда посетитель, ознакомившись с предлагаемой услугой, захотел сделать немедленный заказ. Ему не нужно будет выискивать контактные данные на сайте.
- Быстрые ссылки, по которым пользователь непосредственно из ПВ может сделать переход на страницу, максимально подходящую его запросу. Для этого необходимо внутреннюю структуру сайта сделать четкой, и поисковики сами сформируют быстрые ссылки.
- Расширенные сниппеты. Очень полезны для компаний разных сфер бизнеса, которые предлагают различные комплексы услуг. Они могут содержать не только текстовую информацию, но и видео или изображения.
Образец № 1
Образец № 2
- Ссылки на социальные профили сделают ваш сайт намного привлекательнее среди конкурентов в поисковой выдаче (на сегодняшний день оба поисковика не используют ссылки на соц. профили, но возможно они к ним вернутся).
- Специальные символы также ранее привлекали внимание пользователей, но, на сколько мне известно, они также теперь не используются.
Оптимизация сниппета значительно повысит кликабельность, увеличит трафик, конверсию и улучшит поведенческие факторы, что приведет к росту позиций сайта. Большая ошибка вебмастеров игнорировать данный факт.
Обнаружили в тексте грамматическую ошибку? Пожалуйста, сообщите об этом администратору: выделите текст и нажмите сочетание горячих клавиш Ctrl+Enter
Продвижение сайтов
Статистика нам говорит, что оформление красивого сниппета в серпе ведет к целевому трафику и конверсии.
Как только вы закончили оптимизацию вашего сайта изнутри, пора взяться за внешнюю оптимизацию. Сегодня мы поговорим о том как сделать красивый сниппет для Yandex и Google
Что такое сниппет?
Сниппет — отрывок текста с описанием к ссылки, в ранжировании ПС. Есть куча сайтов, где есть не красиво оформленные сниппеты. И изначально именно из за них (не правильно оформленных сниппетов) трафик уходит к конкурентам. Правильно оформленный сниппет, дас вам не только целевой трафик, но и хорошенько поднимет CTR, как следствие будет и конверсия.
2 примера красивых сниппетов:
Исходя из логики алгоритмов Поисковых систем: сниппет должен передавать краткое содержание документу (странице), т.е. суть того, что предлагает тот или иной сайт.
Чаще всего вебмастера и оптимизаторы забывают о таком способе привлечения трафика и покупателей к себе на сайт. Что бы сделать нам красивый сниппет, надо понять алгоритм отбора сниппета автоматически.
Сниппет для Google
У google все немножко полегче, чем у Yandex. Google берет все данные из Title и Description. Но если нет того или иного тега, Google начинает вырывать из текста наиболее релевантный кусок. У сниппета есть ограничения на 150 символов. Google будет так же игнорировать теги Title и Description если они будут не релевантны тому, что написано на документе (странице, приучайтесь говорить правильно)
Вывод: Что бы получить красивый сниппет для Google, нам нужно очень тщательно заполнить теги Title и Description, что бы они были релевантны.
Сниппет для Yandex
У Yandex к сниппетам немножко другое отношение в отличии от Google. Yandex формирует сниппет на основе цитат, выводов, которые он выдергивает из текста, и в большинстве случаев это дает не тот результат, который мы хотели! Если вы потимизируете страницу под большое количество запросов, то для вас это будет немного сложновато. Не игнорируйте теги Description, если вы его заполните и этот же текст вставите в начале либо в конце текста, велика вероятность, что этот сниппет и будет показываться!
Но если такого не происходит, что делать? Как только Yandex сформировал уже сниппет, мы ищем в тексте его, и меняем под себя (ключевые слова не трогайте) со следущим апдейтом, вы получите ваш сниппет.
Вывод: Что бы получить красивый сниппет в яндекс, работайте так же с тегами и оптимизируйте ваш документ.
Длина Сниппета
Интернет-маркетологи и руководители бизнеса стремятся занять первые места в поисковой выдаче: органический трафик бесплатный, а чем выше сайт в выдаче, тем больше людей его видят.
Но что делать, если конкурент надёжно оккупировал первую позицию? Как забрать у него часть трафика, не взбираясь на вершину поискового топа? Легко — привлечь внимание потенциальных клиентов с помощью расширенного сниппета.
Текст сниппета
Основа сниппета — заголовок (Title) и описание (Description). Если в них есть слова из поискового запроса, они выделяются жирным:
Если заголовок полностью совпал с запросом, то и выделится он весь.
Никаких хитростей здесь нет — просто нужно оптимизировать заголовки и описания под ключевые запросы.
Ярлык
И плохо, если в выдаче показывается лендинг, сделанный в бесплатном конструкторе — вместо понятных человеку слов в ярлыке будет длинный набор символов.
Сделать это не просто — у сайта должна быть отличная посещаемость, хорошая вовлечённость и много постоянных клиентов.
Иконка
Иконка или favicon есть у большинства сайтов в выдаче. Без неё сайт проигрывает на общем фоне.
Чтобы добавить иконку, нужно разместить файл на хостинге и сослаться на него в разделе на каждой странице вашего сайта:
Если раньше нужно было рисовать отдельную иконку в формате .ico, то теперь можно использовать .jpg и .jpg.
Когда поисковый робот обойдёт сайт, у сниппетов в поиске появится иконка.
Путь к иконке не должен быть закрыт от индексации в robots.txt. Иначе в сниппете она никогда не появится.
Быстрые ссылки
Начинается самое интересное! Быстрые ссылки неслабо увеличивают поисковый сниппет. Но вот незадача: их нельзя добавить вручную.
Адреса на карте
Ещё в сниппет можно добавить строку с адресом и контактными данными.
Сделать это можно одним из двух способов:
Микроразметка нужна, если нет возможности указать данные организации в справочнике.
Онлайн-чат
Крутая функция, которая пока есть далеко не у каждого сайта. А зря, ведь она:
- неплохо расширяет сниппет
- позволяет связаться с консультантом компании, не покидая страницу поисковой выдачи.
Кликнув по кнопке, пользователь откроет окно чата, где сможет задать консультанту вопрос.
Любопытно, что фотографии консультантов система добавляет свои. У пользователя может сложиться впечатление, что ему отвечает медийная личность ;)
По аналогии можно сделать совсем круто — добавить кнопки для быстрых вопросов:
Турбо-страницы
Они делают сниппет ещё больше, чем любой из предыдущих способов. Если настроить достаточное количество турбо-страниц, они сформируют дополнительную ленту рекомендаций.
Согласитесь, выглядит внушительно. И главное — привлекает к себе внимание на фоне обычных сниппетов.
Вывод
Только представьте, как может выглядеть сниппет вашего сайта, если вы будете одновременно использовать большинство этих расширений:
Читайте также: