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

18.09.2019 Интернет, Wi-Fi, локальные сети

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

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

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?

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

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

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

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

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

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

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

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

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

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

Как же Google формирует сниппет сайта? В формировании описания сайта в результатах выдачи принимают участие: тэг , <meta name=”description”>, содержимое параметра alt=”” первой картинки в html коде, текст внутренних и внешних ссылок, описание сайта в каталоге Dmoz, или просто текст со страницы сайта. Также, в последнее время появилось много возможностей выделить свой сайт с помощью микроформатов для расширенных сниппетов Google. Но, это уже тема для другой статьи. Возможно, я все-таки найду в себе силы и реализую давно задуманный проект по созданию сниппетов для Google, и всему, что с этим связано. Если не пустой <title> – первая строка сниппета формируется из него. Если <title> пустой – то Google может выбрать текст первой ссылки, которая содержит набранное ключевое слово, если таких нет, то текст самой первой ссылки в html-коде или часть основного текста. Две другие строки сниппета (иногда три) формируются так, чтобы содержать текст, релевантный поисковому запросу. Если <meta name=”description”> не пустой и релевантен запросу, то описание сайта берется из него. Есть определенный максимальный размер description , если текста в нем мало, то Google заполняет свободное место релевантными кусками из текста. Если <meta name=”description”> пустой, но параметр alt=”” первой картинки <img> не пустой, то берется этот текст. Если description нерелевантен запросу, то описание сайта фомируется из кусков релевантного текста (на усмотрение Google). Если сайт присутствует в Dmoz , то Google может брать данные для сниппета оттуда. Чтобы отключить показ описания сайта из Dmoz, нужно вставить на сайт этот html-код: <meta name=”robots” content=”noodp”> . Для того, чтобы влиять на создание сниппета, нужно из всего выше перечисленного выделить самый подходящий вариант: <title> должен быть не пустой ; <meta name=”description”> не пустой, релевантный запросу, не короткий . Дальше, дело техники. <h2>Оптимизация сниппетов Google. Перейдем к практике </h2> Задача: сфокусировать глаза пользователя на описании вашего сайта. Я предлагаю делать сгустки в тексте. Для этого очень хорошо подходит любое повторение одного и того же символа много раз: AAAAAAAAA, WWWWWWWWW, iiiiiii, 88888, @@@@@@@@, ##########, [[[[[[[[, < <<<< >>>>>>, и так далее. Любые графические спецсимволы тоже подойдут: ❄ ❆ ☀ ☁ ☂ ☔ ☽ ★ ☎ ☘ ☙ ☢ ☑ ☒ ☯ ☗ ☰ ☱ ☲ ☲ ☴ ☵ ☶ ☷ ☻ ♠ ❤ ♦ ◆ ♨ ♬ ♻ ♼ ⚀ ⚅ ⚈ ⚉ ⚑ ⚫ ▂ ▃ ▅ ▆ ██ ▒▓ ▀▄▀▄ ═ ╬ ╦ ╩ ╦ ❥ ✿ ❋ ✩ ✮ ✯ ✰ ❶ ❷ ❸ ❹ ❺ ❻ ❼ ❽ ❾ . Вся сложность заключается в том, чтобы забить текстом description под завязку, и заставить Google перенести текст на вторую строку так, как нам нужно. Это не так сложно, нужно знать всего пару нюансов. На самом деле этот перенос делается браузером, когда превышается ширина поля, содержащее текст (за это отвечает гугловский css-класс). Ну, и максимальный размер description у меня получился 155 символов. Тоесть, нужно сделать такой блок текста, чтобы он был по максиму близок к 155 символам и произошел принудительный перенос в нужном нам месте на вторую строчку. Управлять переносом можно, зная, что браузер не разрывает слова. Единственное замечание, нельзя просто взять и сделать всю вторую строчку из одного неразрывного слова – google ее не примет и поставит троеточие (…). нужно внутри вставить слова и символы, которые гугл понимает как пробел: дефис, подчеркивание (я еще не протестил все возможные варианты, иногда хвост такого описания после слова обрубает до самого конца). Старайтесь пока во второй строчке привязывать подобный “хвост” после текста не пробелом. <h2>Закрепим полученную информацию на реальном примере</h2> Так как я уже начал замечать в выдаче Google сайты, которые используют мои методы создания сниппетов, то считаю, что пришло время расскрыть немного свои карты . <img src='https://i2.wp.com/saney.ru/wp-content/uploads/2011/10/snippets1.gif' width="100%" loading=lazy> В этом сниппете используется “#” в title и description. Несколько таких символов подряд отлично концентрируют на себе внимание. Звездочки ★ тоже очень сильно заметны. Здесь я использовал их, чтобы изобразить рейтинг отзывов. Получилось неплохо. Я думаю, что слово “««- recommended” тоже не останется без внимания, ведь возле остальных сайтов такой надписи нет. Также, в сниппете присутствует email компании. Но, больше всего привлекает внимание конечно же эта конструкция с ❺. На другом сайте, где ипользуется подобный шаблон сниппета, средний CTR 9-й позиции на 1-й странице результатов Google равен примерно 12%. Это данные Google Webmasters Tools за последние 3 месяца. Как это можно сделать? Эту красоту можно сделать с помощью специальных микроформатов данных, которые Google уже давно использует при отображении сайтов. Я не буду в этой статье расписывать подробно, что это, а остановлюсь на нашем примере. Чтобы сделать такой сниппет с ❺, нужно вставить в html-код вашего сайта такой текст: <div xmlns:v=”http://rdf.data-vocabulary.org/#”> <a href=”http://вашсайт.com/” rel=”v:url” property=”v:title”>Ваш текст</a> › <a href=”http://вашсайт.com/раздел-сайта.php#content” rel=”v:url” property=”v:title”>❺❺❺❺❺</a> › Ваш текст </div> В результате моих экспериментов был найден способ, как заставить Google показывать один и тот же текст возле URL сайта. А также была решена проблема с показом такого сниппета для главной страницы сайта. Для этого нужно в структуре Breadcrumb в том месте, где прописывается внутренний раздел сайта, просто дописать так называемую “хеш-ссылку” к главной странице /#hash. Где hash – это id какого-нибудь элемента на вашей странице. Также, стоит заметить, что Google уже обратил внимание на такие сниппеты. Если раньше можно было использовать такие приколы как ▀▄▀▄▀ или ████ ☑, то сейчас многие из таких символов уже запрещены к показу возле URL. Или же они показываются только в региональных выдачах, а в google.com не работают (или работают, но хлебные крошки должны быть короткими и начинаться с буквы). <img src='https://i2.wp.com/saney.ru/images/snippets.gif' height="73" width="350" loading=lazy> Еще одна фича, которая все-еще работает – это возможность прописать в Breadcrumb URL другого сайта (вместо ссылки на раздел сайта, не home page) . Тогда со сниппета Google можно будет переходить на другой сайт, если пользователь кликнет по такой ссылке, как ❺❺❺❺❺ в нашем примере. Это может быть использовано “черными оптимизаторами”, чтобы без ипользование редиректов направлять трафик из профилей форумов на свои сайты. Или же можно использовать в качестве другого url сервис bit.ly, чтобы узнать как пользователи кликают на сниппет. <h2>Генератор сниппетов для Google</h2> Данная статья была написана в 2008 году, после нескольких лет успешного применения описанных техник на практике. С тех пор многое изменилось, но основная идея осталась прежней. Не забудьте понажимать на социальные кнопки, если вам понравилась статья Расширенный сниппет на странице выдачи обеспечивает дополнительные переходы на сайт. Вы еще не используете этот инструмент, так как боитесь лезть в код сайта и путаетесь в типах разметки? Тогда это руководство для вас: из него вы узнаете, как сделать расширенный сниппет, даже если никогда не имели дела с HTML-кодом. <h2>Что такое расширенные сниппеты и зачем они нужны</h2> Сниппет в поисковом маркетинге - это описание страницы сайта, которое отображается на странице выдачи под заголовком и ссылкой. С его помощью «поисковики» подсказывают пользователям, соответствует ли найденный ресурс информационному запросу. Поисковые системы формируют сниппет автоматически. В качестве источника описания роботы используют контент страницы или мета-тег description. Стандартный сниппет ограничен приблизительно 160 символами с пробелами. Это два или три коротких предложения. Вы можете абсолютно бесплатно расширить сниппет и повысить привлекательность страниц сайта в поисковой выдаче. Внешний вид и содержание расширенных описаний зависит от тематики страниц, инструментов, которые вы используете для создания сниппетов и типа данных, которые вы хотите отобразить на SERP. <img src='https://i1.wp.com/texterra.ru/upload/img/2015-11-11-tex-03.jpg' width="100%" loading=lazy> <h3>Зачем нужны расширенные сниппеты</h3> Благодаря расширенным сниппетам вы увеличиваете визуальную привлекательность ссылки и описания сайта в выдаче. Также вы получаете дополнительную возможность подтвердить релевантность ресурса запросу потенциального клиента. В результате вы обеспечиваете больше переходов на сайт и увеличиваете CTR. Кроме этого, вы улучшаете поведенческие метрики сайта. Речь идет о снижении нецелевых переходов и связанным с ним уменьшением показателя отказов. Вот некоторые данные о влиянии расширенных сниппетов на кликабельность ссылки на сайт в выдаче, а также на эффективность продвижения ресурса: <ul><li>В 2011 году Marketing Tech Blog опубликовал вдохновляющие данные . По данным этого ресурса, указание авторства статей с отображением в сниппете фото журналиста обеспечило блогу рост CTR на 484 %. С тех пор много воды утекло , но цифры остались. Вдумайтесь, фото автора рядом со ссылкой на сайт увеличило CTR на сотни процентов. Пусть Google Authorship больше не поддерживается, зато есть другие типы расширенных сниппетов.</li> <li>Мэтт Каттс <a target="_blank" href="https://www.youtube.com/watch?v=OolDzztYwtQ">прямо не подтверждает</a> , что расширенные описания влияют на рейтинг сайтов в выдаче. Но он говорит, что в некоторых тематиках внедрение микроразметки улучшает видимость сайта. Еще раз обратите внимание, расширенные сниппеты повышают видимость сайта. Пусть речь не идет о позициях ресурса. Вам же нужны клики, а не первое место в выдаче. Кстати, Рэнд Фишкин утверждает, что клики могут влиять на позиции сайта в выдаче . Если он прав, то Мэтт Каттс лукавит, когда говорит об отсутствии влияния сниппетов на позиции.</li> <li>Маркетинговое агентство Catalyst несколько лет назад протестировало расширенные сниппеты. Они обеспечили сайту кулинарной тематики рост CTR на 150 % .</li> <li>По данным Search Engine Land, нидерландский сайт Independer.nl, посвященный автострахованию, с помощью расширенных сниппетов увеличил CTR ссылок в выдаче на 28 %.</li> <li>Коллеги из SeoProfy приводят примеры увеличения CTR сайтов в выдаче. Кликабельность большого сайта выросла на 4 %, а маленького на 442 % .</li> <li>Маркетологи из Builtvisible рассказывают об увеличении CTR с помощью расширенных описаний.</li> </ul>Сниппеты приносят вам дополнительные переходы на сайт. Если вы умеете конвертировать трафик, немедленно внедряйте расширенные описания. Они принесут вам новые сделки. Информация ниже поможет вам это сделать. <h2>Какие существуют словари и типы синтаксиса микроразметки</h2> Чтобы поисковые системы показывали расширенные сниппеты для страниц сайта в выдаче, вам необходимо внедрить семантическую разметку. Вы можете сделать это с помощью разных словарей или языков. Наиболее распространенные словари микроразметки представлены ниже: <ul><li>Schema.org. Этот словарь можно назвать золотым стандартом микроразметки. Его поддерживают крупнейшие поисковые системы, включая «Яндекс», Google и Bing. С помощью Schema.org вы можете описывать сотни сущностей. Благодаря этому вы можете помочь «поисковикам» отображать расширенные сниппеты разных типов. Подробную информацию о Schema.org вы найдете в нашей статье и гайде .</li> <li>Microformats.org . С помощью языка микроформатов вы можете структурировать информацию о некоторых сущностях: людях, событиях, статьях, отзывах. Крупнейшая в рунете поисковая система «Яндекс» в данный момент поддерживает только четыре типа разметки микроформатов: рецепты, отзывы, товары и контактные данные. Поэтому возможности Microformats.org ограничены по сравнению со Schema.org.</li> <li>Open Graph . Этот язык помогает социальным сетям отображать ссылки на ваш сайт с привлекательными описаниями. Open Graph поддерживают все наиболее популярные в рунете социальные площадки, включая Facebook, «Вконтакте», Twitter и т.п.</li> </ul> <img src='https://i0.wp.com/texterra.ru/upload/img/2015-11-11-tex-04.jpg' width="100%" loading=lazy> Каждый язык микроразметки вы можете реализовать с помощью разных типов синтаксиса: <ul><li>Микроданные . Формат microdata считается основным средством реализации микроразметки Schema.org. Он предполагает использование тегов и атрибутов HTML для структурирования данных. Основным преимуществом микроданных остается простота использования.</li> <li>JSON-LD . Перспективный формат передачи структурированных данных, предложенный W3C. С помощью этого типа синтаксиса вы можете реализовать микроразметку Schema.org.</li> <li>Микроформаты. Этот синтаксис используется для реализации словаря Microformats.org.</li> <li>RDFa . Данный формат используется для реализации языка Open Graph.</li> </ul><h3>Какой язык и синтаксис выбрать</h3> Выбирайте язык и синтаксис в зависимости от цели и задач, которые вы хотите решить. Если вам нужны расширенные сниппеты на страницах поисковой выдачи, оптимальным выбором будет Schema.org. Этот тип микроразметки поддерживают все крупные поисковые системы. Используя Schema.org, вы можете описать множество разных сущностей и получить разные типы расширенных сниппетов. Реализовать разметку Schema.org вы можете с помощью синтаксиса microdata или JSON-LD. Если вам необходимо управлять описаниями ссылок в социальных сетях, внедрите Open Graph. Чтобы реализовать эту разметку, вы будете использовать формат RDFa. Язык Microformats.org также заслуживает внимания благодаря простоте использования. <h2>Как получить расширенные сниппеты с помощью Schema.org</h2> Вы можете реализовать микроразметку Schema.org несколькими способами. В нашем руководстве описывается самый сложный и самый правильный /upload/img/2015-11-11-tex-01.jpg: самостоятельная сборка кода, который необходимо указать на размечаемой странице. Если вы хотите досконально разобраться со Schema.org, обязательно воспользуйтесь руководством и разметьте вручную несколько страниц с разными сущностями. Не старайтесь запомнить наизусть порядок указания атрибутов. Вам необходимо понять принцип работы со Schema.org. Для практической повседневной работы вы будете использовать один или несколько инструментов, перечисленных ниже. <h3>Schema Creator</h3> Веб-сервис Schema Creator - простой и удобный генератор кода микроразметки, созданный софтверной компанией Raven. Чтобы воспользоваться инструментом, вам не нужно разбираться в веб-программировании. Более того, вам не придется даже регистрироваться. Есть только два условия успешного использования инструмента. Во-первых, вам нужно знать английский язык на базовом уровне или уметь пользоваться онлайн-переводчиками. Во-вторых, вам нужно знать, куда и как вставить сгенерированный инструментом код разметки. Представьте, что с помощью Schema Creator вы хотите разметить страницу с описанием книги. Вам нужно выбрать тип разметки «Книга» (Book). <img src='https://i1.wp.com/texterra.ru/upload/img/2015-11-11-tex-05.jpg' width="100%" loading=lazy> На открывшейся странице укажите данные о книге: название, автора, издателя, при необходимости дату публикации и формат. Также вы можете указать ссылку на страницу книги. Например, это можно сделать, если вы хотите сослаться на страницу магазина, в котором можно приобрести книгу. <img src='https://i2.wp.com/texterra.ru/upload/img/2015-11-11-tex-06.jpg' width="100%" loading=lazy> В поле Preview вы можете посмотреть, как будет отображаться разметка страницы для пользователей. В поле Code содержится код разметки, который необходимо скопировать и вставить на страницу сайта. Обратите внимание, если вы пользуетесь CMS с возможностью редактировать страницу в визуальном формате и формате HTML, выберите второй вариант. <img src='https://i2.wp.com/texterra.ru/upload/img/2015-11-11-tex-07.jpg' width="100%" loading=lazy> Если вы вставите код в визуальном редакторе, он некорректно отобразится на странице. <img src='https://i0.wp.com/texterra.ru/upload/img/2015-11-11-tex-08.jpg' width="100%" loading=lazy> В режиме редактирования HTML вы можете выбирать, в каком месте страницы вставить код. Например, вы можете оформить его в качестве врезки в середине текста или резюме в конце статьи. <img src='https://i0.wp.com/texterra.ru/upload/img/2015-11-11-tex-09.jpg' width="100%" loading=lazy> Если вам по каким-то причинам не подходит веб-сервис Schema Creator, воспользуйтесь другими инструментами для генерации кода микроразметки: <ul><li>Если ваш сайт работает на WordPress, используйте плагин Schema Creator. Прочитайте по применению этого инструмента. Кстати, вы можете использовать и другие плагины для микроразметки. Для этого введите в поисковое поле каталога плагинов WordPress запрос «Schema.org».</li> <li>Для сайтов на Joomla! используйте редактор JCE и расширение J4Schema.org. Обратите внимание, чтобы заставить эту пару инструментов работать, вам придется потрудиться. Подробнее в инструкции .</li> <li>Для сайтов на Drupal воспользуйтесь модулем Schema.org .</li> <li>Существуют плагины и модули микроразметки для других популярных CMS: Magento , OpenCart , 1С-Битрикс и так далее.</li> </ul> <img src='https://i0.wp.com/texterra.ru/upload/img/2015-11-11-tex-10.jpg' width="100%" loading=lazy> Вы можете реализовать микроразметку Schema.org с помощью синтаксиса JSON-LD. Для этого воспользуйтесь инструкцией . С помощью JSON-LD вы сможете внедрить на сайт только несколько типов микроразметки: Article, Person, WebSite, searchAction и некоторые другие. Синтаксис JSON-LD имеет важное преимущество перед микроданными: с его помощью можно создавать разметку, которую «видят» только поисковые системы. <h2>Как разметить страницу с помощью маркера Google</h2> Вы можете получить расширенные сниппеты, разметив страницу с помощью маркера в кабинете для вебмастеров Google. Для этого авторизуйтесь в Search Console и выберите в меню «Вид в поиске – маркер». <img src='https://i2.wp.com/texterra.ru/upload/img/2015-11-11-tex-11.jpg' width="100%" loading=lazy> На открывшейся странице нажмите кнопку «Начать выделение». <img src='https://i2.wp.com/texterra.ru/upload/img/2015-11-11-tex-12.jpg' width="100%" loading=lazy> Введите URL страницы, которую планируете разметить. Выберите необходимый тип разметки. Поставьте флажок напротив опции «Отметить только эту страницу», если планируете вставить разметку только на одной странице. Если вы хотите одновременно разметить несколько страниц, оставьте опцию по умолчанию «Отметить эту и похожие страницы». <img src='https://i0.wp.com/texterra.ru/upload/img/2015-11-11-tex-13.jpg' width="100%" loading=lazy> Выбранная страница должна открыться в режиме маркировки. Теперь вы можете выделять курсором нужные фрагменты контента и добавлять значения к атрибутам. <img src='https://i1.wp.com/texterra.ru/upload/img/2015-11-11-tex-14.jpg' width="100%" loading=lazy> Убедитесь, что значение атрибута отобразилось корректно. Оно должно появиться в блоке «Мои элементы данных». <img src='https://i0.wp.com/texterra.ru/upload/img/2015-11-11-tex-15.jpg' width="100%" loading=lazy> Таким же способом разметьте остальные данные. Если вы размечаете страницу с описанием фильма, укажите режиссера, исполнителей главных ролей, жанр, год выхода и т.п. После выделения нужных данных нажмите кнопку «Опубликовать». <img src='https://i0.wp.com/texterra.ru/upload/img/2015-11-11-tex-16.jpg' width="100%" loading=lazy> После очередного индексирования сайта Google учтет изменения и отобразит в выдаче расширенный сниппет. <h2>Как получить расширенный сниппет с помощью мастера разметки структурированных данных Google</h2> С помощью <a target="_blank" href="https://www.google.com/webmasters/markup-helper/">мастера разметки</a> вы можете добавить структурированные данные на страницы сайта или в HTML-код электронных писем. Авторизуйтесь в системе и укажите URL страницы, которую планируете разметить. Выберите тип данных и нажмите кнопку «Начать разметку». <img src='https://i0.wp.com/texterra.ru/upload/img/2015-11-11-tex-17.jpg' width="100%" loading=lazy> На открывшейся странице выделяйте курсором данные и присваивайте значения атрибутам, как при работе с маркером. <img src='https://i2.wp.com/texterra.ru/upload/img/2015-11-11-tex-18.jpg' width="100%" loading=lazy> После завершения разметки нажмите кнопку «Создать HTML». Скопируйте выделенный фрагмент с кодом разметки и вставьте на страницу сайта. <img src='https://i2.wp.com/texterra.ru/upload/img/2015-11-11-tex-19.jpg' width="100%" loading=lazy> <h2>Как получить расширенные сниппеты с помощью «Яндекс.Вебмастер»</h2> Для формирования расширенных сниппетов вы можете воспользоваться инструментами для вебмастеров «Яндекс». Для этого выберите меню «Содержимое сайта». <img src='https://i0.wp.com/texterra.ru/upload/img/2015-11-11-tex-20.jpg' width="100%" loading=lazy> Выберите тип данных, которые должны отображаться в расширенном сниппете. Это могут быть «Товары и цены», «Рецепты», «Рефераты», «Отзывы», «Словари», «Автообъявления». <img src='https://i2.wp.com/texterra.ru/upload/img/2015-11-11-tex-21.jpg' width="100%" loading=lazy> Следуйте предложенным сервисом инструкциям. Например, чтобы добавить в сниппет информацию о товарах и ценах, вам нужно создать и загрузить YML-файл. Чтобы получить расширенный сниппет для страницы с описанием рецептов, необходимо добавить на страницу микроданные или микроформаты с соответствующей разметкой и дождаться очередной индексации сайта. <h2>Как получить расширенные сниппеты с помощью микроформатов</h2> С помощью микроформатов вы можете отображать в сниппете контактные данные человека или организации, кулинарные рецепты, отзывы и информацию о товарах. Для некоторых типов микроформатов существуют автоматические генераторы кода: <ul><li>hCard (контактная информация).</li> <li>hReview (отзывы).</li> <li>hCalendar (события).</li> </ul>Чтобы разметить страницу с контактными данными, укажите необходимую информацию в генераторе кода hCard. В поле preview вы можете предварительно просмотреть карточку с персональной информацией, которая будет отображаться на странице сайта. Если данные указаны корректно, скопируйте код и вставьте его на сайт. Расширенный сниппет появится после очередной индексации ресурса поисковиками. <img src='https://i0.wp.com/texterra.ru/upload/img/2015-11-11-tex-22.jpg' width="100%" loading=lazy> <h2>Как получить расширенные описания в социальных сетях</h2> Универсальный инструмент для решения этой задачи - протокол Open Graph. Его «понимают» наиболее популярные социальные сети, включая «Вконтакте», «Фейсбук», «Твиттер», Google+ и другие. Чтобы создать разметку Open Graph, воспользуйтесь автоматическим генератором, например, таким . Заполните необходимые данные. Скопируйте сгенерированный код и вставьте его на страницу между тегами <head> и </head>. <img src='https://i0.wp.com/texterra.ru/upload/img/2015-11-11-tex-23.jpg' width="100%" loading=lazy> Обратите внимание, в выпадающем меню Type необходимо выбирать подходящий тип контента: статья, видео, книга и так далее. Чтобы получить привлекательные описания в Twitter, вы можете воспользоваться Twitter Cards. Вам поможет подробная Огромную роль в привлечении трафика на сайт играет сниппет – небольшой блок с информацией о ресурсе, который видят пользователи в поисковой системе. От того, насколько качественно настроен сниппет, зависит показатель «кликабельности». Этот параметр отражает, как часто пользователи переходят именно на ваш ресурс в ТОПе поисковой системы, а не на другие. В предыдущей статье я рассказал, как можно получить . Увы, но в той поисковой системе далеко не любая тематика сайта позволяет обзавестись расширенным сниппетом. Теперь же речь пойдет о расширенных сниппетах в Гугле, доступных практически для каждого веб-ресурса. Увидеть, как выглядит стандартный сниппет в Гугле, можно ниже. <img src='https://i2.wp.com/blog-craft.ru/wp-content/uploads/2013/09/2.-%D0%A1%D1%82%D0%B0%D0%BD%D0%B4%D0%B0%D1%80%D1%82%D0%BD%D1%8B%D0%B9-%D1%81%D0%BD%D0%B8%D0%BF%D0%BF%D0%B5%D1%82-%D0%B2-%D0%93%D1%83%D0%B3%D0%BB%D0%B5.jpg' align="center" width="100%" loading=lazy> Совершенно другая ситуация в тех случаях, когда вместо стандартного сниппета появляется расширенный. <img src='https://i0.wp.com/blog-craft.ru/wp-content/uploads/2013/09/3.-%D0%A0%D0%B0%D1%81%D1%88%D0%B8%D1%80%D0%B5%D0%BD%D0%BD%D1%8B%D0%B9-%D1%81%D0%BD%D0%B8%D0%BF%D0%BF%D0%B5%D1%82.jpg' align="center" width="100%" loading=lazy> Согласитесь, всего одна составляющая расширенного сниппета – быстрые ссылки, о которых пойдет речь ниже – в корне меняет «привлекательность» сайта в лучшую сторону. Пользователь, увидев в поисковой системе такой расширенный сниппет среди стандартных, скорее всего, кликнет именно по расширенному. И сайт получит еще одного посетителя. Таким образом, главное достоинство расширенных сниппетов очевидно – они привлекают внимание интернет-пользователей, благодаря чему . Расширенный сниппет в гугле может содержать следующие дополнительные данные о сайте: <ul><li>быстрые ссылки на основные разделы ресурса;</li> <li>рейтинг популярности статьи;</li> <li>фотографию автора статьи.</li> </ul>Благодаря всему вышеперечисленному расширенный сниппет обладает рядом достоинств. <ol><li>Повышается доверие пользователей к сайту . Это происходит, как правило, благодаря размещенной рядом с записью фотографии автора. Люди больше доверяют веб-ресурсу, если «знают в лицо» автора его статей. Кроме того, фотография привлекает внимание, хотя, возможно, в некоторых случаях это может повредить сайту (слишком молодой автор, скандальная репутация, «не та» национальная принадлежность, «не тот» пол и т.д.).</li> <li>Растет приток посетителей . Расширенный сниппет выгодно выделяется на фоне стандартных, привлекая к себе внимание. Благодаря этому больше людей нажимают на него, попадая на сайт.</li> <li>Улучшаются поведенческие факторы . Чем выше «кликабельность» (отношение количества переходов на сайт к общему числу его показов), тем лучше для веб-ресурса. Рост этого поведенческого фактора со временем может привести к улучшению позиций сайта в Гугле, что опять же положительно скажется на посещаемости.</li> <li>Решается вопрос с авторством статьи . Очень часто статьи перепечатываются или вообще нагло воруются и размещаются на других ресурсах. А на этапе формирования расширенного сниппета, вебмастер будет указывать автора статей сайта, защищая свой ресурс от краж контента.</li> </ol><h2>2. Как сформировать расширенный сниппет </h2> К сожалению, невозможно в один расширенный сниппет вместить все возможные дополнительные данные о сайте, которые были перечислены ранее. Поэтому каждый элемент (и способ его формирования) будет описан отдельно. <h3> </h3> Быстрые ссылки на основные разделы сайта формируются автоматически, и вебмастер напрямую не может повлиять на этот процесс. Однако можно выполнить ряд профилактических работ на сайте, которые повысят шанс формирования быстрых ссылок в Гугле. <img src='https://i0.wp.com/blog-craft.ru/wp-content/uploads/2013/09/4.-%D0%91%D1%8B%D1%81%D1%82%D1%80%D1%8B%D0%B5-%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D0%B8-%D0%B2-%D0%93%D1%83%D0%B3%D0%BB%D0%B5.jpg' align="center" width="100%" loading=lazy> Итак, должны быть выполнены следующие условия, чтобы получить быстрые ссылки: <ul><li>сайт хорошо индексируется гуглом, в индексе большое число страниц (ориентировочно – не менее 500-1000);</li> <li>с момента первой индексации сайта гуглом прошло достаточно много времени (ориентировочно – не менее 1 года);</li> <li>анкоры ссылок должны быть короткими;</li> <li>крайне полезно, если страница посещаема, популярна, имеет внешние ссылки с соц. сетей и других веб-сайтов, рекомендуется с помощью и т.д.;</li> <li>страница, на которую ведут быстрые ссылки, должна быть релевантной поисковому запросу, по которому она будет ранжироваться в Гугле.</li> </ul>Так как быстрые ссылки формируются роботом, возможны ошибки. Для этого предусмотрен механизм понижения рейтинга ссылки. Пониженная ссылка оказывается менее приоритетной, и ее место занимают другие быстрые ссылки. Подробнее об этом можно почитать в . <h3>2.2 Рейтинг популярности статьи </h3> Помимо быстрых ссылок также неплохо установить на страницу рейтинг популярности. Это можно сделать, воспользовавшись плагинами или скриптами. Такие плагины позволяют читателям сайта выставлять оценки отдельным статьям сайта. На основе этих оценок и формируется рейтинг популярности записи, который в дальнейшем может попасть в выдачу гугла. <img src='https://i2.wp.com/blog-craft.ru/wp-content/uploads/2013/09/5.-%D0%A0%D0%B5%D0%B9%D1%82%D0%B8%D0%BD%D0%B3-%D0%BF%D0%BE%D0%BF%D1%83%D0%BB%D1%8F%D1%80%D0%BD%D0%BE%D1%81%D1%82%D0%B8-%D1%81%D1%82%D0%B0%D1%82%D1%8C%D0%B8-%D0%B2-%D0%B3%D1%83%D0%B3%D0%BB%D0%B5.jpg' align="center" width="100%" loading=lazy> На скрине выше показано, как выглядит такой рейтинг популярности. Он состоит из графического элемента – звездочек, а рядом отображается рейтинг и число проголосовавших людей. Для того чтобы получить в сниппете рейтинг популярности, необходимо установить специальный скрипт или плагин. Плагины могут называться по-разному, что зависит от того, на каком движке (CMS) работает ваш сайт. Я приведу два плагина для самого популярного блого-движка WordPress: Оба плагина аналогичны друг другу, устанавливаются достаточно просто, поэтому проблем с ними возникнуть не должно. <h3>2.3 Фотография автора </h3> Пожалуй, одна из самых важных частей расширенного сниппета – это фотография автора. Многие блогеры стремятся получить ее в сниппете. И сделать это можно для любого сайта, независимо от его тематики, срока жизни и «пузомерок» ( , PR и т.д.). <img src='https://i2.wp.com/blog-craft.ru/wp-content/uploads/2013/09/6.-%D0%A4%D0%BE%D1%82%D0%BE%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%B8-%D0%B0%D0%B2%D1%82%D0%BE%D1%80%D0%BE%D0%B2-%D1%80%D1%8F%D0%B4%D0%BE%D0%BC-%D1%81%D0%BE-%D1%81%D0%BD%D0%B8%D0%BF%D0%BF%D0%B5%D1%82%D0%BE%D0%BC.jpg' align="center" width="100%" loading=lazy> Помимо того, что фотография автора привлекает внимание пользователей к сниппету, это также подтверждает авторство статьи. Теперь запись не смогут безнаказанно своровать другие ресурсы. Но для этого сначала нужно доказать гуглу, что статья действительно принадлежит автору. Это еще называется Google Authorship (англ. авторство в гугл е ). И делается это следующим образом. Этап 1. Регистрация в Google+ Сначала необходимо зарегистрировать страничку автора в социальной сети «Гугл плюс». Перейти на нее можно по <a title="Регистрация в Гугл+" href="https://plus.google.com/" target="_blank" >этой ссылке</a> . <img src='https://i1.wp.com/blog-craft.ru/wp-content/uploads/2013/09/7.-%D0%A0%D0%B5%D0%B3%D0%B8%D1%81%D1%82%D1%80%D0%B0%D1%86%D0%B8%D1%8F-%D0%B0%D0%BA%D0%BA%D0%B0%D1%83%D0%BD%D1%82%D0%B0-%D0%B2-%D0%93%D1%83%D0%B3%D0%BB+.jpg' align="center" width="100%" loading=lazy> Регистрация достаточно простая, пошагово ее описывать смысла нет. У автора должна быть фотография. Крайне желательно, чтобы это была фотография человека, а не обычная аватарка. Если вместо реальной фотографии автора будет отображаться какое-то животное или какой-то предмет, то расширенный сниппет сформирован не будет! Теперь нужно связать веб-сайт с профилем автора в «Гугл+». Проще всего это сделать, сославшись со страниц сайта на профиль автора в «Гугл плюс». Для этого нужно использовать следующую конструкцию: <table><tr><td class="code"> <a href=”?rel=author”>Google</a> </td> </tr></table><a href=”?rel=author”>Google</a> Здесь необходимо вставить вместо адрес страницы автора в «Google+», который выглядит примерно так – https://plus.google.com/113664007696364348636. После этого вам нужно будет добавить в профиле «Google+» ссылку на сайт, это можно сделать . <img src='https://i2.wp.com/blog-craft.ru/wp-content/uploads/2013/09/8.-%D0%9F%D0%BE%D0%B4%D1%82%D0%B2%D0%B5%D1%80%D0%B6%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5-%D0%B0%D0%B2%D1%82%D0%BE%D1%80%D1%81%D1%82%D0%B2%D0%B0-%D0%B2-%D0%93%D1%83%D0%B3%D0%BB+.jpg' align="center" width="100%" loading=lazy> Связать веб-сайт с профилем автора в этой соц. сети можно и другим способом – завести электронную почту, содержащую домен сайта (например, example@сайт) и указать ее на <a title="Указать адрес почты на домене сайта" href="https://plus.google.com/authorship" target="_blank" >этой странице</a> . В заключении… Расширенный сниппет в гугле дает ряд преимуществ вебмастеру, в частности – это положительно сказывается на посещаемости раскручиваемого ресурса. Используйте все возможности для продвижения своего сайта – способствуйте формированию расширенных сниппетов в Гугле. 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 <a target="_blank" href="http://www.google.com/accounts/TOS">Terms of Service</a> .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 . <body itemscope itemtype="http://schema.org/Product"> <h1 itemprop="name">Shiny Trinket</h1> <img src='https://i1.wp.com/{image-url}' loading=lazy> Shiny trinkets are shiny. </body> Tip: Google also uses schema.org microdata to generate rich snippets in search. See the <a target="_blank" href="http://www.google.com/support/webmasters/bin/answer.py?answer=1211158"> schema.org FAQ</a> 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. <meta property="og:title" content="..." /> <meta property="og:image" content="..." /> <meta property="og:description" content="..." /> 3. Title and meta "description" tags If the page"s <head> element contains <title> and <meta name="description" ... /> tags, the +Snippet uses the title and the content attribute of the description meta tag for the snippet description. For the thumbnail image, the sharebox attempts to find a suitable image on the page. <title>... 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.

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

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

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

Frequently Asked Questions

Лучшие статьи по теме