Сниппеты сайта и их оптимизация

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

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

• Продукты. Также вы можете получить расширенный сниппет в «Яндексе» с помощью программы «Товары и цены».
• Отзывы/обзоры.
• Контактные данные. Вы можете указывать контакты сервисных центров, пунктов выдачи заказов или офлайн-подразделений. Используйте разметку Schema.org или микроформаты.
• Person. Используйте этот тип разметки для структурирования информации об экспертах, разработчиках продуктов, авторов публикаций.
• Search Box. Воспользуйтесь плагином для WordPress .

Search Box сайта в поисковой выдаче

Для контент-проектов можно использовать такие типы разметки:

• Статья. Воспользуйтесь генератором разметки или скопируйте код здесь и вставьте необходимые данные.
• События.
• Person.
• Контактные данные.
• Отзывы/обзоры.

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

• Контактные данные.
• Продукты.
• Отзывы/обзоры.
• Person.
• Статья.

Также обратите внимание на типы разметки и сниппетов, специфичные сайтам с узкой тематикой:

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

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

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

Оптимизация сниппетов для поисковиков

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

• Оптимизировать тег title, добавив главный ключевик.
• Оптимизировать тег description, создав расширенную версию title с добавлением синонимов ключевых слов.
• Оптимизировать URL страницы (если речь идет о внутренних страницах ресурса), желательно добавить прямое вхождение ключа.

Чего делать не стоит:

1. Перенасыщать мета-теги ключевыми словами (обещаю, это плохо закончится).
2. Допускать переспам в URL страницы.
3. ПИСАТЬ ВСЕ КАПСЛОКОМ.
4. Перенасыщать сниппет спец. символами † ѓ ° Ћ и так далее.
5. Содержимое мета-тегов должно быть подвластно правилам логики и русского языка. Не нужно писать типа: «Курс пение вокал цена недорого».

Уделив внимание факторам, представленным выше, вы помогаете поисковому роботу найти вашу страницу и убедиться в её качестве

3 лучших генератора сниппетов

Проверить, как выглядит сниппет в поиске, поможет генератор. В придачу он выдаст готовый HTML-код, который нужно просто вставить в поля дескрипшен и тайтл. Экономьте время, нервы и повышайте CTR (кликабельность).

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

1. Пиксель Тулс. Работает сразу с Яндекс и Гугл, учитывая требования и возможности поисковиков, составляет 100 % подходящий HTML-код. Можно добавить 2 раздела и смайлики, которые совместимы со всеми административными платформами сайтов.
2. Saney. Заполняете поля, а онлайн-сервис показывает, как это смотрится в Гугле. Кроме стандартных тегов: title, description и хлебных крошек, ниже есть перечень спецсимволов. Скопировать готовый HTML-код можно в один клик.
3. SD. Упрощенный генератор, который одновременно показывает вид сниппетов Яндекса и Гугла.

Из чего состоит сниппет

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

Итак, по порядочку:

1. Заголовок страницы с гиперссылкой
2. URL страницы
3. Описание страницы
4. Быстрые ссылки в выдаче
5. Контактная информация
6. Адрес компании и ссылка на карту
7. Favicon (Фавиконка)

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

Как сделать красивый сниппет в Яндексе?

Cервисы для сниппетов

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

конкурентный запрос «купить утюг»

Свернуть/Развернуть в сниппете

Вывод:
Контент подтянулся с текстового поля под листингом товаров у самого футера. Никогда не угадаешь откуда сформируется сниппет документа.

Как увеличить трафик на сайт, с помощью сниппетов

Увеличить трафик можно, добавив в сниппеты следующие элементы:

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

 

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

 

Навигационная цепочка или «Хлебные крошки». Это упрощает навигацию по сайту.

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

Образец № 1

Образец № 2

Использование фавикона — значка веб-страницы (актуально для «Яндекса»). Он увеличит узнаваемость, запоминаемость и кликабельность веб-ресурса.

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

профили, но возможно они к ним вернутся).

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

Итог

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

Оптимизируем контент и устраняем ошибки

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

«Полезность» и релевантность

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

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

Title, Description и Keywords

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

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

Alt для изображений

Все картинки должны быть снабжены данным атрибутом. В нем содержится краткое описание и ключевые запросы. Многие CMS существенно упрощают задачу, представляя специальное поле для введения альтернативного текста. Для поиска рисунков без данного элемента, воспользуйтесь программой «SEO-spider».

Перелинковка внутри площадки

Чем качественнее она реализована, тем лучше организуется сортировка в поисковиках. Это объясняется высоким уровнем комфорта для пользователей и алгоритмов самих поисковых систем. Грамотная перелинковка имеет 3 важные причины:

1. Индексация становится шире и выполняется проще.

2. Ссылки анкорного типа передают вес с донора на акцептор.

3. Линки всегда удобны для пользователей.

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

Речь идет о Schema.org, которая сегодня поддерживается всеми поисковиками. Это незаменимый элемент для результативного вывода сайта в ТОП. Ее главной задачей является помощь Гуглу и Яндексу для полного понимания содержания и поднятия позиций в результатах выдачи. Игнорировать такую разметку сегодня не представляется возможным, так как она делает ранжирование на 4 строки выше.

Карточки «Твиттера»

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

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

2. Галерею фото.

3. Видеоплеер.

4. Товарную карточку.

Уникальность

Поисковики тщательно контролируют права на те или иные используемые материалы

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

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

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

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

Соответственно, правильно подобранное краткое описание – это инструмент улучшения поведенческого фактора.

Здесь следует обратить внимание на то, что характеристика, также как и другие элементы, добавляются в сниппет автоматически, поэтому заменить их в последующем будет очень проблематично. Лучше сразу тщательно проработать элементы, из которых описание может быть позаимствовано: title, description, описание в каталоге Яндекс

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

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

В по расширенному присутствию в поиске Google по изображениям всего два требования:

1. Изображения, указанные в свойствах структурированных данных, должны относиться к данному контенту. Например, если вы размечаете изображение новостной статьи (schema.org/NewsArticle.image), то оно должно быть релевантным именно этой статье.
2. Все размеченные изображения должны быть доступны для сканирования и индексации. В частности, рекомендуется создать отдельный файл Sitemap для изображений.

В справочнике по структурированным данным есть свои требования к изображениям:

• Размер картинки — не менее 160×90 px и не более 1920×1080 px (но есть исключения — они будут ниже).
• Соотношение сторон — не более 3:1.
• Форматы картинок: JPG, .PNG, GIF.
• Высокое разрешение (от 800 тысяч px, для товаров — от 50 тысяч).
• Наличие каждого изображения в нескольких вариациях соотношения сторон: 16:9, 4:3 и 1:1.

Для отдельных типов контента есть свои требования:

• Логотип: минимальный размер изображения – 112×112 px.
• Фильмы: соотношение сторон — 16:9.
• Товары: хорошая различимость товара на снимке (например, размещение его на белом фоне).
• Рецепты: на изображении должно быть готовое блюдо.

Для проверки изображений откройте инструмент Проверка расширенных результатов, введите URL страницы и нажмите кнопку «Просмотреть примеры результатов».

Откроется окно предпросмотра расширенных сниппетов. Если картинки не будет, значит она не соответствует требованиям.

Обратите внимание, что предпросмотр доступен не для всех типов данных. Например, для рецептов он доступен, а для статей — нет

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

Как добавить сниппет в Яндекс и Google

Чаще всего, достаточно адекватно заполнить title страницы, что станет № 1 на нашем скриншоте выше. И обдуманно заполнить мета-тег description, который окажется № 3.

Если поисковик сочтет содержимое ваших мета-тегов не подходящим, он смело заменит их на то, что считает нужным. К примеру, на кусок текста из вашего документа либо на описание из Яндекс. Справочника или каталога DMOZ.

Но вам под силу полностью отказаться от подтягивания описаний из каталогов добавив в html-код следующее:

— Для Я. Справочника <meta name=»robots» content=»noyaca»/>

— Для DMOZ <meta name=»robots» content=»noodp»/>

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

Если вы очень заинтересовались возможностями микроразметки в лице Open Graph — можете почитать, что об этом пишет Яндекс в поддержке.

Цены

Цены, выделенные справа, также формируются, используя фид. Но на этот раз это формат YML (Yandex Market Language), который использует Яндекс для товаров. Такой фид так же можно формировать либо вручную (если товаров или услуг ограниченное количество) или с помощью плагинов для CMS (подходит для интернет магазинов)

Выглядит это примерно так

Т.е. минимальная характеристика каждого товара, необходимое для размещения цены, это имя, стоимость, валюта и ID категории.

Полное руководство по стандарту YML доступно на Яндексе https://yandex.ru/support/partnermarket/export/yml.html

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

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

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

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

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

Стандартный сниппет — это несколько компонентов:

Заголовок – в основном это содержание тега title, иногда (если тайтл не указан) может выводиться заголовок H1-Hn или  релевантный фрагмент наполнения страницы сайта.

Быстрые ссылки – если соблюдены все условия для их отображения.

URL или навигационная цепочка, если внедрены «хлебные крошки».

Описание — для Гугл и Яндекс имеются свои отличия, о которых читайте далее.

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

Что из себя представляют расширенные сниппеты в Google

Расширенный сниппет (или rich snippet) – позиция в поисковой выдаче, которая кроме тайтла и дескрипшна имеет дополнительную информацию:

ссылки на отдельные страницы;

изображения (особенно актуально для рецептов);

контактные данные, рейтинг статьи;

расписание концертов и прочее.

Есть несколько причин тратить время на создание таких сниппетов:

Они показывают, что контент релевантен запросу. Введя «пицца с курицей», пользователь получит если не ответ на свой вопрос, то полезную информацию о содержимом страницы:

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

Они упрощают навигацию по сайту. По запросу «купить краску» пользователь получает расширенный сниппет Google, из которого понятно, какая краска есть в магазине:

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

Ярлык

«Ссылка» или «ярлык» — строка под основным заголовком, в которой указан домен сайта и путь к данной странице. Хорошо, если этот путь содержит одно или несколько ключевых слов:

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

Чаще всего пользователи ссылку не замечают

Чтобы обратить на неё внимание, можно добавить знак «Популярный сайт» или «Выбор пользователей»:

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

Что такое продающий сниппет и как его оформлять

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

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

Пример продающего сниппета

Демонстрирую пример действительно продающего сниппета, с помощью которого я трахнул систему в глазах Яндекса и вывел на первое место сайт по ремонту рулевых реек в Санкт-Петербурге (здесь подробный SEO кейс).

Сайт компании RSR стал первым в Яндексе по фразе “РЕМОНТ РУЛЕВЫХ РЕЕК“:

Все очень просто, я в самом главном заголовке сниппета (title), постарался решить проблему (боль) пользователя за кратчайший отрезок времени – один день! Улавливаете??? Я написал, что компания RSR отремонтирует раздолбанную рейку в автомобиле за один день!!!

А также в описании (description) я указал самые важные вещи:

• Вид предоставляемой услуги
• Цену
• Адрес и телефон

Это все, что нужно знать клиенту!!!!!!!!!

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

Как говаривал Джек Воробей: СМЕКАЕТЕ????????? По какому сниппету будут чаще кликать пользователи и улучшать тем самым поведенческие факторы и CTR сайта??? Правильно!!!!! По моему. Так это и работает.

Не нужно быть вундеркиндом, чтобы выводить сайты на первые места. Нужны только SEO знания и упорный труд! И главное, не слушайте лапшевесов и SEO мошенников, которые сами себя не могут продвинуть, но при этом всех учат SEO продвижению, собирая полные залы ЛОХОВ за лютые деньги. Научиться SEO продвижению можно только у того, кто сам смог себя продвинуть. Занавес!!!!

Как сделать сниппет для Гугла?

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

• Ключевики в description. Для робота релевантный запросу пост должен обязательно содержать в себе ключевую фразу, но и от переспама «ключей» в сниппете стоит отказаться. Оптимальной будет одна ключевая фраза с прямым вхождением в дескрипшене (без учета тайтла).
• Случается, что поведать обо всех достоинствах вашей статьи, уложившись в 140-160 символов, не представляется возможным. На этот случай старайтесь расположить ключевую фразу и ее склонение в начале описания, т.к. остальную часть робот просто отсечет.
• Кликабельность сниппета зависит также от точности и достоверности указанной в нем информации. Описывайте в description реальные факты, содержащиеся на вашей странице. Это убережет вас от высокого процента отказов и увеличит длительность пребывания посетителей на сайте. Что в свою очередь даст сигнал поисковым системам считать вашу ссылку релевантной запросу, а также повысит доверие ПС.

Но не всегда Гугл используют в сниппете тот текст, который вы приготовили. Например, он может использовать для этой цели информацию, содержащуюся в каталоге DMOZ. Если вам не подходит это описание, вы можете прописать такую директиву в файл robots.txt:  

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

Но даже составление description с учетом всех требований и правил не гарантирует, что ваши сниппеты Гугл покажет именно в таком виде.

Обычные, расширенные и избранные сниппеты сайта

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

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

Расширенный фрагмент (сниппет)

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

Избранный сниппет

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

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

Поисковик Яндекс формирует сниппет автоматически. Главные слова берет из заголовков указанных в статье тегами title, h1, h2. Для описания берет информацию из тега description. Если конечно, он у вас заполнен. Если нет, то будет сформировано описание именно из заголовков в которых есть ключевые слова подходящие под контент на странице.

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

Как изменить сниппет в яндексе

Для начала сайт должен быть добавлен в , магазин — в Яндекс.Маркет

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

Как сделать сниппеты в google

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

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

1. Для удобства добавления микроразметки schema.org в код, есть — Мастер разметки структурированных данных. С его помощью можно добавить необходимые данные о странице, сформировать html-код и внедрить его на страницу;
2. Еще один инструмент — Маркер в . Без добавления кода на сайт, можно указать различные типы данных.