Как сделать красивый сниппет для Яндекса и Google. Расширенные сниппеты в Гугле (Google): пошаговая инструкция

» мы рассказывали о том, что такое сниппет, каким он должен быть, и как он формируются в поисковых системах. Теперь вы знаете, что сниппеты Google создаются в основном из метатега Description (хотя бывают и исключения).

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

Как настроить сниппет в Google?

Основные параметры настройки с помощью семантической разметки

Что нужно сделать, чтобы получить в Google примерно вот такой привлекательный сниппет с указанием рейтинга и среднего чека?

Сам Google настоятельно рекомендует использовать семантическую разметку Schema.org . Кстати, о ней мы уже писали в статье, посвящённой сниппетам Яндекса . На всякий случай повторимся:

Микроразметка Schema.org - это формат описания сайта с помощью специальных атрибутов кодировки HTML. Разметка указывает поисковым роботам, какой именно тип информации содержится в тексте. Роботы считывают прописанные коды и выносят отмеченную информацию в соответствующие разделы. Коды можно посмотреть на сайте schema.org .

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

• Статьи: автор, картинка, раздел, рейтинг, дата публикации.
• Рестораны: url меню, телефон, рейтинг, картинка, адрес, часы работы.
• Товары: цена, рейтинг, картинка, марка, отзывы.
• Мероприятия: место проведения, картинка, дата начала, цена.
• Приложения: автор, дата публикации, картинка, категория, операционная система, требования, рейтинг, отзывы.
• Региональные компании: картинка, телефон, часы работы, адрес, рейтинг, e-mail, отзывы.
• Фильмы: картинка, режиссер, актеры, отзывы, рейтинг.

Markup Helper

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

Вывод

Как и в случае со сниппетом Яндекса мы рекомендуем в первую очередь настроить семантическую разметку Shema.org . Это позволит вам выделить свой сайт среди конкурентов, увеличит число кликов и как результат, повысит посещаемость сайта. Не поленитесь, потратьте несколько часов на изучение правил разметки или закажите её разработку специалистам . И поверьте, результат не заставит себя долго ждать.

Сегодня у нас очередная инфографика, которая посвящается расширенным сниппетам в

Переходим к просмотру инфографики:

PS : Если вам понравилась инфографика про расширенные сниппеты в Google, будем благодарны если вы ее поможете распространить с помощью социальных сетей и не только!

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

1. Что такое расширенный сниппет?

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

В поиске это выглядит так:

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

2. Зачем нужны расширенные сниппеты?

Здесь все предельно просто. Расширенные сниппеты решают ряд задач, вот основные:

— предоставляют больше информации о сайте

— следовательно пользователи быстрее найдут нужную информацию

— потому что графика больше привлекает, чем ее отсутствие

Конечно для владельцев сайтов цель только одна – привлечь больше внимания, следовательно больше посетителей из поиска на свой сайт.

По данному скриншоту одного из продвигаемых сайтов видно, сколько показов и сколько кликов из поиска. Соответственно и CTR сайта.

Кстати, данный сайт, про который не так давно был кейс растет и дальше, и совсем недавно посещаемость только из поиска перевалила отметку 188 000 посетителей в сутки. Посмотреть обновление в кейсе можно в конце статьи .

3. Когда и как применять расширенные сниппеты?

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

Вот основные виды расширенных сниппетов, которые Google поддерживает на момент публикации данной статьи:

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

В итоге такой небольшой момент привлекает больше внимания.

Детально про отзывы смотрим в рекомендациях Google про отзывы .

— Люди

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

В примере один из самых популярных сайтов для деловых знакомств Linkedin. Но если посмотреть шире, то такую разметку можно применять для ряда сайтов, не только знакомств и деловых сетей.

— Товары

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

Что на порядок упростит жизнь пользователю. Например:

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

— Рецепты

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

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

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

— Компании и организации

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

— Мероприятия

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

Это дает пользователю на порядок больше информации о предстоящих мероприятиях, в которых он заинтересован.

Вот так это выглядит:

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

— Музыка

По сути это возможность разметить песни, и выводить на них ссылки сразу же в поиске.

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

— Видео

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

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

4. Не всегда отображаются сниппеты

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

— Google постоянно тестирует

— Выдает микро разметку, когда это больше всего актуально

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

В любом случае, всегда можно проверить, работает ли это по ссылке: www.google.com/webmasters/tools/richsnippets‎

5. Как поставить расширенную разметку Google?

Все что нужно:

— определиться с форматами разметки

— поставить нужные вам данные для отображения

— расширенные сниппеты готовы!

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

Создание красивых сниппетов сайта играет большую роль в 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"} }

Заключение

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

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

Безусловно, если ваш сайт находится по какому-то запросу на первой странице выдачи поисковой системы – это хорошо. К этому нужно стремиться, это будет решающим фактором в популярности вашего проекта, и от этого будет зависеть ваша прибыль (если проект коммерческий). Но, следует заметить, что трафик на первую позицию в поиске и на 10-ю это разные вещи. Существует много статистических исследований, которые дают примерные проценты распределения трафика по позициям. Точные данные вы сможете найди где-то в другом месте. Ясно одно: чем дальше от первой позиции – тем меньше трафик. Десятая позиция в Google потенциально может дать примерно 10% от всех посетителей набравших этот запрос. И это при том, что она более кликабельная, чем 9-я (потому, что крайняя снизу).

Немного теории

Логическим завершением любого поискового запроса, сделанного человеком, должен быть переход на сайт, где есть именно то, что человек искал. После нахождения такого сайта, человек испытывает моральное удовлетворение и прекращает поиск. По-этому, если на первой странице выдачи выше вашего сайта есть много качественных и профессионально сделанных проектов – то вам стоит надеяться только на чудо. Выход один – делать качественный сайт. Но, есть все-таки один момент, который может дать немного преимущества – нужно заставить человеческий глаз сфокусироваться именно на описании вашего сайта в результатах выдачи. Я не буду затрагивать тему о том, что нужно создавать информативные сниппеты, чтобы в них был намек на то, что сайт содержит именно то, что нужно. Это все понятно. Давайте представим, что все 10 сайтов из выдачи имеют качественные информативные сниппеты. Что в этом случае можно сделать, чтобы привлечь больше внимания?

Как повысить CTR сайта в поисковой выдаче Google?

Выход есть. Чтобы увеличить кликабельность сниппета (CTR – clickthrough rate), нужно как-то визуально выделить ваш сайт в результатах поиска Google от остальных. Человек всегда будет обращать внимание на отличия в общей однородной массе. Текст описаний сайтов (сниппет) – это и есть масса, масса текста. Если не фокусироваться на каких-то отдельных словах, а смотреть как-бы сквозь текст, за него, то ничего особенного в глаза не бросается. Чтобы текст сниппета бросался в глаза нужно делать либо сгустки пикселей в какой-то части, либо делать пустое пространство, либо делать вертикальные расчески (несколько одинаковых строк текста одна под другой).

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

Как же Google формирует сниппет сайта? В формировании описания сайта в результатах выдачи принимают участие: тэг