С миру по нитке

Как создать красивые сниппеты для Google? Как сделать красивый сниппет для Яндекса и Google

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

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

Если верить словам Google:

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

  • Пример расширенных сниппетов – тэг разметки автора

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

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

Что Расширенные сниппеты делают для SEO?

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

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

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

  • Возможно, это поможет вам в самом начале:

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

  • Проверка правильности настройки сниппетов через инструмент — Rich Snippets Testing
  • Вопросы-Ответына на этой странице

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

Обновление: Вторая часть — , как добавить фото автора в сниппеты.

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

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

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

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

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

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

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

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

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

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

Вывод

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вот, например, как выглядит в Яндекс сниппет по запросу "как раскрутить сайт":

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

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

То есть Яндекс берет и "вырывает" кусок текста из страницы (до 240 знаков), где наиболее плотно расположены .

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

Расширенные сниппеты Яндекса


В поисковой системе Yandex присутствуют расширенные сниппеты (англ. rich snippets) , которые предоставляют пользователю быстрые ссылки на нужные разделы ресурса, адрес организации либо компании (указывается и место на карте Яндекса) и т.д.

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

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

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

Сниппеты Google

Вот как выглядит сниппет в Google по тому же запросу (описание взято из description):


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

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

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

Микроформаты – необходимо использовать для составления описания разных сущностей (элементов) и их свойств, это атрибут class в HTML-тегах. Микроданные – это рекомендованный поисковой системой Гугл вариант разметки, как и микроформаты, который позволяет поисковому роботу узнать об особых видах информации присутствующей на сайте, блоге и т.д.

Для микроданных обычно используют такие атрибуты как itemprop, itemsscore, itemtype в HTML-тегах (доступно в HTML5). Делается это для того, чтобы таким свойствам или элементам контента давать краткие имена при их описании.

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

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

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

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

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

(от англ. snippet – отрывок, кусок ) – это небольшое описание страницы или вырванный из контекста кусок текста, который выводится на странице результатов поиска.

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

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

Вот так это будет выглядеть:

Все это дает нам несколько плюсов в сравнении с другими сайтами:

  • Во-первых, в выдаче наш сайт будет отличаться от других сайтов, поэтому пользователи ПС (поисковых систем) в большинстве случаев перейдут именно на наш сайт (вспомните себя при поиске информации 🙂 , всегда есть желание перейти по блоку, который лучше оформлен) Из этого следует повышение ctr (отношение количества кликов к количеству просмотров поисковой выдачи)
  • Во-вторых, повышается доверие посетителей к нашему сайту. Фотография рядом со сниппетом показывает, что блог ведет реальный человек, который не скрывает себя.
  • Ну и наконец, мы подтверждаем авторство своих статей в гугле. То есть, если обнаружатся копии ваших статей в сети, то гугл будет знать, что автор этой статьи именно вы, и не станет понижать ваш сайт в выдаче.

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

1. Первое что нужно сделать, это зарегистрироваться в Google+ , если вы этого еще не сделали.

2. Заполните свой профиль и добавьте туда фотографию. Особое внимание обратите на пункты Мои публикации и . В пункте Мои публикации добавите ссылку на свой сайт, а в пункте добавьте e-mail вида текст@ваш_домен.ru и подтвердите его. Очень важно, чтобы почта располагалась именно на домене вашего сайта!!!

‹a href=»google+id?rel=author»›author_name‹/a›

где google+id — это id вашего профиля.

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

Проверить, все ли правильно вы сделали, можно на этой странице . Введите адрес своего сайта или конкретной страницы и нажмите Preview . На выходе должно получиться примерно следующее (кликабельно):

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

Надеюсь у вас все получится 🙂 . Удачи! Не забудьте моего блога, чтобы первым получать интересные статьи.