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

Fima Korolev

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

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

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

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

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

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

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

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

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

Рекомендую к прочтению:  Бесплатная раскрутка сайта + 2 платных способа

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

  • Первый способ: Установка на свой блог “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 на комп, открываем любым текстовым редактором и ищем следующий код:

<h2 class="title"></h2>

Строка кода

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

<h2 class="title entry-title"></h2>

Строка кода измененная

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

<span class="vcard author"><span class="fn"><?php the_author(); ?></span></span>
<span class="updated"><?php the_date(); ?></span></p>

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

VN:F [1.9.22_1171]
Рейтинг статьи:
Rating: 5.3/7 (55 votes cast)
Расширенный сниппет Google, 5.3 out of 7 based on 55 ratings

26 комментариев »

  1. Сергей:

    Ясно, очень жаль, надеюсь, со временем эта возможность появится.

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  2. Сергей:

    Здравствуйте!
    Все сделал как предлагаете, фото появилось, хотя и не везде, но для сайта металлообработки _http://m-r.kiev.ua в результатах поиска хочется, что бы клиент видел не мое фото, а логотип компании, помогите это реализовать.

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    • Добрый день, Сергей! Это нереализуемо, на фото должно быть фото лица автора, именно лица, хорошо различимое.

      VN:F [1.9.22_1171]
      Rating: 0 (from 0 votes)
  3. danu:

    ну если добавляете класс “title entry-title” то его наверное надо и в стилях прописать. об этом ни слова.

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  4. Эдуард:

    Не знаю было раньше такое, сейчас фото показывает только тем кто авторизован в гугл+, остальные его не видят:(((

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    • Добрый день, Эдуард! Интересное наблюдение, никогда не встречал такое. Надо будет понаблюдать.
      P.S. Интересный у вас сайт _http://100trav.su, осмелюсь вам порекомендовать открыть комментирование, это будет только на пользу…

      VN:F [1.9.22_1171]
      Rating: 0 (from 0 votes)
      • Эдуард:

        Да, я недавно такое обнаружил, причем проверял на разных браузерах с разных компьютеров и с разных стран даже) Вот только не знаю было ли такое раньше, авторство где то месяц назад прикрутил. Если это нововведение Гугла, это не очень радует(((. До этого были звезды в выдаче, наверное это был бы лучший вариант, так как СTR действительно с расширенным снипетом лучше)))
        Спасибо за замечание по поводу коментов, собираюсь это сделать в ближайшее время.

        VA:F [1.9.22_1171]
        Rating: 0 (from 0 votes)
  5. Сергей:

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

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  6. Борис:

    А на сколько критичны ошибки в микроразметке ?
    Warning: Missing required field “updated”
    Warning: Missing required hCard “author”

    На странице с записью все поставил как надо, а вот для главной текст с именем автора и датой портит дизайн :(

    VA:F [1.9.22_1171]
    Rating: +1 (from 1 vote)
  7. То есть файл index.php обязательно править?? Мне этот вариант вообще не подходит. Всё сделал правильно. В инструментах проверки структурированных данных сниппет с фоткой показывается, а в поиске – без неё. Может нужно подождать переиндексации???

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  8. Max:

    Как Вы думаете, а можно ли реализовать такое для порталов, а не блогов? Чтобы выводить не фото автора, а, к примеру, логотип сайта / портала / компании. Создать липовый аккаунт, вместо аватара влепить логотип сайта и вперед. Или там есть живая проверка модераторами? Спасибо!

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    • Добрый день, Max! Нет, такое не прокатит. Прежде всего потому, что при оформлении страницы на G+ должно быть четко видно лицо (я когда-то создавал аккаунт подсунул туда логотип, так они его не приняли).

      VN:F [1.9.22_1171]
      Rating: 0 (from 0 votes)
  9. elimS:

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

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    • Добрый день, elimS! К сожалению, почему так происходит, сказать не могу. Google выдает расширенные сниппеты так, как ему захочется и повлиять на это невозможно. Сегодня есть картинка на этой странице, завтра на той…

      VN:F [1.9.22_1171]
      Rating: 0 (from 0 votes)
  10. Алекс:

    Хотел поинтересоваться следующим: обязательно ли ставить ссылку на влог в разделе “публикации” или можно обойтись без этого шага?

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    • Добрый день, Алекс! Я думаю, что не важно, но раз там есть такие разделы, то почему бы их не заполнить, это же ведь не долго.
      P.S. Пытался оставить на вашем сайте комменты, они не проходят по какой-то причине. Не подскажете в чем дело?

      VN:F [1.9.22_1171]
      Rating: 0 (from 0 votes)
  11. Сергей:

    Здравствуйте. Перелопатил уже кучу статей, чего уже только не делал, но фотка не появляется, хотя при проверке на гугле, пишет что авторство подтверждено. Но в выдаче фоток нет. Вот пример
    _http://zap-online.ru/info/avtonovosti/7-dopolnitelnyh-opciy-kotorye-dolzhen-imet-kazhdyy-avtomobil
    Парадлельно вопрос: можно ли закрывать noindex данные тег авторства?

    VA:F [1.9.22_1171]
    Rating: -1 (from 1 vote)
    • Основываясь на своих наблюдениях, могу сказать, что Гугл проставляет фотки только на блогах. Что касается вашего вопроса, то Noindex для гугла не работает, официальных тегов для этого Google не предоставляет.

      VN:F [1.9.22_1171]
      Rating: 0 (from 0 votes)
    • Карамелька:

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

      VA:F [1.9.22_1171]
      Rating: 0 (from 0 votes)
  12. Мария:

    Добрый день. Помогите плиз. 6 месяцев при выдаче в гугл показывалась моя фотография и было подтверждено авторство. затем пропало. при проверке структурированных данных авторство отображается и нет никаких ошибок. Но Почему то при выдаче в гугл не видно фото и авторство. Заранее спасибо. PS Все проверила все рекомендации. Все правильно. А фото нет.

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    • Добрый день, Мария! Как показывает практика, просто так, само, ничего не происходит. Видимо кто-то, что-то сделал. Поставил какой-нибудь плагин, обновил CMS и т.д. Потом, может я конечно не прав, но мне несколько не понятно, для чего интернет-магазину детских товаров иметь в сниппете ваше фото. Ну и еще, гугл не дает никаких гарантий, на отображение фото в расширенном сниппете, иногда бывает, что сегодня показывает на одних страницах, завтра на других, а послезавтра вообще нигде ))). Так что не расстраивайтесь по пустякам. Заведите блог, пишите статьи про детские товары со ссылками на магазин. Там (на блоге) точно будет отображаться ваше фото, да и для сайта полезно будет.
      P.S. Ссылку на сайт не могу поставить т.к не подходит тема.

      VN:F [1.9.22_1171]
      Rating: +1 (from 1 vote)
    • Антон:

      Спасибо, это как раз то что мне надо, попробую настроить, еще интересно как в снимете выводить подпункты сайта

      VA:F [1.9.22_1171]
      Rating: 0 (from 0 votes)
      • Здравствуйте, Антон! Это уже скорее к Яндексу относится. (Быстрые ссылки)

        VN:F [1.9.22_1171]
        Rating: 0 (from 0 votes)
  13. Nika Chick:

    Уважаемый Фима, прошу вашей помощи. Сайт с аккаунтом в Гугл плюс я связала, всё ок, но застопорилась на последнем этапе: Warning: Missing required field “updated”!

    Что делать, если у меня в index.php и близко нет указанных вами строк h2 class title? Прошлась поиском по всем php’шкам, нет у меня такого в шаблонах. Максимально похожее, что есть, – в шаблоне image.php строчка “h1 class=”entry-title”></h1" Но это же, наверное, не оно. Куда бежать? :) Подскажите, пожалуйста. Использую шаблон Landscape WordPress.

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    • Здравствуйте Nika Chick! Ну, судя по тому, что я вижу, вы все сделали правильно и в “Инструменте проверки структурированных данных” ваш сниппет показывает правильно. Просто надо подождать пару недель, пока Гугл начнет его показывать. Что касается ошибок в микроразметке, то искать и править надо файл index.php находящийся в шаблоне активной темы, в вашем случае Landscape WordPress. Если что, пишите на E-mail или в G+

      VN:F [1.9.22_1171]
      Rating: +1 (from 1 vote)
  14. Придумано очень даже неплохо! Если не сказать что замечательно.

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

Оставить комментарий

Ваш email не будет опубликован. Обязательные поля отмечены *

Что-то типа КАПЧИ :) *

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">