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

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

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

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

Как мы видим, Яндекс выделяет синоним запроса в 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 . На выходе должно получиться примерно следующее (кликабельно):

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

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

Сниппет (англ. snippet - фрагмент, отрывок) – краткое описание страницы в поисковой выдаче, показывается непосредственно под тайтлом.

В конце 2009 Google рассказал миру о начале применения расширенных сниппетов. Расширенные сниппеты получили широкое применение: авторы, рецепты приготовления пищи, автомобили, для предприятий, видеофильмов, музыки и т.д. Я хочу остановиться на создании расширенного сниппета для авторов, т.е. вывод вашей фотографии и ФИО рядом с описанием страницы. Вот так выглядит сниппет моего блога.

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

В левой части экрана нажимает кнопку «Профиль» > Далее сверху, возле вашей фотографии нажмите «Изменить профиль» > Потом внизу «Мои публикации» > и указываем URL вашего блога. Здесь же, чуть выше, надо обязательно указать адрес электронной почты в графе «Рабочие контакты» и телефон можно тоже указать, но не обязательно. После всего этого нажимаем кнопку «Готово», вверху над фотографией.

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

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

• Первый способ: Установка на свой блог «Google+ знак для профилей » (откроется в новом окне). Там выбираете понравившуюся вам кнопку и, заменив в полученном коде «profiles.google.com» на ваш адрес профиля G+, установить ее на все страницы блога, что-то типа сквозной ссылки сделать. У меня на блоге это сделано простым текстовым виджетом установленном в сайдбаре возле счетчиков. Гугл особо не заморачивался с рекомендациями по установке, поэтому устанавливайте, как кому больше нравиться.
• Второй способ: Добавляем в файл «index.php» Google

Самое главное в этих способах — это «?rel=author», именно при помощи него Google и привязывает статью в блоге к профилю G+.

Теперь остается проверить, правильно ли мы все сделали. Заходим в «Инструмент проверки структурированных данных » (откроется в новом окне), вводим урл и нажимаем кнопку посмотреть, если все ок, то ниже вы увидите фотографию вашего профиля в расширенном сниппете. Выглядеть все это должно примерно так:

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

Warning: Missing required field “entry-title”

Warning: Missing required field “updated”

Warning: Missing required hCard “author”

Страшного ничего нет, немного погуглив нашел ответ в блоге уважаемого Дениса Черникова , большое ему спасибо. Итак:

Редактируем любимый нами файл «index.php», скачиваем его через FTP на комп, открываем любым текстовым редактором и ищем следующий код:

редактируем его следующим образом

сохраняемся и заливаем по FTP исправленный «index.php» назад на сайт. Вот в принципе и все, что я хотел вам рассказать по созданию расширенного сниппета. Если что не получается, спрашиваем в комментариях или в . Не забываем нажимать социальные кнопочки))

A post to Google+ that includes a link renders a preview, or snippet , that contains the page title, a brief description of the page, and a thumbnail image. These pieces of data are extracted from the shared URL"s content in one of four ways, listed in order of precedence:

Your use of the snippet code is subject to the Google Terms of Service .

1. Schema.org microdata (recommended) If the page is annotated with schema.org microdata , the +Snippet will use the name , image , and description properties found on any schema.org type .

Shiny Trinket

Shiny trinkets are shiny.

Tip: Google also uses schema.org microdata to generate rich snippets in search. See the schema.org FAQ for more information. 2. Open Graph protocol If the page contains Open Graph properties for the title, image, and description, they will be used for the +Snippet. 3. Title and meta "description" tags If the page"s element contains 4. Best guess from page content (not recommended) If none of the previous data is present, Google parses the page and attempts to find the best title, description, and image. Note: The logic that fetches the +Snippet data respects cache-control directives, so changes to your page might not immediately be reflected in the +Snippet.

Frequently Asked Questions

How can I validate my +Snippet markup?

You can use the Structured Data Testing Tool to verify your +Snippet markup.

When you run this tool on your web page it will provide a detailed report on all of the structured data markup on that page, including the markup used by +Snippet.

I have multiple schema.org itemscopes on my page. Which one will the +Snippet use?

If multiple schema.org itemscopes are defined on your page, the +Snippet is created from the itemscope that is nearest the top of your page"s source code. For example, if you have itemscopes defined on both the body element and a div element defined below the start body tag in your page, the +Snippet is created from the itemscope associated with the body element.

Why isn"t my +Snippet image appearing?

Images that are too small or not square enough are not included in the +Snippet, even if the images are explicitly referenced by schema.org microdata or Open Graph markup. Specifically, the height must be at least 120px , and if the width is less than 100px, then the aspect ratio must be no greater than 3.0 .

How do I get my web page content to render with a full-bleed image and a description when users share it on Google+ using a URL?

See for more information.

What is the user agent of snippet fetcher?

When a user shares a URL on Google+ or an app writes an , Google+ attempts to fetch the content and create a snippet to provide a summary of the linked content.

Your web server will see a request with the user agent containing the following text: Google (+https://сайт/+/web/snippet/) .

This service is different than the Googlebot that crawls and indexes your site. These requests do not honor robots.txt or other crawl mechanisms because this is a user-initiated request.

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

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

Заключение

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

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