Как создавать кликабельные сниппеты?

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

Вас заинтересовала seo оптимизация сайтов, поисковые системы захватили ваш ум, а без хорошего сниппета вы теперь не сможете заснуть? Тогда читайте дальше — самое полезное впереди!

Что такое сниппет и как он связан с CTR?

СTR или click-through rate — это коэффициент кликабельности. Поделив количество кликов по ссылке в результатах поиска на количество показов ссылки, вы получите нужный коэффициент.

Если ваш сайт показан по запросу «купить айфон» 100 раз, а кликнули на него 5 человек, то CTR равен 5 процентам.

Коэффициент кликабельности — показатель эффективности. Чем он выше, тем лучше. И прежде всего на CTR влияет вид сайта в поиске. Отрывок, который отображает сайт в результатах поиска гугл, и есть сниппет. Обычно он состоит из трех элементов: заголовок (1), ссылка (2) и описание (3).

Пример сниппета и его составляющие

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

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

Два сниппета в поиске гугл

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

Оптимизация сниппета

Начать сео продвижение гугл можно с составления обязательных метатегов Title и Description.

Оптимизация заголовка Title

Заголовок Title — cамый важный элемент страницы по двум причинам:

поисковик определяет релевантность страницы по заголовку;

пользователи принимают решение о переходе на сайт по заголовку.

Из этого вытекают требования к заголовку:

информативность: заголовок должен соответствовать содержимому страницы;

уникальность;

краткость: длина ~ 50-65 символов. Поисковик обрежет длинный заголовок;

читабельность: используйте ключевые слова с умом;

осознанный подход: не использовать стоп-слова (союзы, прилагательные) без необходимости, не использовать оценочные прилагательные (лучший), не ставить номер телефона (кроме служб доставок, такси, аварийных сервисов), не использовать перечисления (города, ключевые слова);

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

не повторять одно и то же слово более 2 раз.

Сравнение заголовков двух сниппетов

Оптимизация описания Description

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

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

Краткие требования к описанию:

длина: ~ 150-170 символов;

уникальность;

информативность: пишите информативными краткими предложениями. Описание — не отрывок из тела статьи, его нужно писать отдельно;

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

ключевые слова: используйте 1-2 вхождения ключевика, лучше в начале.

Результат поиска по запросу «студия маникюра Харьков»:

Сравнение описания двух сниппетов

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

Помимо основных элементов в сниппете могут быть дополнительные, такие как:

строка поиска по сайту (а);

быстрые ссылки (б) (формируются автоматически);

Элементы сниппета строка поиска и быстрые ссылки

навигационная цепочка или «хлебные крошки» — элемент навигации, который показывает путь от главной страницы до текущей (1);

отзывы или рейтинг (2);

цена и наличие (3);

Элементы сниппета хлебные крошки рейтинг цена и наличие

расписание;

Элементы сниппета расписание

картинки и видео;

Картинки и видео в сниппете примеры

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

Чтобы seo продвижение в поисковиках было успешным, при оптимизировании сайта можно управлять разметкой информации на страницах. Для правильной разметки в HTML-код нужно внедрить дополнительные теги и атрибуты. Микроразметка состоит из словарей и синтаксиса.

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

С помощью самого популярного словаря schema.org можно сформировать данные для расширенного сниппета (rich snippet) в поисковиках Google, Bing, Yahooo! и Яндекс. Schema.org содержит три атрибута, которые обязательно нужно использовать в микроразметке:

1. itemscope — указывает на используемый объект (в примере — фильм Аватар).

2. itemtype — указывает тип объекта (в примере — Movie).

3. itemprop — указывает свойства объекта (имя фильма, режиссер, жанр, трейлер).

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

Для правильной разметки данных понадобится знание синтаксиса. Есть три актуальных синтаксиса: Microdata, RDFa, JSON-LD.

Пример разметки с помощью трех различных синтаксисов. Мы подчеркнули одни и те же характеристики игры Monopoly для наглядности сравнения:

Microdata

Разметка Microdata

RDFa

Разметка RDFa

JSON-LD

Разметка JSON-LD

Начиная с 2013 года schema.org и Google рекомендуют использовать синтаксис JSON-LD. Поэтому рассмотрим его подробнее.

Работа с синтаксисом JSON-LD

Гугл рекомендует помещать код JSON-LD в заголовок HTML документа (<head>), но можно поместить его и в тело документа (<body>).

Обязательные элементы — базовые теги:

<script> показывает браузеру, что дальше будет javascript c JSON-LD;

@context со значением http://schema.org показывает, что инструкции, на которые ссылается скрипт, находятся по указанному адресу;

@type определяет тип элемента в разметке.

Синтаксис предполагает связывать данные с помощью ключей и их значений. Например, в коде “@context”: “http://schema.org” @context — ключ, а http://schema.org — его значение.

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

Официальный сервис от Google Structured Data Markup Helper поможет добавить разметку данные различных типов, таких как: отзывы, рестораны, мероприятия, фильмы, продукты, организации и другие.

Так выглядит процесс разметки:

Разметка страницы сайта с помощью сервиса от гугл

Такой код вы получите в результате:

Результат разметки страницы сайта с помощью сервиса от Гугл

Если ваш сайт работает на Drupal, можете воспользоваться модулем JSON-LD. Если ваш вебсайт работает на WordPress, можете воспользоваться такими плагинами: Sitelinks Search Box, Structured Data of JSON-LD, WordPress Social Sharing Optimization и другими.

Для генерации разметки можно воспользоваться сервисом JSON-LD Generator.

Пример работы сервиса JSON-LD Generator

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

Заключение

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

Если погружение в тонкости и детальная seo оптимизация web сайта вас не напугали — желаем вам кликабельных сниппетов и высокого CTR!