Добавляем фотографию к сниппету Google в результатах поиска

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

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

Если у Вас не установлено фото профиля Google+, обязательно сделайте это. Для установки изменения фото профиля нужно нажать на кружок в левом верхнем углу.

У меня фото уже установлено. На этом фото моё настоящее лицо, а не то детское, которое Вы можете увидеть на странице Об авторе и которое я использую в Gravatar-е в комментариях. Фото сделано в Севастополе летом 2012 года.

Теперь для отображения расширенного сниппета Google в результатах поиска переходим в свой профиль Google+ в раздел О себе, находим блок Ссылки (в самом низу страницы) и нажимаем Изменить:

Добавляем название и ссылку на блог в пункте Мои публикации:

Можете еще добавить название и ссылку на блог в пункте Ссылки, лишним не будет :-). Нажимаем Сохранить.

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

Способ первый — нужно разместить на всех страницах блога ссылку на профиль Google+ в виде:

1

<a href="https://plus.google.com/[profile_id]?rel=author">Все права защищены.</a>

[profile_id] можно узнать в адресной строке браузера. Ссылка должна быть открытой, не через редирект.

Способ второй — идем по адресу https://developers.google.com/+/web/badge и выбираем бейджик с фотографией, который также нужно установить на всех страницах блога:

Выбираем тип (иконка Google+ или бейджик), устанавливаем ширину ползунком, цветовую схему, фото обложки (разрешено/запрещено), язык: русский.

Здесь уже две части кода. Одну нужно вставить между тегами head:

1
2
3
4
5
6
7
8
9

<script type="text/javascript">
  window.___gcfg = {lang: 'ru'};
 
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Вторую часть надо вставить в том месте, где Вы хотите отображать бейджик:

1

<div class="g-person" data-href="//plus.google.com/[profile_id]" data-rel="author"></div>

Способ третий — подтверждение через почту для домена.

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

Переходим по адресу https://plus.google.com/authorship

Вводим в поле адрес электронной почты вида name@yourdomain.ru и нажимаем Зарегистрироваться как автор. После чего придет письмо с ссылкой подтверждения авторства:

После подтверждения e-mail адрес появится в рабочих контактах профиля Google+.

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

Вводим URL-адрес блога и смотрим результат. Если все сделано правильно, Вы увидете следующее:

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