Инфографика – Увеличиваем CTR с помощью расширенных сниппетов в Google. Как получить расширенные сниппеты с помощью микроформатов

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

Ссылки сайта (Быстрые ссылки)
Такие ссылки отображаются после описания сайта и ведут на другие разделы, которые, с точки зрения Google, могут быть интересны пользователям.
Формируются они автоматически (обычно у авторитетных сайтов с понятной структурой), и как-то повлиять на их появление нельзя. В том случае если у сайта уже определились быстрые ссылки, их можно корректировать в панели инструментов для веб-мастеров, понижая рейтинг тем ссылкам, которые вы не хотели бы видеть в сниппете.

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

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

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

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

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

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

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


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

На сайте saney.ru вы сможете найти не только сам онлайн-генерато р сниппетов, но и рекомендации автора по использованию спецсимволов в сниппете.

Расширенные описания веб-страниц
Разметив информацию при помощи микроданных, вы также можете создать для своего сайта расширенные сниппеты. В настоящий момент Google поддерживает их для следующих видов информации:
— видео: Facebook Share и RDFa;
— мероприятия;
— организации;
— разметка для видео;
— оценки в отзывах;
— описание веб-страниц: рецепты;
— элементы навигации («цепочки ссылок», описывали эту возможность в начале статьи);
— описания веб-страниц: люди;
— описания веб-страниц: музыка;
— описания веб-страниц: отзывы;
— описания веб-страниц: приложения;
— описания веб-страниц: товары.

Приведем несколько примеров таких сниппетов.

Расширенное описание веб-страниц: оценки в отзывах
Пример расширенного сниппета со звездами отзывов:

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

Расширенные описания товаров
Пример расширенного описания с информацией о товарах:

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

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

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

Обратите внимание, что «Маркер» не будет передавать сведения о страницах, которые уже содержат разметку HTML с указанием структуры данных.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вывод

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

Сниппет – это описание найденной страницы в результатах поиска. В сниппете выводится заголовок, щелкнув по которому, пользователь переходит на страницу сайта, описание страницы, адрес (URL), фавикон, быстрые ссылки, адрес и телефон компании и ряд других элементов.

Зачем нужно работать над сниппетом?

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

Пример сниппета в Яндексе:

Пример сниппета в Google:

Как поисковые системы формируют сниппеты?

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

Заголовок сниппета формируется из TITLE страницы, заголовка или подзаголовка на странице. Реже заголовок сниппета может браться Яндексом из описания сайта в Яндекс.Каталоге. Google для этой цели может использовать информацию из каталога DMOZ.

Описание страницы берется из meta-тега description или текста документа. Также Яндекс может использовать описание сайта в Яндекс.Каталоге.

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

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

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

В Google существует аналогичный функционал, который позволяет, например, закрепить авторство материалов на определенном сайте, путем привязки сайта к аккаунту автора в Google+

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

Как изменить сниппет в Яндексе или Google?

  1. Определите, из какой части документа Яндекс или Google формирует сниппет.
  2. Скорректируйте данную часть текста, чтобы добавить нужный сниппет в поисковую систему. Если необходимо, чтобы сниппет сформировался из другой части документа – добавьте в эту часть нужные ключевые слова, убрав их из той части документа, откуда берется текущий сниппет.
  3. Чтобы изменить в сниппете быстрые ссылки, используйте рекомендации поисковых систем (ссылки на них даны выше в статье).
  4. Чтобы изменить в сниппете адрес компании, телефон или часы работы – измените данную информацию в справочнике предприятий Яндекса. В сниппет она добавится автоматически после обновления базы поисковой системы (апдейта).

Кристина Загорулько

Окт 02, 2014 | Время чтения: 5 мин

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

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

Почему приоритет отдается расширенным сниппетам и зачем они нужны?

  • В первую очередь потому, что они предоставляют дополнительную информацию о сайте или о конкретной его странице. По статистике, грамотно настроенный сниппет увеличивает доступность информации для пользователя на 25 %. А видя частичный ответ на свой запрос уже на странице результатов поиска, велика вероятность, что пользователь перейдет по ссылке для получения подробностей.
  • Второй фактор – это уменьшение времени на поиск той или иной информации. Предположим, пользователю срочно нужен адрес или телефон службы ремонта. Расширенный сниппет способен полностью удовлетворить его запрос. Конечно, владелец сайта не получит еще один переход, но зато он получит реального клиента.
  • И, конечно же, третий фактор – это увеличение внимания к вашему ресурсу, ведь красочные иконки социальных сетей, наличие дополнительных ссылок и т. п. выделит сайт в выдаче, что положительно скажется на кликабельности.

Когда могут быть созданы rich snippets?

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

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

Наличие отзывов и звезд

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

Более того, если раньше поисковые системы не проверяли наличие реальных отзывов, и владельцы ресурсов могли накручивать данные показатели, то на сегодняшний момент поисковики настолько усовершенствовали свой алгоритм, что могут отличить настоящие отзывы от «накрученных». Более точно о настройке данной функции вы сможете прочитать в руководстве от компании Google .

Более точное описание товаров

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

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

Наличие информации о мероприятиях и презентациях

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

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

Наличие дополнительных ссылок

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

Хлебные крошки в выдаче

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

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

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

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

Существует три вида разметки: микроданные, микроформаты и PDF. Мы рекомендуем использовать микроданные.

Что нужно сделать, чтобы создать корректную разметку?

  1. Указать конкретные данные, которые вы хотите вывести в разметку и предоставить эти данные Мастеру разметки.
  2. Использовать сервис Мастера разметки – schema.org
  3. Получить результаты от выше указанного сервиса и разместить их на страницах вашего сайта.
  4. Дождаться индексации вашего сайта и радоваться сделанным сниппетам для Гугла.

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

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

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

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

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

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

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

Как же Google формирует сниппет сайта? В формировании описания сайта в результатах выдачи принимают участие: тэг , <meta name=”description”>, содержимое параметра alt=”” первой картинки в <a href="/windows-7/ispolzovat-ishodnyi-kod-stranicy-zachem-nam-mozhet-ponadobitsya-izuchat/">html коде</a>, текст внутренних и <a href="/vkontakte/kod-stranicy-v-brauzere-samyi-luchshii-sposob-ubrat-vneshnie-ssylki-iz/">внешних ссылок</a>, описание сайта в каталоге Dmoz, или просто текст со страницы сайта. Также, в <a href="/hard-drive/vk-ne-pokazyvaet-vremya-poslednego-poseshcheniya-kak-uznat-kogda/">последнее время</a> появилось много возможностей выделить свой сайт с помощью микроформатов для расширенных <a href="/vkontakte/sozdaetsya-snippet-v-yandekse-inache-kak-sdelat-krasivyi-snippet-dlya/">сниппетов Google</a>. Но, это уже тема для другой статьи. Возможно, я все-таки найду в себе силы и реализую давно задуманный проект по созданию сниппетов для Google, и всему, что с этим связано.</p> <p>Если не пустой <b><title> </b> – первая строка сниппета формируется из него. Если <b><title> </b> пустой – то Google может выбрать текст первой ссылки, которая содержит набранное <a href="/vkontakte/podbor-domennyh-imen-po-klyuchevym-slovam-podbiraem-domen-s-klyuchevym/">ключевое слово</a>, если таких нет, то текст самой первой ссылки в html-коде или часть основного текста.</p> <p>Две другие строки сниппета (иногда три) формируются так, чтобы содержать текст, релевантный <a href="/classmates/chastotnost-poiskovyh-zaprosov-yandeks-statistika-poiskovyh-zaprosov-yandeksa/">поисковому запросу</a>. Если <b><meta name=”description”> </b> не пустой и релевантен запросу, то описание сайта берется из него. Есть определенный <a href="/wi-fi-local-area-network/kakoi-maksimalnyi-razmer-mms-soobshcheniya-mms-soobshcheniya-istoriya-razvitiya-i/">максимальный размер</a> <b>description </b>, если текста в нем мало, то Google заполняет <a href="/skype/proverit-chto-zanimaet-mesto-na-diske-kak-uznat-svobodnoe-mesto-na-diske-linux/">свободное место</a> релевантными кусками из текста. Если <b><meta name=”description”> </b> пустой, но параметр <b>alt=”” </b> первой картинки <b><img> </b> не пустой, то берется этот текст. Если <b>description </b> нерелевантен запросу, то описание сайта фомируется из кусков релевантного текста (на усмотрение Google).<br> Если сайт присутствует в <b>Dmoz </b>, то Google может брать данные для сниппета оттуда. Чтобы отключить показ описания сайта из Dmoz, нужно вставить на сайт этот html-код: <b><meta name=”robots” content=”noodp”> </b>.</p> <p>Для того, чтобы влиять на создание сниппета, нужно из всего выше перечисленного выделить самый подходящий вариант: <b><title> должен быть не пустой </b>; <b><meta name=”description”> не пустой, <a href="/program/kak-prodvinut-statyu-v-top-vybor-relevantnyh-klyuchevyh/">релевантный запросу</a>, не короткий </b>. Дальше, дело техники.</p> <h2>Оптимизация сниппетов Google. Перейдем к практике </h2> <p>Задача: сфокусировать глаза пользователя на описании вашего сайта. Я предлагаю делать сгустки в тексте. Для этого очень хорошо подходит любое повторение одного и того же символа много раз: AAAAAAAAA, WWWWWWWWW, iiiiiii, 88888, @@@@@@@@, ##########, [[[[[[[[, < <<<< >>>>>>, и так далее. Любые графические спецсимволы тоже подойдут: ❄ ❆ ☀ ☁ ☂ ☔ ☽ ★ ☎ ☘ ☙ ☢ ☑ ☒ ☯ ☗ ☰ ☱ ☲ ☲ ☴ ☵ ☶ ☷ ☻ ♠ ❤ ♦ ◆ ♨ ♬ ♻ ♼ ⚀ ⚅ ⚈ ⚉ ⚑ ⚫ ▂ ▃ ▅ ▆ ██ ▒▓ ▀▄▀▄ ═ ╬ ╦ ╩ ╦ ❥ ✿ ❋ ✩ ✮ ✯ ✰ ❶ ❷ ❸ ❹ ❺ ❻ ❼ ❽ ❾ .</p> <p>Вся сложность заключается в том, чтобы забить текстом <b>description </b> под завязку, и заставить Google перенести текст на вторую строку так, как нам нужно. Это не так сложно, нужно знать всего пару нюансов. На самом деле этот перенос делается браузером, когда превышается ширина поля, содержащее текст (за это отвечает гугловский css-класс). Ну, и максимальный размер description у меня получился 155 символов. Тоесть, нужно сделать такой блок текста, чтобы он был по максиму близок к 155 символам и произошел принудительный перенос в нужном нам месте на вторую строчку. Управлять переносом можно, зная, что браузер не разрывает слова. Единственное замечание, нельзя просто взять и сделать всю вторую строчку из одного неразрывного слова – google ее не примет и поставит троеточие (…). нужно внутри вставить слова и символы, которые гугл понимает как пробел: дефис, подчеркивание (я еще не протестил все возможные варианты, иногда хвост такого описания после слова обрубает до самого конца). Старайтесь пока во второй строчке привязывать подобный “хвост” после текста не пробелом.</p> <h2>Закрепим полученную информацию на реальном примере</h2> <p>Так как я уже начал замечать в выдаче Google сайты, которые используют мои методы создания сниппетов, то считаю, что пришло время расскрыть немного свои карты .</p> <p><img src='https://i2.wp.com/saney.ru/wp-content/uploads/2011/10/snippets1.gif' width="100%" loading=lazy></p> <p>В этом сниппете используется “#” в title и description. Несколько таких символов подряд отлично концентрируют на себе внимание.<br> Звездочки ★ тоже очень сильно заметны. Здесь я использовал их, чтобы изобразить рейтинг отзывов. Получилось неплохо. Я думаю, что слово “««- recommended” тоже не останется без внимания, ведь возле остальных сайтов такой надписи нет. Также, в сниппете присутствует email компании. Но, больше всего привлекает внимание конечно же эта конструкция с ❺. На другом сайте, где ипользуется подобный шаблон сниппета, средний CTR 9-й позиции на 1-й странице <a href="/usb-flash-drive/gugl-ne-ishchet-chto-delat-v-prilozhenii-google-ne-poyavlyayutsya-rezultaty-poiska/">результатов Google</a> равен примерно 12%. Это <a href="/wi-fi-ethernet/kak-pomenyat-parol-v-akkaunte-gmail-trebovaniya-k-parolyu-dlya-akkaunta-google/">данные Google</a> Webmasters Tools за последние 3 месяца.</p> <p><b>Как это можно сделать? </b></p> <p>Эту красоту можно сделать с помощью специальных микроформатов данных, которые Google уже давно использует при отображении сайтов. Я не буду в этой статье расписывать подробно, что это, а остановлюсь на нашем примере.</p> <p>Чтобы сделать такой сниппет с ❺, нужно вставить в html-код вашего сайта такой текст:</p> <p><div xmlns:v=”http://rdf.data-vocabulary.org/#”><br> <span typeof=”v:Breadcrumb”><a href=”http://вашсайт.com/” rel=”v:url” property=”v:title”>Ваш текст</a> › </span><br> <span typeof=”v:Breadcrumb”><a href=”http://вашсайт.com/раздел-сайта.php#content” rel=”v:url” property=”v:title”>❺❺❺❺❺</a> › </span><br> <span typeof=”v:Breadcrumb”>Ваш текст</span><br> </div></p> <p>В результате моих экспериментов был найден способ, как заставить Google показывать один и тот же текст возле URL сайта. А также была решена проблема с показом такого сниппета для главной страницы сайта. Для этого нужно в структуре Breadcrumb в том месте, где прописывается внутренний раздел сайта, просто дописать так называемую “хеш-ссылку” к <a href="/usb-flash-drive/kak-na-androide-udalit-yarlyk-s-rabochego-stola-udalenie-stranic/">главной странице</a> /#hash. Где hash – это id какого-нибудь элемента на вашей странице.</p> <p>Также, стоит заметить, что Google уже обратил внимание на такие сниппеты. Если раньше можно было использовать такие приколы как ▀▄▀▄▀ или ████ ☑, то сейчас многие из таких символов уже запрещены к показу возле URL. Или же они показываются только в региональных выдачах, а в google.com не работают (или работают, но хлебные крошки должны быть короткими и начинаться с буквы).</p> <p><img src='https://i2.wp.com/saney.ru/images/snippets.gif' height="73" width="350" loading=lazy></p> <p>Еще одна фича, которая все-еще работает – это возможность прописать в Breadcrumb URL другого сайта (вместо ссылки на раздел сайта, не home page) . Тогда со сниппета Google можно будет переходить на другой сайт, если пользователь кликнет по такой ссылке, как ❺❺❺❺❺ в нашем примере. Это может быть использовано “черными оптимизаторами”, чтобы без ипользование редиректов направлять трафик из профилей форумов на свои сайты. Или же можно использовать в качестве другого url сервис bit.ly, чтобы узнать как пользователи кликают на сниппет.</p> <h2>Генератор сниппетов для Google</h2> <p><i>Данная статья была написана в 2008 году, после нескольких лет успешного применения описанных техник на практике. С тех пор многое изменилось, но основная идея осталась прежней. </i></p> <p>Не забудьте понажимать на <a href="/hard-drive/kaka-sdelat-knopku-my-v-socsetyah-knopki-socialnyh-setei/">социальные кнопки</a>, если вам понравилась статья </p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> </div> <footer class="entry-meta"> </footer> </div> </article> </main> </div> </div> <div id="secondary" class="widget-area col-sm-12 col-md-4" role="complementary"> <div class="well"> <aside id="search-2" class="widget widget_search"> <form method="get" class="form-search" action="/"> <div class="input-group"> <input type="text" class="form-control search-query" value="" name="s" id="s" placeholder="Поиск..."> <span class="input-group-btn"> <button type="submit" class="btn btn-default" name="submit" id="searchsubmit" value="Search"><span class="glyphicon glyphicon-search"></span></button> </span> </div> </form> </aside> <aside id="recent-comments-2" class="widget widget_recent_comments"> <h3 class="widget-title">Новые статьи</h3> <ul id="recentcomments"> <li class="recentcomments"><a href="/browsers/kak-vyklyuchit-ogranicheniya-na-aifone-5-kakoi-standartnyi-kod-parol/">Какой стандартный код пароль ограничений в iPhone по умолчанию</a></li> <li class="recentcomments"><a href="/classmates/es-fail-eksplorer-provodnik-es-explorer-luchshii-failovyi-menedzher-dlya-android-glavnye/">Проводник ES Explorer – лучший файловый менеджер для Android</a></li> <li class="recentcomments"><a href="/windows-7/oshibka-scenariya-v-1s-kak-ubrat-kak-ubrat-oshibku-scenariya-v-windows-reshaem/">Как убрать ошибку сценария в Windows?</a></li> <li class="recentcomments"><a href="/skype/pechat-eksele-zagolovka-kazhdoi-stranice-sozdanie-skvoznyh/">Создание сквозных строк в Microsoft Excel</a></li> <li class="recentcomments"><a href="/classmates/l-10-e-mail-obyazatelno-ne-publikuetsya-obzor-stiralnoi-mashiny-vyazma-harakteristiki-i-instrukciya/">Обзор стиральной машины Вязьма: характеристики и инструкция</a></li> <li class="recentcomments"><a href="/audio/kak-sdelat-bekap-na-xiaomi-dlya-sozdaniya-rezervnoi-kopii-dannyh-vse-rabochie/">Все рабочие способы сделать бэкап на Xiaomi Где miui хранит бэкап</a></li> <li class="recentcomments"><a href="/audio/kolonka-jbl-charge-3-kitaiskaya-kopiya-obzor-kolonki-jbl-uchimsya/">Колонки JBL: учимся отличать подделку от оригинала</a></li> <li class="recentcomments"><a href="/windows-7/kak-uznat-naimenovanie-materinskoi-platy-na-kompyutere-kak-uznat-materinskuyu-platu-na-noutbuke/">Как узнать материнскую плату на ноутбуке</a></li> <li class="recentcomments"><a href="/usb-flash-drive/ustanovka-vindovs-dannyi-disk-ne-ustanovka-windows-na-dannyi-disk-nevozmozhna/">Установка Windows на данный диск невозможна – стиль разделов GPT</a></li> <li class="recentcomments"><a href="/vkontakte/kakie-fleshki-usb-samye-nadezhnye-i-bystrye-kak-vybrat-fleshku-s-vysokoi/">Как выбрать флешку с высокой скоростью и надежной памятью Лучшие Flash-накопители с двумя вариантами подключения</a></li> </ul> </aside> <aside id="recent-comments-2" class="widget widget_recent_comments"> <h3 class="widget-title">Последние статьи</h3> <ul id="recentcomments"> <li class="recentcomments"><a href="/vkontakte/kak-na-mts-v-minuse-vzyat-v-dolg-kak-pozvonit-esli-net-deneg-na/">Как позвонить, если нет денег на сим-карте мтс Мтс нет денег на счету</a></li> <li class="recentcomments"><a href="/windows-7/gugl-plei-market-ne-poluchaetsya-zaiti-neobhodimo-voiti-v-akkaunt/">Почему не заходит в Плей Маркет?</a></li> <li class="recentcomments"><a href="/usb-flash-drive/kak-udalit-istoriyu-prosmotrov-v-safari-na-mac-upravlyaem/">Управляем веб-историей в Safari для iOS История safari ipad</a></li> <li class="recentcomments"><a href="/odnoklassniki/kak-popast-v-umnuyu-lentu-vkontakte-umnaya-lenta-vkontakte-kak-rabotaet-i/">Умная лента ВКонтакте: как работает и как попасть</a></li> <li class="recentcomments"><a href="/browsers/shema-podklyucheniya-provodov-na-materinskoi-plate-foxconn-kak-k/">Как к материнской плате подключить провода: пошаговая инструкция</a></li> <li class="recentcomments"><a href="/browsers/kak-sdelat-proshivku-dlya-samsunga-proshivka-android-samsung-s-pomoshchyu-odin-proshivka-samsung/">Прошивка Android Samsung с помощью Odin</a></li> <li class="recentcomments"><a href="/audio/smartfon-vernee-thor-e-prodolzhenie-lineiki-thor-smartfon-vernee-thor-e/">Смартфон Vernee Thor E, продолжение линейки Thor Коммуникация между устройствами в мобильных сетях осуществляется посредством технологий, предоставляющих разные скорости передачи данных</a></li> <li class="recentcomments"><a href="/classmates/gorod-kvandzhu-udivitelnye-fakty-deshevye-aviabilety/">Дешевые авиабилеты Кванджу – Южная Корея (KWJ – KR)</a></li> <li class="recentcomments"><a href="/vkontakte/irkutskenergosbyt-lichnyi-kabinet-vhod-v-kabinet-voiti-po-nomeru/">Иркутскэнергосбыт личный кабинет физического лица — российская энергосбытовая компания Иркутскэнергосбыт личный кабинет физического лица передать</a></li> <li class="recentcomments"><a href="/wi-fi-ethernet/vk-mobil-polnaya-i-mobilnaya-versii-vkontakte-vk-mobilnaya-versiya-voiti/">Полная и мобильная версии вконтакте</a></li> </ul> </aside> <aside id="recent-comments-2" class="widget widget_recent_comments"> </aside> </div> </div> </div> <div id="yandex_rtb_R-A-202909-1"></div> </div> </div> </div> <div id="footer-area"> <div class="container footer-inner"> <div class="row"> </div> </div> <footer id="colophon" class="site-footer"> <div class="site-info container"> <div class="row"> lickeys.ru - Полезные советы по социальным сетям. Инструкции по настройке ПК </div> </div> <div class="scroll-to-top"><i class="fa fa-angle-up"></i></div> </footer> </div> <script type="text/javascript"> disableSelection(document.body) </script> <script type='text/javascript' src='https://lickeys.ru/wp-content/plugins/akismet/_inc/form.js?ver=3.2'></script> <script type='text/javascript'> /* <![CDATA[ */ var cm_imgs = { "fileTypeError":"\u0412\u043d\u0438\u043c\u0430\u043d\u0438\u0435! \u0412\u044b \u043f\u044b\u0442\u0430\u0435\u0442\u0435\u0441\u044c \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u043d\u0435\u0432\u0435\u0440\u043d\u043e\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043e\u043d\u043e \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u0438\u043a\u0440\u0435\u043f\u043b\u0435\u043d\u043e \u043a \u0432\u0430\u0448\u0435\u043c\u0443 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u044e.","fileSizeError":"\u0412\u043d\u0438\u043c\u0430\u043d\u0438\u0435! \u0412\u044b \u043f\u044b\u0442\u0430\u0435\u0442\u0435\u0441\u044c \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0444\u0430\u0439\u043b. \u041f\u0440\u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0438 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u044f, \u0444\u0430\u0439\u043b \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u0438\u043a\u0440\u0435\u043f\u043b\u0435\u043d! \u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0440\u0430\u0437\u043c\u0435\u0440 \u0444\u0430\u0439\u043b\u0430:","limitFileSize":"2097152","fileCountError":"<strong>\u0412\u043d\u0438\u043c\u0430\u043d\u0438\u0435!<\/strong> \u0412\u044b \u043f\u044b\u0442\u0430\u0435\u0442\u0435\u0441\u044c \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043c\u043d\u043e\u0433\u043e \u0444\u0430\u0439\u043b\u043e\u0432. \u041f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435 \u043a\u043e\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u044f, \u0444\u0430\u0439\u043b\u044b \u043d\u0435 \u0431\u0443\u0434\u0443\u0442 \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u044b <br \/>\u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439: ","limitFileCount":"1"} ; /* ]]> */ </script> <script type='text/javascript' src='https://lickeys.ru/wp-content/plugins/comment-images-reloaded/js/cir.min.js?ver=4.9.1'></script> <script type='text/javascript' src='https://lickeys.ru/wp-content/themes/sparkling/inc/js/skip-link-focus-fix.js?ver=20140222'></script> <script type='text/javascript' src='/wp-includes/js/comment-reply.min.js?ver=4.9.1'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script> <script type='text/javascript' src='https://lickeys.ru/wp-content/plugins/easy-fancybox/fancybox/jquery.fancybox-1.3.8.min.js?ver=1.6'></script> <script type='text/javascript' src='https://lickeys.ru/wp-content/plugins/easy-fancybox/js/jquery.easing.min.js?ver=1.4.0'></script> <script type='text/javascript' src='https://lickeys.ru/wp-content/plugins/easy-fancybox/js/jquery.mousewheel.min.js?ver=3.1.13'></script> <script type="text/javascript"> jQuery(document).on('ready post-load', function(){ jQuery('.nofancybox,a.pin-it-button,a[href*="pinterest.com/pin/create/button"]').addClass('nolightbox'); } ); jQuery(document).on('ready post-load',easy_fancybox_handler); jQuery(document).on('ready',easy_fancybox_auto);</script> </body> </html>