Расширенные сниппеты — Яндекс и 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
С этим процессом у Google немного проще, чем у Yandex. Первый берет данные из Title и Description. Стоит отметить, при отсутствии обоих тегов, Google будет вытягивать из контента наиболее релевантный фрагмент текста. Он будет так же игнорировать указанные теги, в случае их нерелевантности к содержанию страницы.
То есть, создание сниппетов в Google предусматривает очень тщательное заполнение тегов Title и Description, чтобы они были релевантными.
Сниппет Google имеет ограничение в длине - 160 символов, символы для сниппетов в Yandex могут достигать 250 знаков.
Как сделать красивые сниппеты для Yandex
Для формирования сниппета, Yandex выдергивает некие цитаты или выводы из текста. Тут следует заполнить тег Description и его содержимое вставить в начало текста, чтобы была большая вероятность, что именно этот сниппет будет отображаться в выдаче.
Если вышеуказанная хитрость не сработала, нужно отыскать на странице сформированный Яндексом сниппет и поменять под себя (ключевые слова желательно не трогать). Это поможет заполучить желаемый сниппет.
То есть, для красивого сниппета в Яндексе необходимо работать с тегами и оптимизировать документ.
Как увеличить трафик на сайт, с помощью сниппетов
Увеличить трафик можно, добавив в сниппеты следующие элементы:
- Контакты
- очень удобно, когда посетитель, ознакомившись с предлагаемой услугой, захотел сделать немедленный заказ. Ему не нужно будет выискивать контактные данные на сайте.
- Быстрые
ссылки, по которым пользователь непосредственно из ПВ может сделать переход на страницу, максимально подходящую его запросу. Для этого необходимо внутреннюю структуру сайта сделать четкой, и поисковики сами сформируют быстрые ссылки.
- Навигационная цепочка или «Хлебные крошки»
. Это упрощает навигацию по сайту.
- Расширенные сниппеты
. Очень полезны для компаний разных сфер бизнеса, которые предлагают различные комплексы услуг. Они могут содержать не только текстовую информацию, но и видео или изображения.
Образец №1
Образец №2
- Использование фавикона
- значка веб-страницы (актуально для Яндекса). Он увеличит узнаваемость, запоминаемость и кликабельность веб-ресурса.
- Ссылки на социальные профили
сделают ваш сайт намного привлекательнее среди конкурентов в поисковой выдаче (на сегодняшний день оба поисковика не используют ссылки на соц. профили, но возможно они к ним вернутся).
- Специальные символы
также ранее привлекали внимание пользователей, но, на сколько мне известно, они также теперь не используются.
Итог
Оптимизация сниппета значительно повысит кликабельность, увеличит трафик, конверсию и улучшит поведенческие факторы, что приведет к росту позиций сайта. Большая ошибка вебмастеров игнорировать данный факт.
Обнаружили в тексте грамматическую ошибку? Пожалуйста, сообщите об этом администратору: выделите текст и нажмите сочетание горячих клавиш Ctrl+Enter
Безусловно, если ваш сайт находится по какому-то запросу на первой странице выдачи поисковой системы – это хорошо. К этому нужно стремиться, это будет решающим фактором в популярности вашего проекта, и от этого будет зависеть ваша прибыль (если проект коммерческий). Но, следует заметить, что трафик на первую позицию в поиске и на 10-ю это разные вещи. Существует много статистических исследований, которые дают примерные проценты распределения трафика по позициям. Точные данные вы сможете найди где-то в другом месте. Ясно одно: чем дальше от первой позиции – тем меньше трафик. Десятая позиция в Google потенциально может дать примерно 10% от всех посетителей набравших этот запрос. И это при том, что она более кликабельная, чем 9-я (потому, что крайняя снизу).
Немного теории
Логическим завершением любого поискового запроса, сделанного человеком, должен быть переход на сайт, где есть именно то, что человек искал. После нахождения такого сайта, человек испытывает моральное удовлетворение и прекращает поиск. По-этому, если на первой странице выдачи выше вашего сайта есть много качественных и профессионально сделанных проектов – то вам стоит надеяться только на чудо. Выход один – делать качественный сайт. Но, есть все-таки один момент, который может дать немного преимущества – нужно заставить человеческий глаз сфокусироваться именно на описании вашего сайта в результатах выдачи. Я не буду затрагивать тему о том, что нужно создавать информативные сниппеты, чтобы в них был намек на то, что сайт содержит именно то, что нужно. Это все понятно. Давайте представим, что все 10 сайтов из выдачи имеют качественные информативные сниппеты. Что в этом случае можно сделать, чтобы привлечь больше внимания?
Как повысить CTR сайта в поисковой выдаче Google?
Выход есть. Чтобы увеличить кликабельность сниппета (CTR – clickthrough rate), нужно как-то визуально выделить ваш сайт в результатах поиска Google от остальных. Человек всегда будет обращать внимание на отличия в общей однородной массе. Текст описаний сайтов (сниппет) – это и есть масса, масса текста. Если не фокусироваться на каких-то отдельных словах, а смотреть как-бы сквозь текст, за него, то ничего особенного в глаза не бросается. Чтобы текст сниппета бросался в глаза нужно делать либо сгустки пикселей в какой-то части, либо делать пустое пространство, либо делать вертикальные расчески (несколько одинаковых строк текста одна под другой).
Почему сниппеты для Google, спросите вы?
Он самый предсказуемый в плане отображение сниппетов. Только Google будет отображать то, что я ему укажу. На самом деле, любой владелец сайта должен иметь возможность сам выбирать, как будет выглядеть его описание в выдаче, а не так, как захочет Yandex .
Как же Google формирует сниппет сайта?
В формировании описания сайта в результатах выдачи принимают участие: тэг
, <meta name=”description”>, содержимое параметра alt=”” первой картинки в html коде, текст внутренних и внешних ссылок, описание сайта в каталоге Dmoz, или просто текст со страницы сайта. Также, в последнее время появилось много возможностей выделить свой сайт с помощью микроформатов для расширенных сниппетов Google. Но, это уже тема для другой статьи. Возможно, я все-таки найду в себе силы и реализую давно задуманный проект по созданию сниппетов для Google, и всему, что с этим связано.</p>
<p>Если не пустой <b><title>
</b> – первая строка сниппета формируется из него. Если <b><title>
</b> пустой – то Google может выбрать текст первой ссылки, которая содержит набранное ключевое слово, если таких нет, то текст самой первой ссылки в html-коде или часть основного текста.</p>
<p>Две другие строки сниппета (иногда три) формируются так, чтобы содержать текст, релевантный поисковому запросу. Если <b><meta name=”description”>
</b> не пустой и релевантен запросу, то описание сайта берется из него. Есть определенный максимальный размер <b>description
</b>, если текста в нем мало, то Google заполняет свободное место релевантными кусками из текста. Если <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”> не пустой, релевантный запросу, не короткий
</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-й странице результатов Google равен примерно 12%. Это данные Google 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 в том месте, где прописывается внутренний раздел сайта, просто дописать так называемую “хеш-ссылку” к главной странице /#hash. Где hash – это id какого-нибудь элемента на вашей странице.</p>
<p>Также, стоит заметить, что Google уже обратил внимание на такие сниппеты. Если раньше можно было использовать такие приколы как ▀▄▀▄▀ или ████ ☑, то сейчас многие из таких символов уже запрещены к показу возле URL. Или же они показываются только в региональных выдачах, а в google.com не работают (или работают, но хлебные крошки должны быть короткими и начинаться с буквы).</p>
<p><img src='https://i1.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>Не забудьте понажимать на социальные кнопки, если вам понравилась статья
</p>
<p>Привет. Сегодня буду показывать еще один способ, как можно увеличить количество переходов на сайт, но уже из поисковой системы Google. В прошлый раз была затронута тема по созданию , а сегодня на очереди всеми любимый дядя Гугл.</p>
<p>Вот я в два раза чаще кликаю по сайтам, у которых в выдаче Google отображается аватарка вебмастера, есть рейтинг звезд или быстрые ссылки, а также много других примочек, которые позволяет делать расширенная разметка поисковика.<br><br>
Перед прочтением этой статьи не поленитесь вернуться к посту « » и прочитать этот материал, где я рассказал основы правильного составления описания к проектам, благодаря которому можно увеличить число кликов по сайту в ТОП выдаче.</p>
<h2>Как выглядит сниппет в Google</h2>
<p>Думаю для вас не секрет, что поисковики сами формируют сниппет для сайтов и если вебмастер ничего не будет предпринимать, то сниппет сайта будет представлен в виде микро разметки, то есть в привычном для всех виде.</p>
<p><img src='https://i2.wp.com/seoslim.ru/wp-content/uploads/2014/03/standartnyj-snippet-v-google.jpg' align="center" width="100%" loading=lazy></p>
<p>Как видите, Google немного упростил отображение площадок в выдаче, если сравнивать с тем же Яндексом, ограничившись только:</p>
<p>Согласитесь, что такое отображение сайта выглядит как-то уныло и блекло. Здесь очень сложно как-то повлиять на увеличение кликабельности по сайту, разве что придумывать цепляющий заголовок и описание страницы, не забывая при этом про релевантность искомого запроса.</p>
<p><img src='https://i1.wp.com/seoslim.ru/wp-content/uploads/2014/03/rasshirennyj-snippet-v-google1.jpg' align="center" width="100%" loading=lazy></p>
<p><img src='https://i1.wp.com/seoslim.ru/wp-content/uploads/2014/03/rasshirennyj-snippet-v-google2.jpg' align="center" width="100%" loading=lazy></p>
<p><img src='https://i0.wp.com/seoslim.ru/wp-content/uploads/2014/03/rasshirennyj-snippet-v-google3.jpg' align="center" width="100%" loading=lazy></p>
<p>Расширенная разметка может содержать следующие данные:</p>
<p>Как видно на скринах расширенное отображение страниц обладает рядом полезностей. Позволяет лучше понять, что находится на страницах сайте, не переходя на него.</p>
<p>Упрощает поиск информации пользователям, а благодаря графике, сайты становятся более заметными на фоне других, что увеличивает число переходов по ним.</p>
<h2>Как расширить описание сайтов в Google всех тематик</h2>
<p>Перед тем как мы с вами отправимся во все тяжкие, хочу, чтобы вы понимали следующее: расширенный сниппет выводится на основе структурированной схемы разметки данных.</p>
<p>Проще говоря, чтобы поисковик понял, что ему надо выводить на вашей странице в своей выдаче, вам надо сначала разметить свою страницу с помощью определенного перечня команд, используя для этого форматы: <span>микроформа
</span>, <span>микроданные
</span> или <span>RDFa
</span>.</p>
<p>Для того чтобы как-то это дело упростить поисковые системы <i>Google, Bing, Яндекс и Yahoo
</i> договорились между собой о едином формате, который работает в <b>Schema.org
</b>, используя схему микроданных.</p>
<blockquote>
<p>Schema.org
</span> - это сайт, где содержатся все HTML-теги предназначенные для разметки страниц сайтов теми способами, которые признали крупнейшие поисковые системы.</p>
</blockquote>
<p>Если честно, то даже для меня пока туговато доходит, как правильно размечать данные на странице. Вот уже, какой месяц пытаюсь вывести в поиске Гугла к каждой записи рейтинг звезд.</p>
<p>Однако пока самый мощный поисковик не хочет их подхватывать с моих страниц, хотя показывает, что все размечено у меня правильно.</p>
<p>Остается только ждать, о результатах напишу, так что не пропустите новые статьи, будет интересно.</p>
<p>В сниппет может попасть информация о предстоящих мероприятиях, времени и местах их проведения, что позволит посетителям лучше ориентироваться в выдаче и переходить на такие сайты.</p>
<p><img src='https://i1.wp.com/seoslim.ru/wp-content/uploads/2014/03/meropriyatiya.jpg' align="center" width="100%" loading=lazy></p>
<p>Как сделать такую разметку в теле страницы, читаем из <span>руководства
</span> Google.</p>
<p>Данную разметку лучше выводить для компаний и организаций (отели, гостиницы, рестораны или развлекательные центры). Для определенной организации можно указать различные свойства: телефон, адрес, название и др.</p>
<p><img src='https://i1.wp.com/seoslim.ru/wp-content/uploads/2014/03/organizacii.jpg' align="center" width="100%" loading=lazy></p>
<p>Подробнее о том, как расширить сниппет для таких данных, читаем из <span>руководства
</span> Google.</p>
<p>Если у вас можно оценить каждую статьи, например с помощью рейтинга звезд, и если вы этот рейтинг разметите с помощью предложенных способов от Гугла, тогда в выдаче будете наблюдать следующую картину.</p>
<p><img src='https://i1.wp.com/seoslim.ru/wp-content/uploads/2014/03/ocenki-v-otzyvax.jpg' align="center" width="100%" loading=lazy></p>
<p>Я считаю, что на сайты со звездами больше всего приходится кликов, уже очень сильно они привлекают внимание посетителя, выделяя площадку на фоне других. Как такие звездочки внести в сниппет читаем из <span>руководства
</span> Google.</p>
<p>Если вы владелиц кулинарного сайта, тогда расширить сниппет по методу «Рецепты» будет очень кстати. Если я хочу найти рецепт нужного мне блюда, то в основном делаю переходы только по сайтам с картинкой того самого блюда.</p>
<p><img src='https://i2.wp.com/seoslim.ru/wp-content/uploads/2014/03/recepty.jpg' align="center" width="100%" loading=lazy></p>
<p>Если вы тоже хотите показывать такие картинки посетителям в выдаче, тогда читаем <span>руководство
</span> Google.</p>
<p>К элементам навигации относятся дополнительные ссылки на другие страницы сайта или другими словами — быстрые ссылки.</p>
<p><img src='https://i0.wp.com/seoslim.ru/wp-content/uploads/2014/03/elementy-navigacii.jpg' align="center" width="100%" loading=lazy></p>
<p>Как такую навигацию создать узнаете из <span>руководства
</span> от Google.</p>
<p>Наконец-то мы подошли к самому распространенному формату расширенного сниппета, который позволяет узнать больше о владельце площадки.</p>
<p><img src='https://i1.wp.com/seoslim.ru/wp-content/uploads/2014/03/lyudi.jpg' align="center" width="100%" loading=lazy></p>
<p>Кроме предложенного способа разметить страницу, используя структурированные данные из <span>руководства
</span> от Google большинство вебмастеров, в том числе и я идем более понятным для нас путем.</p>
<p>Достаточно связать свой профиль из <b>Google+
</b> с содержимым страницы, и в результате в выдаче появится ваша фотография. Более подробно о том, как подтвердить авторство я рассказывал в статье « ».</p>
<p>Если на страницах сайта есть информация о песнях, то Гугл может отображать в сниппете ссылки на эти композиции. Очень удобно переходить к искомой музыке.</p>
<p><img src='https://i2.wp.com/seoslim.ru/wp-content/uploads/2014/03/muzyka.jpg' align="center" width="100%" loading=lazy></p>
<p>Как это реализовать на своем сайте, читаем из <span>руководства
</span> Google.</p>
<p>Если вы владелец интернет-магазина, тогда у вас есть отличная возможность увеличить продажи товаров. Для этого нужно указать Google, какие параметры товаров (цена, наличие, отзывы и др.) выводить в расширенном описании страниц.</p>
<p><img src='https://i1.wp.com/seoslim.ru/wp-content/uploads/2014/03/tovary.jpg' align="center" width="100%" loading=lazy></p>
<p>Как правильно настроить сниппет для товаров, читаем из <span>руководства
</span> Google.</p>
<p>Если у вас на страницах есть видео материалы, то можно настроить разметку в Google таким образом, чтобы он отображал его в своей выдаче. Очень актуально для сайтов, которые имеют преимущественно видео контент: фильмы, сериалы, ролики и др.</p>
<p><img src='https://i1.wp.com/seoslim.ru/wp-content/uploads/2014/03/video.jpg' align="center" width="100%" loading=lazy></p>
<p>Как настроить расширенный сниппет, читаем из <span>руководства
</span> Google.</p>
<p>Уверен, что многие вообще не поняли, что и как надо делать с этими микроданными, микроформатами и RDFa. Если очень сложно тогда можно обратиться к программистам или пытаться разбираться дальше самостоятельно, благо информации в сети хватает.</p>
<p>В любом случае, чтобы убедиться, что вы все сделали правильно, можно проверить, как отображаются структурированные данные страницы в панели Google Вебмастер по <span>этой ссылке
</span>.</p>
<p><img src='https://i2.wp.com/seoslim.ru/wp-content/uploads/2014/03/instrument-proverki-strukturirovannyx-dannyx.jpg' align="center" width="100%" loading=lazy></p>
<h2>Преимущества расширенного сниппета</h2>
<p><b>Первое
. Улучшает доверие посетителей к сайту
</b>. Это происходит в основном за счет того, что в описке рядом с описанием сайта отображается фото автора. Чаще всего люди кликают на узнаваемы им сайты.</p>
<p><b>Второе
. Подсказка для ПС
</b>. Размечая страницу, вебмастер помогает поисковику лучше распознавать, что отображено на страницах его площадки.</p>
<p><b>Третье
. Большой объем информации
</b>. Чтобы посетителю больше узнать о странице, благодаря расширенному сниппету ему не обязательно ее посещать, так как в нем содержатся все интересующие его факторы.</p>
<p><b>Четвертое
. Улучшаются поведенческие факторы
</b>. Если будет большой показатель кликабельности площадки в выдаче, то есть отношение кликов по ссылке сайта к числу его показов, тем велика вероятность, что поисковик такую страницу будет ранжировать выше других.</p>
<p>В заключение статьи хотелось бы еще раз напомнить, что все вышеописанные действия не дадут вам 100% гарантии отображения сниппета Google, так как вы хотите.</p>
<p>Запомните, что вы только помогаете ему сформировать сниппет, а вот как он его будет формировать, уже зависит только от него. Всем пока!</p>
<script type="text/javascript">
<!--
var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//-->
</script><br>
<br>
<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>
<div class="single-popular">
<div class="single-popular-tit col-lg-12">
Популярное в рубрике:
</div>
<div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6">
<div class="single-popular-item-wrp">
<img width="150" height="120" src="/uploads/5be8b76667696c4cd63a8c38979b50af.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Как объединить слои в фотошопе в один или соединить их в группу Как объединить несколько слоев в фотошоп"/ loading=lazy>
<div class="single-popular-item-tit">
Как объединить слои в фотошопе в один или соединить их в группу... </div>
<a href="/settings/sposoby-obedineniya-sloev-v-fotoshope-kak-obedinit-sloi-v-fotoshope-v.html" rel="bookmark" title="Как объединить слои в фотошопе в один или соединить их в группу Как объединить несколько слоев в фотошоп">читать</a>
<div class="clr">
</div>
</div>
</div>
<div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6">
<div class="single-popular-item-wrp">
<img width="150" height="120" src="/uploads/33b72e60e1d3066a9663f391221dc014.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Перенос контактов на новый телефон android"/ loading=lazy>
<div class="single-popular-item-tit">
Перенос контактов на новый телефон android </div>
<a href="/phone/perenos-kontaktov-na-novyi-telefon-android-android-prilozheniya.html" rel="bookmark" title="Перенос контактов на новый телефон android">читать</a>
<div class="clr">
</div>
</div>
</div>
<div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6">
<div class="single-popular-item-wrp">
<img width="150" height="120" src="/uploads/ff504b14456f4702a94368a161811b1d.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Самсунг Галакси перезагружается сам по себе — Решения Galaxy note 4 перезагружается сам по себе"/ loading=lazy>
<div class="single-popular-item-tit">
Самсунг Галакси перезагружается сам по себе — Решения Galaxy note... </div>
<a href="/internet/esli-xiaomi-postoyanno-perezagruzhaetsya-samsung-galaksi-perezagruzhaetsya-sam-po.html" rel="bookmark" title="Самсунг Галакси перезагружается сам по себе — Решения Galaxy note 4 перезагружается сам по себе">читать</a>
<div class="clr">
</div>
</div>
</div>
<div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6">
<div class="single-popular-item-wrp">
<img width="150" height="120" src="/uploads/242e09224609f2b7cbd6b5b9f2adc411.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Основные возможности Kaspersky Rescue Disk"/ loading=lazy>
<div class="single-popular-item-tit">
Основные возможности Kaspersky Rescue Disk </div>
<a href="/rates/skachat-zagruzochnyi-disk-kasperskogo-osnovnye-vozmozhnosti-kaspersky-rescue.html" rel="bookmark" title="Основные возможности Kaspersky Rescue Disk">читать</a>
<div class="clr">
</div>
</div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="sidebar col-lg-3 col-md-4 col-sm-12">
<div class="sidebar-wrp">
<div class="sidebar-wrp-title">Последние Статьи</div>
<div class="sidebar-wrp-des">
<div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6">
<div class="last-post-img">
<img width="60" height="48" src="/uploads/d93303aadea847492ee52538b585df87.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy> </div>
<div class="last-post-tit">Макбук не подключается к wifi Макбук не видит...</div>
<div class="clr"></div>
<a href="/phone/macbook-ne-podklyuchaetsya-k-wifi-avtomaticheski-makbuk-ne-podklyuchaetsya-k-wifi-makbuk-ne-vidit-vai-fai.html">читать</a>
</div>
<div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6">
<div class="last-post-img">
<img width="60" height="48" src="/uploads/094fe0c598853f299be65e8611b45d60.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy> </div>
<div class="last-post-tit">Как заработать на WebMoney</div>
<div class="clr"></div>
<a href="/internet/kak-zarabotat-rubli-na-webmoney-kak-zarabotat-na-webmoney-proverennye.html">читать</a>
</div>
<div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6">
<div class="last-post-img">
<img width="60" height="48" src="/uploads/280d369c9d1e343119c3d855af4b9c4d.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy> </div>
<div class="last-post-tit">"Супра", планшет: отзывы покупателей</div>
<div class="clr"></div>
<a href="/rates/planshet-podelka-est-takoi-supra-firma-supra-planshet-otzyvy-pokupatelei-plyusy-i-minusy.html">читать</a>
</div>
<div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6">
<div class="last-post-img">
<img width="60" height="48" src="/uploads/b1724f08fa52145089eaa72f836127ee.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy> </div>
<div class="last-post-tit">Местонахождения судов в реальном времени</div>
<div class="clr"></div>
<a href="/settings/voennye-korabli-v-realnom-vremeni-onlain-mestonahozhdeniya-sudov-v.html">читать</a>
</div>
<div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6">
<div class="last-post-img">
<img width="60" height="48" src="/uploads/534951a61241c179a7c060b9fe1143c8.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy> </div>
<div class="last-post-tit">Лучшие программы для Android Запись звонков от...</div>
<div class="clr"></div>
<a href="/rates/prilozheniya-dlya-android-obuchayushchie-programmy-dlya-detei-luchshie.html">читать</a>
</div>
<div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6">
<div class="last-post-img">
<img width="60" height="48" src="/uploads/e280b0808c5e749938522ba1df2a41ec.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy> </div>
<div class="last-post-tit">Удаляем не читателей в Твиттере</div>
<div class="clr"></div>
<a href="/services/kak-udalit-ne-vzaimnyh-chitatelei-v-twitter-udalyaem-ne-chitatelei-v.html">читать</a>
</div>
<div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6">
<div class="last-post-img">
<img width="60" height="48" src="/uploads/229610355b0a27a465c73ddb25664556.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy> </div>
<div class="last-post-tit">Подключаем интернет на ноутбуке: все возможные...</div>
<div class="clr"></div>
<a href="/phone/kak-vklyuchit-internet-na-kompyutere-ispolzuya-mobilnyi-telefon.html">читать</a>
</div>
<div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6">
<div class="last-post-img">
<img width="60" height="48" src="/uploads/5399be52c80b405fedf00779a6136b42.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy> </div>
<div class="last-post-tit">Samsung Galaxy S IV – новый флагман...</div>
<div class="clr"></div>
<a href="/phone/samsung-galaxy-s4-vtoroi-vzglyad-samsung-galaxy-s-iv-novyi-flagman-galakticheskogo-masshtaba-galak.html">читать</a>
</div>
<div class="clr"></div>
</div>
</div>
<div id="text-4" class="widget widget_text sidebar-wrp"> <div class="textwidget">
</div>
</div>
<div id="ketena1" style="height:500px;width:260px;" align="center"></div>
<div class="clr"></div>
</div>
</div>
</div>
</div>
<div id="footer">
<div class="container">
<div class="row">
<div class="footer-contacts col-lg-6 col-md-6 col-sm-12 col-xs-12">
<img src="/logo/logo.png" loading=lazy>
<div class="footer-contacts-tit">innovakon.ru<br>Мобильные телефоны и связь</div>
<div class="footer-soc">
<div class="footer-soc-wrp">
<div class="soc_w">
<a href="#" class="soc-link vk" target="_blank"></a>
<a href="#" class="soc-link fb" target="_blank"></a>
</div>
</div>
</div>
</div>
<div class="footer-links col-lg-4 col-md-6 col-sm-12 col-xs-12">
</div>
<div class="footer-links col-lg-4 col-md-4 col-sm-4 col-xs-4" style="display: block;">
<ul>
<li><a href="">Редакция проекта</a></li>
<li><a href="">Реклама на сайте</a></li>
</ul>
<ul>
<li><a href="/feedback.html">Контакты</a></li>
<li><a href="/sitemap.xml">Карта сайта</a></li>
</ul>
</div>
</div>
</div>
<div class="copyright">© 2024 Мобильные телефоны и связь</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://innovakon.ru/wp-content/themes/trudinsp/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://innovakon.ru/wp-content/themes/trudinsp/js/SmoothScroll.js"></script>
<a id="scroll-to-top" href="#" title="Scroll to Top">Top</a>
<script type='text/javascript' src='https://innovakon.ru/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script>
<script type='text/javascript' src='https://innovakon.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.4.1'></script>
<script type='text/javascript' src='https://innovakon.ru/wp-content/plugins/jquery-smooth-scroll/js/jss-script.min.js?ver=4.8.3'></script>
<script type='text/javascript' src='https://innovakon.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script>
<script type='text/javascript' src='/wp-includes/js/jquery/ui/effect.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='/wp-includes/js/jquery/ui/effect-blind.min.js?ver=1.11.4'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var stbUserOptions = { "mode":"css","cssOptions":{ "roundedCorners":false,"mbottom":20,"imgHide":"http:\/\/innovakon.ru\/wp-content\/plugins\/wp-special-textboxes\/themes\/stb-metro\/minus.png","imgShow":"http:\/\/innovakon.ru\/wp-content\/plugins\/wp-special-textboxes\/themes\/stb-metro\/plus.png","strHide":"\u0421\u043a\u0440\u044b\u0442\u044c","strShow":"\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c"} };
/* ]]> */
</script>
<script type='text/javascript' src='https://innovakon.ru/wp-content/plugins/wp-special-textboxes/js/wstb.min.js?ver=5.5.101'></script>
<script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.8.3'></script>
<script type="text/javascript" id="slb_context">/* <![CDATA[ */if ( !!window.jQuery ) { (function($){ $(document).ready(function(){ if ( !!window.SLB ) { { $.extend(SLB, { "context":["public","user_guest"]} );} } })} )(jQuery);} /* ]]> */</script>
</body>
</html> 