Статьи

Что такое сниппет, как создать сниппет, чтобы он получал высокий CTR и привлекал пользователей, разбираем в статье.

32ba7bddbac16532eb3ae77063905c12

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

Оглавление

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

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

Самый обычный сниппет состоит из заголовка (Title), описания (Description), url и фавиконки:

39c88515838a51efcd3290c90776b773

В расширенной версии сниппета добавляются: резвые ссылки, рейтинг, рисунки, цены, галерея статей либо продуктов:

9d307eb0b766d05d8b4d0d396fbd561d

Резвые ссылки

Блок «Резвые ссылки» формируется автоматом и указывает пользующиеся популярностью разделы веб-сайта. Редактировать перечень можно в интерфейсе Yandex Веб-мастера в разделе «Представление в поиске → Резвые ссылки». В Гугл Резвые ссылки на сто процентов формируются автоматом и вручную их редактировать недозволено.

Пример стремительных ссылок в Yandex’е:

a9193435c2bfd971e97d1548106bd55a

Рейтинг

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

fbc3af040e7b6f61b94b3a881b84e783

В Гугл рейтинг можно добавить при помощи микроразметки AggregateRating. 

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

< itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating" >

< meta itemprop="bestRating" content="5" >

< meta itemprop="ratingValue" content="4.2" >

< a href="/film/564577/votes/" class="continue rating_link rating_ball_green" >

< span class="rating_ball" >4.3< /span >

< span class="ratingCount" itemprop="ratingCount" >356< /span >

Расшифровка:

  • itemprop=”aggregateRating” itemscope=”” itemtype=”http://schema.org/AggregateRating”

Этот тег показывает поисковику, что перед ним рейтинг

  • meta itemprop=”bestRating”

Шкала оценок. В этом случае материал оценивается по 5-бальной шкале.

  • meta itemprop=”ratingValue”

Рейтинг статьи. В нашем случае он равен 4.2

  • itemprop=”ratingCount”

Полное количество оценок. Свои оценки поставили 356 юзеров.

Стоимость продукта

Информация о стоимости продукта – она может употребляться в сниппетах на страничках поисковой выдачи Yandex’а и Гугл.

Пример сниппета с ценой продукта:

4f83aa936547fbe70ccab6e282e8803e

Чтоб получить таковой сниппет, необходимо создать микроразметку Product, а для Yandex’а добавочно сформировать фид в формате YML и загрузить его в Веб-мастер Yandex’а.

Примеры реализации микроразметки Product для продуктов:

< div itemscope itemtype="http://schema.org/Product" >

< h1 itemprop="name" >Заглавие продукта< /h1 >

< link itemprop=”urlhref=”https://site.ru/product/sandalii” >

< img src="https://site.ru/upload/resize_cache/iblock/20e/500_600_1/20e1991c947d1812f1301777c010ada2.jpg" itemprop="image" >

< div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating" >

< span itemprop="ratingValue"  >5< /span >

< span itemprop="reviewCount" >10< /span >

< /div >

< div itemprop="offers" itemscope itemtype="http://schema.org/Offer” >

< link itemprop="availability" href="http://schema.org/InStock" >

< meta itemprop="price" content="629" >

< meta itemprop="priceCurrency" content="RUB" >руб.< /span >

< /div >

< div itemprop="description" >Приобрести в интернет-магазине: Сандалии. Большенный выбор одежки и обуви по прибыльным ценам с доставкой по Рф.< /div >

< div >Производитель: < span itemprop="brand" >Заглавие производителя< /span >< /div >

< /div >

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

Изображения и видео

Микроразметка изображений и видео добавляет картину/видео в сниппет (как в Yandex’е, так и в Гугл):

374f0ea560afbebbf2e45ed4aa8dedd6

Шаблон микроразметки для изображений:

< div itemscope itemtype="http://schema.org/ImageObject" >

< h2 itemprop="name">Заглавие изображения

< img src=​"ССЫЛКА НА ИЗОБРАЖЕНИЕ" itemprop="contentUrl" / >

< span itemprop="description">Описание изображения (можно взять с Alt)

< /div >

Шаблон микроразметки для видео:

< div itemscope itemprop="VideoObject" itemtype="https://schema.org/VideoObject" >

< h1 itemprop="name">Introducing the self-driving bicycle in the Netherlands< /h1 >

< meta itemprop="uploadDate" content="2016-03-31T08:00:00+08:00" / >

< meta itemprop="duration" content="PT1M54S" / >

< p itemprop="description">This spring, Гугл is introducing the self-driving bicycle in Amsterdam, the world’s premier cycling city. The Dutch cycle more than any other nation in the world, almost 900 kilometres per year per person, amounting to over 15 billion kilometres annually. The self-driving bicycle enables safe navigation through the city for Amsterdam residents, and furthers Гугл’s ambition to improve urban mobility with technology. Гугл Netherlands takes enormous pride in the fact that a Dutch team worked on this innovation that will have great impact in their home country.

< div itemprop="interactionStatistic" itemtype="https://schema.org/InteractionCounter" itemscope >

< meta itemprop="userInteractionCount" content="5647018" / >

< meta itemprop="interactionType" itemtype="https://schema.org/WatchAction" / >

< /div >

< link itemprop="embedUrl" href="https://www.example.com/embed/123" / >

< meta itemprop="contentUrl" content="https://www.example.com/video/123/file.mp4" / >

< meta itemprop="regionsAllowed" content="US,NL" / >

< meta itemprop="thumbnailUrl" content="https://example.com/photos/1x1/photo.jpg" / >

< /div >

Галерея продуктов

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

Чтоб сформировалась галерея продуктов, нужно подключить «Турбо-страницы для интернет-магазина» либо расположить продукты на Yandex Маркете. О том, как сделать турбо-страницы для интернет-магазина, я говорила в статье «Как настроить турбо-страницы на веб-сайте».

Пример турбо-сниппета с галереей для продуктов:

c7af408ae1623d68048a1dc75939d2d8

Галерея статей

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

Пример сниппета с галереей статей:

39a5b4cf3b028a6f80b286b7b7ff63c6

Доп элементы

Верстка частей черт в табличном варианте

Если на веб-сайте есть доп свойства продукта, то нужно переверстать их в таблицы через тег < /td >:

4fbce5ba85e90d6b82e7e7571565bc38

Пример вывода черт в сниппетах Гугл при табличной верстке:

25f30283386e503b1c99a7de60f2c05a

Гугл выведет в сниппет то, что сам посчитает более полезным – другими словами более принципиальные свойства.

Emoji в метатегах и хлебных крошках

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

Пример выдачи с emoji:

11c4333c2e836839125d02998a817234

Чтоб добавить Emoji в хлебные крошки, нужно употреблять микроразметку Json ld. Способ подступает лишь для Гугл.

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

< script type="application/ld+json" >

{

“@context”: “https://schema.org/”,

“@type”: “BreadcrumbList”,

“itemListElement”: [{

“@type”: “ListItem”,

“position”: 1,

“name”: “Веб-магазин”,

“item”: “https://site.ru/”

},{

“@type”: “ListItem”,

“position”: 2,

“name”: “Каталог “,

“item”: “https://site.ru/catalog/”

}]

},{

“@type”: “ListItem”,

“position”: 3,

“name”: “Каталог продуктов для девченок “,

“item”: “https://site.ru/catalog/devochki/”

}]

}

< /script >

Заключение

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

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Кнопка «Наверх»