Расширенные сниппеты в Google. Как выделить сниппет в поисковой выдаче Google

A post to Google+ that includes a link renders a preview, or snippet , that contains the page title, a brief description of the page, and a thumbnail image. These pieces of data are extracted from the shared URL"s content in one of four ways, listed in order of precedence:

Your use of the snippet code is subject to the Google Terms of Service .

1. Schema.org microdata (recommended) If the page is annotated with schema.org microdata , the +Snippet will use the name , image , and description properties found on any schema.org type .

Shiny Trinket

Shiny trinkets are shiny.

Tip: Google also uses schema.org microdata to generate rich snippets in search. See the schema.org FAQ for more information. 2. Open Graph protocol If the page contains Open Graph properties for the title, image, and description, they will be used for the +Snippet. 3. Title and meta "description" tags If the page"s element contains 4. Best guess from page content (not recommended) If none of the previous data is present, Google parses the page and attempts to find the best title, description, and image. Note: The logic that fetches the +Snippet data respects cache-control directives, so changes to your page might not immediately be reflected in the +Snippet.

Frequently Asked Questions

How can I validate my +Snippet markup?

You can use the Structured Data Testing Tool to verify your +Snippet markup.

When you run this tool on your web page it will provide a detailed report on all of the structured data markup on that page, including the markup used by +Snippet.

I have multiple schema.org itemscopes on my page. Which one will the +Snippet use?

If multiple schema.org itemscopes are defined on your page, the +Snippet is created from the itemscope that is nearest the top of your page"s source code. For example, if you have itemscopes defined on both the body element and a div element defined below the start body tag in your page, the +Snippet is created from the itemscope associated with the body element.

Why isn"t my +Snippet image appearing?

Images that are too small or not square enough are not included in the +Snippet, even if the images are explicitly referenced by schema.org microdata or Open Graph markup. Specifically, the height must be at least 120px , and if the width is less than 100px, then the aspect ratio must be no greater than 3.0 .

How do I get my web page content to render with a full-bleed image and a description when users share it on Google+ using a URL?

See for more information.

What is the user agent of snippet fetcher?

When a user shares a URL on Google+ or an app writes an , Google+ attempts to fetch the content and create a snippet to provide a summary of the linked content.

Your web server will see a request with the user agent containing the following text: Google (+https://сайт/+/web/snippet/) .

This service is different than the Googlebot that crawls and indexes your site. These requests do not honor robots.txt or other crawl mechanisms because this is a user-initiated request.

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

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

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

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

Значок Турбо можно получить только после подключения специального YML файла в вебмастере в разделе «Турбо-страницы»-«Источники». Подробнее о технической составляющей данного файла https://yandex.ru/support/webmaster/turbo / .

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

В Google также для получения подробной информации о сайте или странице также имеются расширенные описания.

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

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

Эмблема AMP выдаётся сайтам, контент которых будет загружен моментально. Появляется только в мобильной выдаче.

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

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

• Рецепты;
• Фильмы;
• Вакансии;
• Набор данных;
• Продукты;
• Телесериалы;
• Мероприятия;

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

Сниппет это что такое

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

Его основные задачи:

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

Обратите внимание, что snippets влияет на . Если вы его составите плохо, то на ресурс могут заходить нецелевые посетители, которые не будут слишком заинтересованы в контенте. Это очень плохо для SEO продвижения! Поэтому тут будьте очень внимательны.

Сниппеты по-разному предоставляются в поисковых системах. Пути их получения тоже отличаются. В этом материале мы с вами более подробно разберем сниппеты Яндекс. Также я дам вам полезные рекомендации относительно Google и Mail.ru.

Вот как выглядит обычный и оптимизированный snippet:

Обычный и оптимизированный сниппет в Яндексе

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

Для начала давайте разберем два примера сниппетов Яндекса. В поиске мы вбили запрос «продажа детской одежды Иркутск». На 4 и 5 позиции находились два представленных ниже сайта.

На какой из сайтов вы перешли бы при условии, что можно открыть только 1 проект?

Я бы выбрал второй вариант.

Из чего состоят сниппеты Яндекс

Давайте подробно разберем, что мы видим у второго сайта:

1. Адрес сайта
2. Название
3. Описание
4. Дополнительная информация из Яндекс Справочника
5. Доп. инфа о сайте

Если так присмотреться, то то же самое мы видим и для первого сайта.

Но почему тогда второй вариант лучше?

А лучше из-за содержания и открытых контактов из Яндекс Справочника. Именно последняя хорошо отвечает на мой региональный запрос.

Если посмотреть исходный код первого сайта, то увидим следующее. Описание, выводимое в сниппете отличается от мета тега description. Кликните по картинке ниже для увеличения.

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

Если посмотреть исходный код страницы второго проекта, что в описании сниппета выводится мета-тег description. Это значит, что поисковая система считает этот тег релевантным . Следовательно, описание сниппета можно считать оптимизированным под запрос.

Описание сниппета для сайта

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

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

Формируем Title

В 90% случаев тег title идентичен названию, которое выводится в сниппете. Рекомендуемая длина к заполнению тега title колеблется в районе 55 символов.

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

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

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

Чтобы добавить информацию для формирования сниппета в соцсетях, в html коде страницы внутри элемента head укажите заголовок страницы и название сайта в свойствах og:title и og:site_name.

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

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

Тогда поисковикам ничего не остается, как в выдаче выводить данные с других элементов html кода страницы. Поэтому всегда прописывайте основной title страницы.

Фавикон или иконки для сниппетов

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

Выводим иконки для сниппетов

Чтобы фавиконка отобразилась в результатах поиска, необходимо в корневом каталоге сайта разместить картинку в виде файла размером 16 x 16 и форматом ico. Но возможны также и другие форматы: gif, png или jpeg.

Чтобы описать favicon, в html коде страницы добавьте в элемент head один из следующих кодов, представленных на рисунке выше. Через некоторое время ваша фавиконка появится сниппете Яндекса.

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

Сформированный адрес в сниппет Яндекс

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

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

• Только для крупных веб-ресурсов
• Формировать строго по каталогам: дерево разделов сайта должно соответствовать url
• Наличие человеко-понятных урлов
• Для выбора названий используйте title и тексты ссылок на страницу. И нужно, чтобы они (title и название ссылок) совпадали.

Также в вебмастере Яндекса можно визуально выделить адрес своего сайта. Делается это в пункте «Регистр имени сайта» раздела «Информация о сайте».

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

Новый регистр имени сайта

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

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

Изменение регистра в имени должно быть направлено на улучшение читаемости домена и удовлетворять следующим требованиям:

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

Дополнительная информация

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

Кнопка рядом с названием сайта позволяет сразу перейти к сохраненной копии страницы. А также посмотреть все документы по найденному запросу данного проекта или пожаловаться на результаты поиска.

Сохраненная копия покажет копию сайта последней даты индексации.

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

Описание (аннотация)

Описание или аннотация — это короткое описание документа. Составляется на основе мета-тега description, фрагмента текста с сайта и описания сайта из Яндекс Каталога или Dmoz.

Description должен содержать краткое и осмысленное содержание страницы с ключевыми запросами только для данной страницы. Максимальная длина должна быть не более 200 символов.

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

Еще может браться описание из Яндекс Каталога или Dmoz. Но это будет при условии, если такое описание будет более точно отвечать на запрос пользователя. Чтобы отказаться от описания из Яндекс Каталога и Dmoz, нужно в html коде страницы разместить мета-теги.

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

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

Контактная информация

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

Чтобы вывести контакты в сниппете, вам необходимо добавить свою организацию и всю подробную информацию о ней в Яндекс Справочник .

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

Разметка по стандарту Schema.org

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

Отображение быстрых ссылок в сниппете Яндекс

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

Вывод быстрых ссылок в сниппете Яндекс

• Основные страницы и разделы доступны с главной
• Логичная и продуманная навигация
• Короткие названия страниц, отражающие их содержание
• должна быть с заполненным alt
• Title совпадает с H1 и с текстами ссылками на страницу

Обратите внимание, что это лишь советы. Их выполнение не дает точной гарантии в том, что быстрые ссылки в сниппете Яндекс будут определены.

Если они определены, то их управление осуществляется в панели вебмастера. Делается это в разделе «Информация о сайте» пункт «Быстрые ссылки».

Информация о товаре и цена в сниппете Яндекса

Актуальная информация о товаре и его цена в сниппете Яндекса — это очень важный момент для всех владельцев интернет-магазинов. Ниже вы видите привлекательно-сформированный snippet с выведенной ценой.

Цена в сниппете Яндекса

Чтобы получить нечто подобное с участием Яндекс Маркета , вам необходимо загрузить свои товары. Тогда информация о них будет автоматически передаваться в поиск.

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

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

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

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

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

Вывод цены в сниппете разметкой schema.org

Как видно, в html-коде страницы добавлены специальные атрибуты, которые понимает робот.

Атрибуты разметки Schema.org

То есть сайт начинает говорить роботу, что price — это цена. А name — это название. И так далее.

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

В Яндексе, когда введете адрес страницы для проверки, то получите что-то похожее, как на рисунке ниже.

Валидатор Яндекса

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

Семантическую разметку понимает не только Yandex, но и Google. Поэтому рекомендую вам дополнительно проводить проверку и в Гугл Валидаторе.

Валидатор Гугла

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

Как видим, он не слишком презентабельный. Не захватывает внимание пользователя. Также непонятно, о чем данный веб-проект.

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

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

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

Найти нужную информацию про микроразметку вы можете в Яндекс Помощь или на сайте .

Rich snippets или расширенные сниппеты Google

Давайте поговорим про Rich snippets или расширенные сниппеты Google. К сожалению, мы не сможем рассмотреть все примеры в поисковой выдачи Гугл. Тут поддерживаемых форматов и возможностей гораздо больше.

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

Но важно знать, что Google также, как и Yandex активно поддерживает микроразметку Schema.org. Поэтому по-умолчанию рекомендую вам использовать именно ее.

В Гугле расширенные сниппеты получили название rich snippets. Для тех, кто не хочет подробно вдаваться в технические премудрости, система дает нам упрощенный вариант. Размечать страницы можно маркером в кабинете для вебмастеров Google.

Маркировка Гугл

Справа от видео нажмите на синюю кнопку «Начать выделение». Дальше вводим урл страницы и ниже выбираем необходимый тип разметки.

Типы микроразметки страницы

Потом выбранная страница откроется в режиме маркировки. Прямо тут выделяем курсором нужные фрагменты контента и добавляем значения к атрибутам.

Маркировка страницы в Google

Только убедитесь, что значение отображается правильно. Для этого смотрим на блок «Мои элементы данных».

Разметьте все данные, которые только сможете. А после выделения нажмите «Опубликовать». После индексации Google учтет внесенные изменения и отобразит их в своей выдаче.

В Mail.ru также, как и в предыдущих поисковых системах можно выводить красивый сниппет для сайта. Более подробно в статье мы рассмотрим такие схемы, как контактная информация и быстрые ссылки.

Расширенные сниппеты Mail.ru

Выше расположены примеры расширенного сниппета. Как видно, они похожи на те, что были в предыдущих поисковых системах. Тут также представлен адрес сайта, фавикон, хлебные крошки и навигационные цепочки.

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

Для отображения быстрых ссылок («Сайтлинки»), вам нужно зайти в кабинет вебмастера Mail.ru и подтвердить права на проект. Далее перейдите в «Сайтлинки» и нажмите на кнопку «Добавить».

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

Для добавления контактной информации в сниппет, перейдите в раздел «Телефон и адрес» и нажмите на кнопку «Добавить».

Добавление контактов в сниппет Mail.ru

Заполните все необходимые поля. Однако возможность этой информации в сниппете 100% не гарантирована. Mail.ru также поддерживает микроразметку schema.org.

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

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

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

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

Для каких сайтов эффективно применять расширенные сниппеты

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

Улучшенные сниппеты хороши для сайтов:

1. с мобильными приложениями;
2. с авторским контентом;
3. с аудио и видео контентом;
4. с кулинарными рецептами
5. связанных с организацией различных мероприятий;
6. продающих товары (интернет-магазинов).

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

Как сделать расширенные сниппеты в Google. Пошаговая инструкция

Шаг 1. Привязываем сайт к аккаунту на Google+ , чтобы рядом с вашим сниппетом выводилась ваша фотография. Выглядит это довольно-таки презентабельно, однозначно повышает CTR в выдаче и уж точно увеличивает доверие пользователя к вашему сайту. Этот пункт полезен тем, кто пишет контент сам на свой сайт и хочет раскрутить свое имя. Выглядит это примерно так.

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

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

Шаг 2. Настраиваем вывод адреса в сниппете . Для этого нам понадобится использовать микроразметку. Более подробно, чем сам Google, я написать не смогу, поэтому наслаждайтесь всей информацией по ссылке . Если все сделать так, как там написано, то выйдет нечто похожее.

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

Шаг 3. Добавляем в сниппет информацию про мероприятия . Если у вас сайт, на котором постоянно публикуются анонсы каких-либо мероприятий, то это вам необходимо. С помощью все той же микроразметки можно вывести информацию о любом event-событии прямо в выдаче. Для реализации следует прочитать инструкцию от Google.

Шаг 4. Выводим рейтинг статьи . Этот вид дополнительной информации в сниппете не повредит любому сайту. Но смысл ставить его будет только в том случае, если на вашем сайте есть активная аудитория, которой не будет лень выставлять оценки.

Как поставить такие звездочки в свой сниппет написано на сайте Google. Там все понятно и доступно написано на русском языке.

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

Шаг 6. Выводим быстрые ссылки навигации . Это очень удобная вещь, которая появляется только на авторитетных сайтах, где есть активная аудитория. Как их вывести в сниппете отлично написано . Будет выглядеть это примерно так. Кстати, отлично повышает CTR в выдаче.

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

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

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

Как технически реализовать микроразметку новичку

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

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

Проверить работает ваш сниппет или нет можно по этой ссылке . У кого будут вопросы, не стесняйтесь, комментарии для того и придуманы.

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

Создание красивых сниппетов сайта играет большую роль в SEO-продвижении. Занять ТОП позиции в выдаче не означает, что пользователи будут переходить на ваш сайт. Для этого необходимо повысить CTR документа (кликабельность), который косвенно может повлиять на ранжирование.

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

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

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

Перед началом создания сниппетов разберем из чего он состоит:

• Фавиконка;
• Заголовок;
• Навигационная цепочка;
• Описание;
• Быстрые ссылки;
• Адрес и телефон, ссылка на карту;
• Рейтинг.

Заголовок Title

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

Правила составления заголовка title:

• Обязательно используются основные ключевые слова;
• Разумная длина до 12 слов;
• Должен описать основную суть страницы в случаи обрезки в поисковой выдаче;
• Должен быть уникальным для каждой страницы сайта;
• Указана в секции между HTML тегами Ваш заголовок.

Тег meta description

Тег description участвует в формирование описания сниппета для поиска Google. Для Яндекса зачастую не является правилом в формировании описания. Тег description должен дополнять заголовок title и нести полезную информацию для повышения кликабельности.

Правила написания:

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

Создавайте более привлекательное для пользователя описания, используйте цифры, прописывайте выгоды.

Для выделение сниппета на общем фоне можно использовать спецсимволы.

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

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

• Логически понятная структура сайта с удобной навигацией;
• Заголовок title совпадает с h1 и названием ссылки ведущей на раздел;
• В основные разделы сайта можно попасть с главной страницы;
• Если ссылка оформлена картинкой пропишите alt изображения.

Микроразметка организации

Разметка контактов позволит правильно отображать данные об организации в Яндекс и Google. Пример разметки организации в JSON-LD:

{ "@context" : "http://schema.org", "@type" : "Organization", "name" : "Название", "url" : "https://site.ru", "logo": "https://site.ru/ logo.png", "address": [{ "@type": "PostalAddress", "addressLocality": "Город", "streetAddress": "Адрес" }], "contactPoint" : [{ "@type" : "ContactPoint", "telephone" : "+7-000-00-00-00", "contactType" : "customer service" }] }

Микроразметка хлебных крошек

Разметка навигационных цепочек делает сниппет более привлекательным, вместо привычных URL адресов появляются названия разделов. На примере видно как смотрится размеченная навигационная цепочка.

Пример кода для создания разметки хлебных крошек:

{ "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "item": { "@id": "http://www.site.ru/", "name": "Главная" } }, { "@type": "ListItem", "position": 2, "item": { "@id": "http://www.site.ru/article/", "name": "Статьи" } }, { "@type": "ListItem", "position": 3, "item": { "@id": "http://www.site.ru/article/pro/", "name": "Программирование" } } ]

Как изменить сниппет в результат поиска

Изменения сниппетов в результате выдачи Яндекс и Google не простая задача. Для Яндекса они в основном формируются на основе фрагментов текста страницы.

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

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

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

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

Фавикон

Фавикон (favicon)– это значок сайта размером 16x16px отображаемый во вкладке браузера и рядом с заголовка в выдаче Яндекс. Дополнительно привлекает внимание пользователя и незначительно повышает CTR.

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

Находится должен в разделе внутри тега, пример:

Яндекс справочник

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

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

Товары и цены

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

Для создания товарного сниппета предстоит заполнить информацию о компании в разделе Яндекс Вебмастера >Информация о сайте > товары и цены, и подготовить YML файл.

Сниппеты для Google

Для поисковой системы Google есть собственный набор сниппетов. Рассмотрим наиболее часто используемые и как их создать.

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

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

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

Для создания товарного сниппета в Google используется микроразметка json-ld. На примере представлен вариант с листингом цены:

{ "@context": "http://schema.org/", "@type": "Product", "name": "Executive Anvil", "image": [ "https://example.com/photos/1x1/photo.jpg", ], "brand": { "@type": "Thing", "name": "ACME" }, "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.4", "ratingCount": "89" }, "offers": { "@type": "AggregateOffer", "lowPrice": "119.99", "highPrice": "199.99", "priceCurrency": "USD" } }

Микроразметка статья

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

Пример разметки:

{"@context":"http://schema.org", "@type":"Article", "name":"Название", "description":"Описание", "mainEntityOfPage":"True", "author": {"@id":"/avtor=Avtor", "@type":"Person", "name":"Name"}, "image": {"@type":"imageObject","url":"site.ru/1.jpg"}, "publisher": {"@type":"Organization","name":"Name", "logo":{"@type":"imageObject","url":"site.ru/user-image.png"}}, "articleSection":"Теги", "datePublished":"2018-06-25", "datemodified":"2018-06-25", "aggregateRating": {"@type":"AggregateRating","ratingValue":"3","bestRating":"5","ratingCount":"1"} }

Заключение

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

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