Расширенный сниппет Google

Инструкция по созданию расширенного сниппета 

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

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

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

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

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

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

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

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

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

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

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

Warning: Missing required field “entry-title”

Warning: Missing required field “updated”

Warning: Missing required hCard “author”

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

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

[html]&amp;lt;h2 class=&quot;title&quot;&amp;gt;&amp;lt;/h2&amp;gt;[/html]

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

[html]&amp;lt;h2 class=&quot;title entry-title&quot;&amp;gt;&amp;lt;/h2&amp;gt;[/html]

далее, под ним, добавляем эти строки

[html]&amp;lt;span class=&quot;vcard author&quot;&amp;gt;&amp;lt;span class=&quot;fn&quot;&amp;gt;&amp;lt;?php the_author(); ?&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;
&amp;lt;span class=&quot;updated&quot;&amp;gt;&amp;lt;?php the_date(); ?&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;[/html]

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