Советы

Как работает выдача Google: создаем эффективный сниппет.

 Как работает выдача Google: создаем эффективный сниппет.

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

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

Увидеть, как выглядит стандартный сниппет в Гугле, можно ниже.

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

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

Расширенный сниппет в гугле может содержать следующие дополнительные данные о сайте:

  • быстрые ссылки на основные разделы ресурса;
  • рейтинг популярности статьи;
  • фотографию автора статьи.

Благодаря всему вышеперечисленному расширенный сниппет обладает рядом достоинств.

  1. Повышается доверие пользователей к сайту . Это происходит, как правило, благодаря размещенной рядом с записью фотографии автора. Люди больше доверяют веб-ресурсу, если «знают в лицо» автора его статей. Кроме того, фотография привлекает внимание, хотя, возможно, в некоторых случаях это может повредить сайту (слишком молодой автор, скандальная репутация, «не та» национальная принадлежность, «не тот» пол и т.д.).
  2. Растет приток посетителей . Расширенный сниппет выгодно выделяется на фоне стандартных, привлекая к себе внимание. Благодаря этому больше людей нажимают на него, попадая на сайт.
  3. Улучшаются поведенческие факторы . Чем выше «кликабельность» (отношение количества переходов на сайт к общему числу его показов), тем лучше для веб-ресурса. Рост этого поведенческого фактора со временем может привести к улучшению позиций сайта в Гугле, что опять же положительно скажется на посещаемости.
  4. Решается вопрос с авторством статьи . Очень часто статьи перепечатываются или вообще нагло воруются и размещаются на других ресурсах. А на этапе формирования расширенного сниппета, вебмастер будет указывать автора статей сайта, защищая свой ресурс от краж контента.

2. Как сформировать расширенный сниппет

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

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

Итак, должны быть выполнены следующие условия, чтобы получить быстрые ссылки:

  • сайт хорошо индексируется гуглом, в индексе большое число страниц (ориентировочно – не менее 500-1000);
  • с момента первой индексации сайта гуглом прошло достаточно много времени (ориентировочно – не менее 1 года);
  • анкоры ссылок должны быть короткими;
  • крайне полезно, если страница посещаема, популярна, имеет внешние ссылки с соц. сетей и других веб-сайтов, рекомендуется с помощью и т.д.;
  • страница, на которую ведут быстрые ссылки, должна быть релевантной поисковому запросу, по которому она будет ранжироваться в Гугле.

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

2.2 Рейтинг популярности статьи

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

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

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

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

2.3 Фотография автора

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

Помимо того, что фотография автора привлекает внимание пользователей к сниппету, это также подтверждает авторство статьи. Теперь запись не смогут безнаказанно своровать другие ресурсы. Но для этого сначала нужно доказать гуглу, что статья действительно принадлежит автору. Это еще называется Google Authorship (англ. авторство в гугл е ). И делается это следующим образом.

Этап 1. Регистрация в Google+

Сначала необходимо зарегистрировать страничку автора в социальной сети «Гугл плюс». Перейти на нее можно по этой ссылке .

Регистрация достаточно простая, пошагово ее описывать смысла нет.

У автора должна быть фотография. Крайне желательно, чтобы это была фотография человека, а не обычная аватарка. Если вместо реальной фотографии автора будет отображаться какое-то животное или какой-то предмет, то расширенный сниппет сформирован не будет!

Теперь нужно связать веб-сайт с профилем автора в «Гугл+».

Проще всего это сделать, сославшись со страниц сайта на профиль автора в «Гугл плюс». Для этого нужно использовать следующую конструкцию:

Google

Google

Здесь необходимо вставить вместо адрес страницы автора в «Google+», который выглядит примерно так – https://plus.google.com/113664007696364348636.

После этого вам нужно будет добавить в профиле «Google+» ссылку на сайт, это можно сделать .

Связать веб-сайт с профилем автора в этой соц. сети можно и другим способом – завести электронную почту, содержащую домен сайта (например, example@сайт) и указать ее на этой странице .

В заключении…

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

Безусловно, если ваш сайт находится по какому-то запросу на первой странице выдачи поисковой системы – это хорошо. К этому нужно стремиться, это будет решающим фактором в популярности вашего проекта, и от этого будет зависеть ваша прибыль (если проект коммерческий). Но, следует заметить, что трафик на первую позицию в поиске и на 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://i0.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://i2.wp.com/saney.ru/images/snippets.gif' height="73" width="350" loading=lazy></p> <p>Еще одна фича, которая все-еще работает – это возможность прописать в Breadcrumb URL другого сайта (вместо ссылки на раздел сайта, не home page) . Тогда со сниппета Google можно будет переходить на другой сайт, если пользователь кликнет по такой ссылке, как ❺❺❺❺❺ в нашем примере. Это может быть использовано “черными оптимизаторами”, чтобы без ипользование редиректов направлять трафик из профилей форумов на свои сайты. Или же можно использовать в качестве другого url сервис bit.ly, чтобы узнать как пользователи кликают на сниппет.</p> <h2>Генератор сниппетов для Google</h2> <p><i>Данная статья была написана в 2008 году, после нескольких лет успешного применения описанных техник на практике. С тех пор многое изменилось, но основная идея осталась прежней. </i></p> <p>Не забудьте понажимать на социальные кнопки, если вам понравилась статья </p> <p>Сниппет - блок информации, отображаемый в результатах поисковой выдачи (ПВ). Именно через сниппеты пользователь знакомится с найденной страницей, не совершая перехода на нее.</p> <p>Красиво оформленный сниппет способен увеличить целевой трафик и конверсию.</p> <p>Несколько примеров красивого сниппета можно увидеть ниже.</p> <p>Сниппет в Яндексе:</p> <p><img src='https://i0.wp.com/stimylrosta.com.ua/images/kak-sdelat-krasivyj-snippet/snippet-v-yandekse.png' width="100%" loading=lazy></p> <p>Сниппет в Google:</p> <p><img src='https://i0.wp.com/stimylrosta.com.ua/images/kak-sdelat-krasivyj-snippet/snippet-v-google.png' width="100%" loading=lazy></p> <p>Он должен передавать краткое содержание документа, суть того, что предлагает сайт.</p> <h2>Как сделать красивые сниппеты для Google</h2> <p>С этим процессом у Google немного проще, чем у Yandex. Первый берет данные из Title и Description. Стоит отметить, при отсутствии обоих тегов, Google будет вытягивать из контента наиболее релевантный фрагмент текста. Он будет так же игнорировать указанные теги, в случае их нерелевантности к содержанию страницы.</p> <p>То есть, создание сниппетов в Google предусматривает очень тщательное заполнение тегов Title и Description, чтобы они были релевантными.</p> <p>Сниппет Google имеет ограничение в длине - 160 символов, символы для сниппетов в Yandex могут достигать 250 знаков.</p> <h2>Как сделать красивые сниппеты для Yandex</h2> <p>Для формирования сниппета, Yandex выдергивает некие цитаты или выводы из текста. Тут следует заполнить тег Description и его содержимое вставить в начало текста, чтобы была большая вероятность, что именно этот сниппет будет отображаться в выдаче.</p> <p>Если вышеуказанная хитрость не сработала, нужно отыскать на странице сформированный Яндексом сниппет и поменять под себя (ключевые слова желательно не трогать). Это поможет заполучить желаемый сниппет.</p> <p>То есть, для красивого сниппета в Яндексе необходимо работать с тегами и оптимизировать документ.</p> <h2>Как увеличить трафик на сайт, с помощью сниппетов</h2> <p>Увеличить трафик можно, добавив в сниппеты следующие элементы:</p> <p>- <b>Контакты </b> - очень удобно, когда посетитель, ознакомившись с предлагаемой услугой, захотел сделать немедленный заказ. Ему не нужно будет выискивать контактные данные на сайте.</p> <p><img src='https://i1.wp.com/stimylrosta.com.ua/images/kak-sdelat-krasivyj-snippet/krasivyj-snippet-kontakty.png' width="100%" loading=lazy></p> <p>- <b>Быстрые </b> ссылки, по которым пользователь непосредственно из ПВ может сделать переход на страницу, максимально подходящую его запросу. Для этого необходимо внутреннюю структуру сайта сделать четкой, и поисковики сами сформируют быстрые ссылки.</p> <p><img src='https://i2.wp.com/stimylrosta.com.ua/images/kak-sdelat-krasivyj-snippet/krasivyj-snippet-bystrye-ssylki.png' width="100%" loading=lazy></p> <p>- <b>Навигационная цепочка или «Хлебные крошки» </b>. Это упрощает навигацию по сайту.</p> <p><img src='https://i1.wp.com/stimylrosta.com.ua/images/kak-sdelat-krasivyj-snippet/krasivyj-snippet-khlebnye-kroshki.png' width="100%" loading=lazy></p> <p>- <b>Расширенные сниппеты </b>. Очень полезны для компаний разных сфер бизнеса, которые предлагают различные комплексы услуг. Они могут содержать не только текстовую информацию, но и видео или изображения.</p> <p>Образец №1</p> <p><img src='https://i2.wp.com/stimylrosta.com.ua/images/kak-sdelat-krasivyj-snippet/krasivyj-snippet-rasshirennyj.png' height="809" width="644" loading=lazy></p> <p>Образец №2</p> <p><img src='https://i2.wp.com/stimylrosta.com.ua/images/kak-sdelat-krasivyj-snippet/krasivyj-snippet-rasshirennyj-2.png' width="100%" loading=lazy></p> <p>- <b>Использование фавикона </b> - значка веб-страницы (актуально для Яндекса). Он увеличит узнаваемость, запоминаемость и кликабельность веб-ресурса.</p> <p><img src='https://i1.wp.com/stimylrosta.com.ua/images/kak-sdelat-krasivyj-snippet/krasivyj-snippet-favikon.png' width="100%" loading=lazy></p> <p>- <b>Ссылки на социальные профили </b> сделают ваш сайт намного привлекательнее среди конкурентов в поисковой выдаче (на сегодняшний день оба поисковика не используют ссылки на соц. профили, но возможно они к ним вернутся).</p> <p>- <b>Специальные символы </b> также ранее привлекали внимание пользователей, но, на сколько мне известно, они также теперь не используются.</p> <h3>Итог</h3> <p>Оптимизация сниппета значительно повысит кликабельность, увеличит трафик, конверсию и улучшит поведенческие факторы, что приведет к росту позиций сайта. Большая ошибка вебмастеров игнорировать данный факт.</p> <p>Обнаружили в тексте грамматическую ошибку? Пожалуйста, сообщите об этом администратору: выделите текст и нажмите сочетание горячих клавиш <b>Ctrl+Enter </b></p> <p><b>Сниппет </b> (англ. snippet - фрагмент, отрывок) – краткое описание страницы в поисковой выдаче, показывается непосредственно под тайтлом.</p> <p>В конце 2009 Google рассказал миру о начале применения расширенных сниппетов. Расширенные сниппеты получили широкое применение: авторы, рецепты приготовления пищи, автомобили, для предприятий, видеофильмов, музыки и т.д. Я хочу остановиться на создании расширенного сниппета для авторов, т.е. вывод вашей фотографии и ФИО рядом с описанием страницы. Вот так выглядит сниппет моего блога.</p> <p><img src='https://i1.wp.com/promotiger.ru/wp-content/uploads/2013/02/rich-snippet1.jpg' align="center" width="100%" loading=lazy></p> <p>Для создания расширенного сниппета вам потребуется аккаунт в Google+, без него никак. При создании аккаунта G+ обратите внимание на загружаемую фотографию для аватара, потому, что она будет показываться в ваших расширенных сниппетах. После удачного создания вашего профайла в G+ вам потребуется сообщить гуглу о своих статьях и записях в блоге. Делается это следующим образом:</p> <p>В левой части экрана нажимает кнопку «Профиль» > Далее сверху, возле вашей фотографии нажмите «Изменить профиль» > Потом внизу «Мои публикации» > и указываем URL вашего блога. Здесь же, чуть выше, надо обязательно указать адрес электронной почты в графе «Рабочие контакты» и телефон можно тоже указать, но не обязательно. После всего этого нажимаем кнопку «Готово», вверху над фотографией.</p> <p>Если у вас не гуглпочта, то потребуется подтверждение добавленного электронного адреса. На него отправят активационную ссылку. После всех этих манипуляций, напротив адреса электронной почты должна загореться галочка в кружочке.</p> <p>Следующим действием будет подтверждение ваших публикаций в блоге – авторство. Для этого можно воспользоваться двумя способами:</p> <ul><li>Первый способ: Установка на свой блог «Google+ знак для профилей » (откроется в новом окне). Там выбираете понравившуюся вам кнопку и, заменив в полученном коде «profiles.google.com» на ваш адрес профиля G+, установить ее на все страницы блога, что-то типа сквозной ссылки сделать. У меня на блоге это сделано простым текстовым виджетом установленном в сайдбаре возле счетчиков. Гугл особо не заморачивался с рекомендациями по установке, поэтому устанавливайте, как кому больше нравиться.</li> <li>Второй способ: Добавляем в файл «index.php» <a href=»?rel=author»>Google</a></li> </ul><p>Самое главное в этих способах — это «?rel=author», именно при помощи него Google и привязывает статью в блоге к профилю G+.</p> <p>Теперь остается проверить, правильно ли мы все сделали. Заходим в «<a target="_blank" title="Инструмент проверки расширенного сниппета" href="http://www.google.com/webmasters/tools/richsnippets">Инструмент проверки структурированных данных</a> » (откроется в новом окне), вводим урл и нажимаем кнопку посмотреть, если все ок, то ниже вы увидите фотографию вашего профиля в расширенном сниппете. Выглядеть все это должно примерно так:</p> <p><img src='https://i2.wp.com/promotiger.ru/wp-content/uploads/2013/02/Instrument-proverki-struktuirovannich-dannich.jpg' align="center" width="100%" loading=lazy></p> <p>Прокрутив немного вниз, к пункту «Код структурированных данных», надо глянуть, нет ли там ошибок. Обычно это ошибки микроразметки такого плана:</p> <p><b>Warning: Missing required field “entry-title” </b></p> <p><b>Warning: Missing required field “updated” </b></p> <p><b>Warning: Missing required hCard “author” </b></p> <p>Страшного ничего нет, немного погуглив нашел ответ в блоге уважаемого Дениса Черникова , большое ему спасибо. Итак:</p> <p>Редактируем любимый нами файл «index.php», скачиваем его через FTP на комп, открываем любым текстовым редактором и ищем следующий код:</p><p> <h2 class="title"></h2> </p><p>редактируем его следующим образом</p><p> <h2 class="title entry-title"></h2> </p><p> <span class="vcard author"><span class="fn"><?php the_author(); ?></span> <span class="updated"><?php the_date(); ?></p> </p><p>сохраняемся и заливаем по FTP исправленный «index.php» назад на сайт. Вот в принципе и все, что я хотел вам рассказать по созданию расширенного сниппета. Если что не получается, спрашиваем в комментариях или в . Не забываем нажимать социальные кнопочки))</p> <p>Для того, чтобы дать пользователю дополнительную информацию, ещё до посещения сайта в поисковой выдаче, такие системы, как Google и Яндекс, создали расширенные сниппеты. Они же помогают выделить более качественные сайты, которые готовы внедрять новшества и развиваться.</p> <p>Сами по себе они представляют собой результат поисковой выдачи, который был расширен благодаря одному из дополнений. У каждого поисковика существует собственные системы, а также свои правила для их подключения.</p> <p>Не иже будет представлена информация о всех возможных вариациях этих дополнений, а также способах их получения.</p> <p>В Яндексе на сегодняшний день существует огромное количество различных расширений для поисковой выдачи, чтобы пользователи могли получить максимум информации о сайте и выбрать из представленных вариантов максимально подходящий.</p> <p><img src='https://i0.wp.com/web-rynok.ru/wp-content/uploads/2018/12/img_5c094f0eb58d5.png' align="center" width="100%" loading=lazy></p> <p>Значок Турбо можно получить только после подключения специального YML файла в вебмастере в разделе «Турбо-страницы»-«Источники». Подробнее о технической составляющей данного файла <span>https://yandex.ru/support/webmaster/turbo </span>/ .</p> <p><img src='https://i2.wp.com/web-rynok.ru/wp-content/uploads/2018/12/img_5c0957e4df4db.png' align="center" width="100%" loading=lazy></p> <h2><span>Расширенные спиппеты в Google </span></h2> <p>В Google также для получения подробной информации о сайте или странице также имеются расширенные описания.</p> <p>Наиболее часто встречающиеся это быстрые ссылки. Они позволяют минуя основную страницу ознакомится с дополнительными материалами или информацией. Сильно расширяют ответ в выдаче и помогают выделиться.</p> <p><img src='https://i1.wp.com/web-rynok.ru/wp-content/uploads/2018/12/img_5c09585d069cf.png' align="center" width="100%" loading=lazy></p> <p><img src='https://i2.wp.com/web-rynok.ru/wp-content/uploads/2018/12/img_5c09590856c06.png' align="center" width="100%" loading=lazy></p> <p>Недавно появившийся список ответов, показывающий прямо в выдаче последние комментарии. Полезен для форумов, отзовиков и сервисов вида вопрос/ответ. Показывается только в мобильной выдаче.</p> <p><img src='https://i0.wp.com/web-rynok.ru/wp-content/uploads/2018/12/img_5c09596e686d7.png' width="100%" loading=lazy></p> <p>Эмблема AMP выдаётся сайтам, контент которых будет загружен моментально. Появляется только в мобильной выдаче.</p> <p><img src='https://i2.wp.com/web-rynok.ru/wp-content/uploads/2018/12/img_5c0959cddb433.png' align="center" height="470" width="433" loading=lazy></p> <p>Цены, сроки доставки и другие атрибуты для продажи товаров. Предоставляют возможность прямо из списка ответов выбрать подходящий сайт для покупки выбранного товара.</p> <p><img src='https://i2.wp.com/web-rynok.ru/wp-content/uploads/2018/12/img_5c095a32dbded.png' align="center" width="100%" loading=lazy></p> <p>Библиотека представлений, когда можно оформить в поисковой выдаче страницу для каждого типа материалов, среди которых:</p> <ul><li>Рецепты;</li> <li>Фильмы;</li> <li>Вакансии;</li> <li>Набор данных;</li> <li>Продукты;</li> <li>Телесериалы;</li> <li>Мероприятия;</li></ul> <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="vce-share-bar"> <ul class="vce-share-items"> <li><a class="fa fa-facebook" href="javascript:void(0);" data-url="http://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fpypad.ru%2Fkak-rabotaet-vydacha-google-sozdaem-effektivnyi-snippet.html"></a></li> <li><a class="fa fa-twitter" href="javascript:void(0);" data-url="http://twitter.com/intent/tweet?url=https%3A%2F%2Fpypad.ru%2Fkak-rabotaet-vydacha-google-sozdaem-effektivnyi-snippet.html"></a></li> <li><a class="fa fa-google-plus" href="javascript:void(0);" data-url="https://plus.google.com/share?url=https%3A%2F%2Fpypad.ru%2Fkak-rabotaet-vydacha-google-sozdaem-effektivnyi-snippet.html"></a></li> <li><a class="fa fa-pinterest" href="javascript:void(0);" data-url="http://pinterest.com/pin/create/button/?url=https%3A%2F%2Fpypad.ru%2Fkak-rabotaet-vydacha-google-sozdaem-effektivnyi-snippet.html"></a></li> <li><a class="fa fa-whatsapp no-popup" href="whatsapp://send?text=https%3A%2F%2Fpypad.ru%2Fkak-rabotaet-vydacha-google-sozdaem-effektivnyi-snippet.html"></a></li> </ul> </div> </article> </main> <div class="main-box vce-related-box"> <h3 class="main-box-title">Возможно вас заинтересует</h3> <div class="main-box-inside"> <article class="vce-post vce-lay-d post-273 post type-post status-publish format-standard has-post-thumbnail hentry category-stroitelstvo category-fundament tag-gazobeton tag-dom tag-kak-vybrat tag-stroitelstvo tag-fundament"> <div class="meta-image"> <a href="/pochemu-prosedaet-fps-v-ks-fps-v-ks-go---kak-povysit-fps-v-cs-go-esli.html" title="ФПС в КС ГО - как повысить FPS в CS:GO если проседает"> <img width="145" height="71" src="/uploads/9fdbbbc30b595f393db1bcf311aa9901.jpg" class="attachment-vce-lay-d size-vce-lay-d wp-post-image" alt="ФПС в КС ГО - как повысить FPS в CS:GO если проседает"sizes="(max-width: 145px) 100vw, 145px" / loading=lazy> </a> </div> <header class="entry-header"> <span class="meta-category"><a href="" class="category">Телевизоры</a> </span> <h2 class="entry-title"><a href="/pochemu-prosedaet-fps-v-ks-fps-v-ks-go---kak-povysit-fps-v-cs-go-esli.html" title="ФПС в КС ГО - как повысить FPS в CS:GO если проседает">ФПС в КС ГО - как повысить FPS в CS:GO если проседает</a></h2> </header> </article> <article class="vce-post vce-lay-d post-273 post type-post status-publish format-standard has-post-thumbnail hentry category-stroitelstvo category-fundament tag-gazobeton tag-dom tag-kak-vybrat tag-stroitelstvo tag-fundament"> <div class="meta-image"> <a href="/oysters-t72-ne-vklyuchaetsya-posle-uspeshnoi-proshivki-vosstanovlenie.html" title="Восстановление планшета из состояния «кирпич"> <img width="145" height="71" src="/uploads/f4305c98ea868394227f7ebbe141e1de.jpg" class="attachment-vce-lay-d size-vce-lay-d wp-post-image" alt="Восстановление планшета из состояния «кирпич"sizes="(max-width: 145px) 100vw, 145px" / loading=lazy> </a> </div> <header class="entry-header"> <span class="meta-category"><a href="" class="category">Windows 10</a> </span> <h2 class="entry-title"><a href="/oysters-t72-ne-vklyuchaetsya-posle-uspeshnoi-proshivki-vosstanovlenie.html" title="Восстановление планшета из состояния «кирпич">Восстановление планшета из состояния «кирпич</a></h2> </header> </article> <article class="vce-post vce-lay-d post-273 post type-post status-publish format-standard has-post-thumbnail hentry category-stroitelstvo category-fundament tag-gazobeton tag-dom tag-kak-vybrat tag-stroitelstvo tag-fundament"> <div class="meta-image"> <a href="/process-updater-zavershilsya-s-oshibkoi-7-android-ustanovka-proshivki-cherez-twrp.html" title="Установка прошивки через twrp recovery"> <img width="145" height="71" src="/uploads/9b4d397132b84a74da8eb49ae95fbce9.jpg" class="attachment-vce-lay-d size-vce-lay-d wp-post-image" alt="Установка прошивки через twrp recovery"sizes="(max-width: 145px) 100vw, 145px" / loading=lazy> </a> </div> <header class="entry-header"> <span class="meta-category"><a href="" class="category">Windows 10</a> </span> <h2 class="entry-title"><a href="/process-updater-zavershilsya-s-oshibkoi-7-android-ustanovka-proshivki-cherez-twrp.html" title="Установка прошивки через twrp recovery">Установка прошивки через twrp recovery</a></h2> </header> </article> <article class="vce-post vce-lay-d post-273 post type-post status-publish format-standard has-post-thumbnail hentry category-stroitelstvo category-fundament tag-gazobeton tag-dom tag-kak-vybrat tag-stroitelstvo tag-fundament"> <div class="meta-image"> <a href="/feisbuk-registraciya-kotoruyu-vse-uzhe-proshli-ne-poluchaetsya-zaregistrirovatsya-v-feisbuke-v-chem-pr.html" title="Не получается зарегистрироваться в Фейсбуке — в чем причина?"> <img width="145" height="71" src="/uploads/6615c4c12e3c6b9ae648f9d0cad87744.jpg" class="attachment-vce-lay-d size-vce-lay-d wp-post-image" alt="Не получается зарегистрироваться в Фейсбуке — в чем причина?"sizes="(max-width: 145px) 100vw, 145px" / loading=lazy> </a> </div> <header class="entry-header"> <span class="meta-category"><a href="" class="category">Безопасность</a> </span> <h2 class="entry-title"><a href="/feisbuk-registraciya-kotoruyu-vse-uzhe-proshli-ne-poluchaetsya-zaregistrirovatsya-v-feisbuke-v-chem-pr.html" title="Не получается зарегистрироваться в Фейсбуке — в чем причина?">Не получается зарегистрироваться в Фейсбуке — в чем причина?</a></h2> </header> </article> </div> </div> </div> <aside id="sidebar" class="sidebar right"> <div id="search-2" class="widget widget_search"> <form class="vce-search-form" action="/" method="get"> <input name="s" class="vce-search-input" size="20" type="text" value="Поиск" onfocus="(this.value == 'Поиск') && (this.value = '')" onblur="(this.value == '') && (this.value = 'Поиск')" placeholder="Поиск" /> <button type="submit" class="vce-search-submit"><i class="fa fa-search"></i></button> </form> </div> <div id="recent-posts-2" class="widget widget_recent_entries"> <h4 class="widget-title">Свежие записи</h4> <ul> <li> <a href="/pochemu-prosedaet-fps-v-ks-fps-v-ks-go---kak-povysit-fps-v-cs-go-esli.html">ФПС в КС ГО - как повысить FPS в CS:GO если проседает</a> </li> <li> <a href="/oysters-t72-ne-vklyuchaetsya-posle-uspeshnoi-proshivki-vosstanovlenie.html">Восстановление планшета из состояния «кирпич</a> </li> <li> <a href="/process-updater-zavershilsya-s-oshibkoi-7-android-ustanovka-proshivki-cherez-twrp.html">Установка прошивки через twrp recovery</a> </li> <li> <a href="/feisbuk-registraciya-kotoruyu-vse-uzhe-proshli-ne-poluchaetsya-zaregistrirovatsya-v-feisbuke-v-chem-pr.html">Не получается зарегистрироваться в Фейсбуке — в чем причина?</a> </li> <li> <a href="/zashchitnyi-kod-telefona-nokia-2700-zabyl-zashchitnyi-kod-na-nokia---chto-delat.html">Забыл защитный код на Нокиа - что делать?</a> </li> <li> <a href="/sposoby-formatirovanie-smartfonov-nokia-podpiska-na-novosti-ne-hvataet.html">Подписка на новости Не хватает оперативки</a> </li> <li> <a href="/samaya-bolshaya-frontalnaya-kamera-na-telefone-smartfony-dlya-selfi-s-horoshei.html">Смартфоны для селфи с хорошей фронтальной камерой</a> </li> <li> <a href="/kontakt-vhod-v-pochtu-registraciya-i-vhod-na-svoyu-stranicu-v-kontakte-chto.html">Регистрация и вход на свою страницу в Контакте — что делать если войти в ВК не получается</a> </li> <li> <a href="/sozdanie-reg-kak-samomu-sozdat-fail-reestra-reg-kak-sozdat.html">Как самому создать файл реестра</a> </li> </ul> </div> <div id="categories-2" class="widget widget_categories"> <h4 class="widget-title">Рубрики</h4> <ul> <li class="cat-item cat-item-16"><a href="/category/internet/" title="Интернет"><span class="category-text">Интернет</span><span class="count"><span class="count-hidden"></span></span></a> </li> <li class="cat-item cat-item-16"><a href="/category/gadgets/" title="Гаджеты"><span class="category-text">Гаджеты</span><span class="count"><span class="count-hidden"></span></span></a> </li> <li class="cat-item cat-item-16"><a href="/category/tips/" title="Советы"><span class="category-text">Советы</span><span class="count"><span class="count-hidden"></span></span></a> </li> <li class="cat-item cat-item-16"><a href="/category/program/" title="Программы"><span class="category-text">Программы</span><span class="count"><span class="count-hidden"></span></span></a> </li> <li class="cat-item cat-item-16"><a href="/category/security/" title="Безопасность"><span class="category-text">Безопасность</span><span class="count"><span class="count-hidden"></span></span></a> </li> <li class="cat-item cat-item-16"><a href="/category/tv/" title="Телевизоры"><span class="category-text">Телевизоры</span><span class="count"><span class="count-hidden"></span></span></a> </li> <li class="cat-item cat-item-16"><a href="/category/windows-10/" title="Windows 10"><span class="category-text">Windows 10</span><span class="count"><span class="count-hidden"></span></span></a> </li> <li class="cat-item cat-item-16"><a href="/category/windows-8/" title="Windows 8"><span class="category-text">Windows 8</span><span class="count"><span class="count-hidden"></span></span></a> </li> <li class="cat-item cat-item-16"><a href="/category/configuring-wi-fi/" title="Настройка Wi-Fi"><span class="category-text">Настройка Wi-Fi</span><span class="count"><span class="count-hidden"></span></span></a> </li> <li class="cat-item cat-item-16"><a href="/category/dll-files/" title="Файлы DLL"><span class="category-text">Файлы DLL</span><span class="count"><span class="count-hidden"></span></span></a> </li> <li class="cat-item cat-item-16"><a href="/category/windows7xp/" title="Windows 7, XP"><span class="category-text">Windows 7, XP</span><span class="count"><span class="count-hidden"></span></span></a> </li> <li class="cat-item cat-item-16"><a href="/category/different/" title="Разное"><span class="category-text">Разное</span><span class="count"><span class="count-hidden"></span></span></a> </li> </ul> </div> </aside> </div> <footer id="footer" class="site-footer"> <div class="container"> <div class="container-fix"> <div class="bit-3"> </div> <div class="bit-3"> </div> <div class="bit-3"> </div> </div> </div> <div class="container-full site-info"> <div class="container"> <div class="vce-wrap-left"> <p>Copyright © 2024. Портал о компьютерной технике</p> </div> </div> </div> </footer> </div> </div> <a href="javascript:void(0)" id="back-top"><i class="fa fa-angle-up"></i></a> <div id="vk_api_transport"></div> <script type="text/javascript"> jQuery(document).ready(function($) { if ($('.social-likes')) { $('.social-likes').each(function() { var p = $(this).parent(); if (p.data('url')) { $(this).data({ 'url': p.data('url'), 'title': p.data('title') }); } if ($(this).find('.pinterest').length) { if (p.data('media')) { $($(this).find('.pinterest')[0]).data({ 'media': p.data('media') }); } else $($(this).find('.pinterest')[0]).remove(); } }); $('.social-likes').socialLikes({ zeroes: 0 }); } }); </script> <script type='text/javascript' src='/assets/evc-share.js'></script> <script type='text/javascript' src='/assets/social-likes.min.js'></script> <script type='text/javascript' src='/assets/scripts.js'></script> <script type='text/javascript' src='/assets/main.js'></script> <script type='text/javascript'> /* <![CDATA[ */ var vce_js_settings = { "sticky_header": "1", "sticky_header_offset": "700", "sticky_header_logo": "", "logo_mobile": "", "logo_mobile_retina": "", "rtl_mode": "0", "ajax_url": "\/wp-admin\/admin-ajax.php", "ajax_mega_menu": "1", "mega_menu_slider": "", "mega_menu_subcats": "", "lay_fa_grid_center": "", "full_slider_autoplay": "", "grid_slider_autoplay": "", "fa_big_opacity": { "1": "0.5", "2": "0.7" } }; /* ]]> */ </script> <script type='text/javascript' src='/assets/min.js'></script> <script type='text/javascript' src='/assets/wp-embed.min.js'></script> <script type="text/javascript"> /* <![CDATA[ */ jQuery(document).ready(function($) { if (typeof VKWidgetsComments !== 'undefined' && VKWidgetsComments.length && evc_post_id) { if ($('#vk-widget-' + evc_post_id).length) { if ($('#respond').length) { $('#respond form').hide(); $('#respond').append($('#vk-widget-' + evc_post_id)); } } cClose = false; if ($("#comments .comment-list").length) { $("#comments .comment-list").wrap('<div class = "evc-comments-wrap"></div>'); docViewHeight = $(window).height(); $(document).scroll(function() { var docViewTop = $(window).scrollTop(); var elemTop = $('.evc-comments-wrap').offset().top; //var elemBottom = elemTop + $('.evc-comments-wrap').height(); if (elemTop * 3 / 4 <= docViewTop && !cClose) { cClose = true; $(".evc-comments-wrap").animate({ "height": 0 }, 800); } }); } } // Rresponsive VK Comments Widget Width if ($('.vk_widget_comments').length) { responsiveVkWidget(); $(window).on('resize', function() { responsiveVkWidget(); }); } function responsiveVkWidget() { var vkParentWidth = parseInt($('.vk_widget_comments').parent().width()); $('.vk_widget_comments, .vk_widget_comments iframe').css({ width: vkParentWidth }); $('.vk_widget_comments, .vk_widget_comments iframe').attr('width', vkParentWidth); } // END Rresponsive VK Comments Widget Width }); // End jQuery /* ]]> */ </script> </body> </html>