Как сделать сниппет с фото

Изображения в сниппетах десктопной выдачи Яндекса

В конце марта 2018 года в поисковой выдаче Яндекса для десктопов были зафиксированы два важных нововведения в части сниппетов. Во-первых, появилась возможность увеличить текстовое содержимое сниппета (ссылка «Читать еще»):

Snippet 1

Причем, сниппет может увеличиться в несколько раз:

Snippet 2

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

Snippet 3

Изображения в сниппетах показываются для первых нескольких страниц поисковой выдачи, как правило, для топ-30. Самое низкое место, на котором я видел органический сниппет с изображением, было 45-м. Наличие изображений не зависит от геозависимости или степени коммерциализации запроса. Однако для разных запросов число снипеттов с изображениями сильно разнится.

Так, например, запрос [продвижение сайтов] в выдаче для Москвы вообще не имеет изображений со сниппетами, а вот для запроса [достопримечательности санкт-петербурга] я насчитал 20 таких сниппетов в топ-30. Исследования показывают, что один и тот же документ может, находясь в топе органической выдачи, иметь изображения в сниппете по одним запросам, и не иметь по другим. Например:

Snippet 4 Snippet 5

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

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

Несомненно, наличие изображения в сниппете делает его более привлекательным, и может повлиять на решение пользователя о переходе на сайт. Поэтому представляется достаточно актуальной задача управлять изображением, выбираемым Яндексом для демонстрации в сниппетах для конкретного документа. Первое, что приходит в голову – возможность указания файла изображения для сниппета в микроразметке, например, с помощью метатега (задающего URL изображения, описывающего объект) из поддерживаемого Яндексом стандарта OpenGraph.

Однако собирательный образ сотрудников службы поддержки Яндекса Платон Щукин в своем блоге поспешил разочаровать SEO-специалистов:

«Сразу отмечу, что вручную повлиять на появление картинки в поисковой выдаче возможности нет и не нужно специально прописывать картинку с помощью микроразметки. Индексирующий робот самостоятельно выбирает изображение для добавления в результаты поиска со всех представленных на странице картинок. При выборе картинки учитывается множество факторов, среди которых, например, присутствие картинки на Я.Картинках».

Я провел экспресс-анализ 20 сниппетов из упомянутой выше выдачи по запросу [достопримечательности санкт-петербурга]. В 7 случаях микроразмерка Open Graph не используется. В оставшихся 13-ти изображение в сниппете совпадает с указанным в разметке файлом в 3-х случаях и не совпадает в 10-ти. Если учесть, что картинок на странице, в среднем, не меньше десятка, то тот факт, что совпадение случилось в почти четверти случаев, наводит на мысль о его неслучайности. Конечно, выборка очень мала, и в будущем следует проверить на больших данных гипотезу о влиянии микроразметки на выбор изображения для сниппетов. Тем не менее, слова Платона о полном отсутствии возможности влиять на формирование «картиночной» части сниппета можно поставить под сомнение.

Несомненно, факторов, влияющих на выбор картинки для снипетта, не один, и не два. Но ничто нам не мешает их исследовать. И в этой связи я хочу поделиться весьма любопытным сообщением двухлетней давности, оставленным сотрудником Яндекса Дмитрием Вульбруном в блоге разработчиков продукта «Яндекс.Поиск по сайту». Он обозначил ряд требований для того, чтоб картинка могла появиться в сниппете выдачи поиска по сайту (возможность размещения там картинок появилась еще в 2013-м году):

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

размер картинок не менее 90/90 пикселей;

в урле нет признаков рекламы (слова ad, adv, и прочее, нет ссылок на известные рекламные сети);

картинки не слишком широкие и не слишком высокие (отношение бОльшей стороны к меньшей не более, чем 2);

картинка находится в том же блоке, что и основной контент страницы. Лучше, если она находится внутри текста».

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

Читайте также:  Как сделать действие назад в виндовс

Источник

Как настроить сниппеты в Яндексе

33ab924ff00ad981a69fe40c5efa8edf

Правильная подача сайта в поисковой выдаче — половина успеха. Красивая и информативная карточка привлекает аудиторию и повышает шансы на результативное посещение со стороны потенциальных клиентов. Поэтому надо познакомиться со сниппетами и научиться их правильно настраивать.

Что такое сниппет в Яндексе?

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

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

Каким сайтам разрешено использовать сниппеты?

У Яндекса есть ряд требований к страницам, которые хотят размещать в поисковой выдаче сниппеты:

Ресурс со сниппетом обязан представлять собой интернет-магазин или другую e-commerce-платформу, дающую доступ к платным услугам. Бизнес должен быть легальным и действующим.

На сайте надо разместить каталог товаров или услуг и отделить его от основной части ресурса.

В «подвале» сайта надо разместить юридическую информацию, а также официальные контактные данные.

Условия приобретения товаров на сайте со сниппетами должны быть равны для всех клиентов.

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

Неполный список подходящих ресурсов

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

Данные, которые можно передать в сниппет

Сам поисковик говорит о том, что в сниппет можно занести:

Адреса организации и время ее работы.

Вопросы и ответы из соответствующего сервиса компании.

Пошаговые рецепты приготовления еды.

Приложения и видеоигры.

Регион, в котором работает ресурс.

Как настроить сниппет?

Это действие делится на два этапа: формирование через код страницы и настройка в соответствии с негласными правилами создания красивого и эффективного сниппета.

Инструкция по подключению

Часть данных Яндекс берет прямо из HTML-разметки страницы. В первую очередь туда попадают элементы title и description. Поисковик использует их в поисковой выдаче по умолчанию.

То есть настраивать что-то дополнительно даже не нужно. Все происходит без участия администратора.

Отдельно учитывается текст на странице. Причем как данные, отмеченные стандартными атрибутами, так и элементы микроразметки из словаря schema.org.

Также Яндекс собирает информацию для сниппетов из дополнительных источников. В их числе Яндекс.Маркет и Яндекс.Каталог, где уже проставлены нужные теги и откуда поисковику проще выудить актуальную и релевантную для пользователей информацию.

Настройки микроразметки

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

Так выглядел бы условный сниппет с описанием фильма «Довод» и его трейлером.

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

Режиссер: Кристофер Нолан (род. 30 июля 1970 г.) Фантастика Трейлер

itemscope говорит поисковому боту, что у нас есть блок с информацией для сниппета.

itemtype=«http://schema.org/Movie» говорит о том, что это за блок, ссылаясь на статью в словаре schema.org.

На этом все не заканчивается. Из словаря можно вытащить и дополнительную информацию. Приведем в пример музыкальную группу.

Атрибут itemprop указывает на конкретный тип информации. В нашем случае речь идет о музыкальном жанре описываемой группы.

Критерии хорошего сниппета

Как я уже писал выше, в сниппете надо размещать актуальную и полезную информацию. Лучше не пускать на самотек и предусмотреть ряд моментов при оформлении сниппета.

Подходящий заголовок

Это первое, что увидит потенциальный посетитель сайта. Надо вставить сюда что-то понятное и простое. А еще это понятное и простое должно влезать в предел между 60–70 знаками с учетом пробелов. Иначе может обрезаться часть полезного текста. Это будет некрасиво и неудобно для пользователей поисковика.

Вписывается заголовок в атрибут title. Ничего дополнительно настраивать и вводить не нужно.

Многие рекомендуют делать заголовок каким-то красивым и привлекающим внимание, но это все вкусовщина. Лучше сделать его понятным, чтобы удовлетворить потребности клиента, а не SEOшников с их вечно меняющимися стандартами.

Грамотное описание

Робот Яндекса сам решит, что пойдет в описание под заголовком. Это будет либо кусок текста со страницы, либо текст, который вы занесли в атрибут description. И тот, и другой варианты — ок. Просто надо будет подправить информацию в нужном месте.

Сюда неплохо было бы вставить релевантные ключи. И бот сработает лучше, и для показателей SEO в целом будет полезно.

Текстом в описании можно управлять вручную. Для этого надо разместить тег !–noindex в участке, который нужно выкинуть из сниппета. Он запретит роботу анализировать и использовать «скрытый» контент.

Читайте также:  Как сделать открытку своими руками под деньги

Вписывающаяся фавиконка

Для этого надо вставить в html-код основной страницы строчку, в который будут указаны тип ресурса, адрес и тип данных.

icon указывает на тип используемого ресурса

Здесь указывается путь до файла. Можно ввести ссылку до сервера или внешнего каталога

Добавляем значок в корневую директорию ресурса (туда же, где вы оставили index.html).

Потом открываем index.html и вписываем в head строчку.

Теперь поисковик найдет значок и вставит его в сниппет.

Это так называемые «хлебные крошки». Набор вложенных ссылок, показывающих на каком участке каталога находится искомая страница. Настраиваются они по-разному в зависимости от используемых инструментов.

Есть плагины типа YoastSEO для WordPress, где есть отдельный раздел настроек для вложенных ссылок. А есть словарная статья на сайте schema.org, описывающая свойства breadcrumbs для ручной настройки.

Тут уж на ваш выбор. Зависит от личной технической оснащенности.

Корректные быстрые ссылки

Быстрые ссылки — набор страниц, которые робот Яндекса считает наиболее релевантными для запроса пользователя. С помощью них человек может перескочить через все ненужные блоки сайта и перейти сразу к искомому.

Вставить туда ссылки на свой вкус нельзя. Все решает поисковик. Можно лишь исключить некоторые страницы через интерфейс Яндекс.Вебмастера в подменю «Быстрые ссылки».

Вывод адреса

Адрес обычно вписывается в раздел «Контакты». А он прописывается в «шапке» или «подвале». Лучше всего прописывать его через микроразметку schema.org.

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

Удобное размещение цен

Яндекс умеет выводить стоимость товаров по своему желанию, если информация о них есть в условном Яндекс.Маркете или прописана в параметрах Яндекс.Вебмастера. Главное, вовремя ее обновлять.

В Яндекс.Диалогах можно завести себе чат-платформу для сайта. Через нее можно контактировать с посетителями сайта. Причем кнопка для начала диалога появится прямо в поисковой выдаче.

Поисковик поддерживает и другие чаты, используемые в вебе.

Значки Яндекса

Поисковик выставляет их автоматически, если ресурс соответствует одному или нескольким соответствующимм критериям:

Яндекс выдаст ресурсы значок «Защищенное соединение», если на нем используется протокол HTTPS. Правда, есть нюанс – надо, чтобы большая часть трафика шла именно через защищенное подключение.

Значок «Популярный сайт» получат страницы с большой аудиторией и лояльными пользователями, часто заходящими на ресурс.

«Выбор пользователей» выдают ресурсам, которые нравятся людям. Да, как и предыдущий, но тут уже Яндекс решает, что такое «нравится».

Те, кто настроил турбо-режим, получат соответствующий значок с аналогичном названием.

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

Правильно настроенные картинки

Поисковик сам выбирает, какие картинки будут использованы в сниппетах, но есть ряд технических требований, на которые он точно обратит внимание:

Размер должен быть не меньше 90 на 90 точек.

Ссылка на изображение не должна содержать каких-либо намеков на рекламу.

Соотношение сторон должно быть приближено к квадрату.

Изображение должно быть занесено в один блок с текстовым контентом страницы.

Но предугадать, что за изображение попадет в выдачу, нереально. Это множество раз подтверждали представители Яндекса.

Источник

Делаем расширенный сниппет с фотографией автора

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

Вот теперь самое время заняться хорошим представлением себя в результатах поиска. А именно – расширенными сниппетами, или rich snippets по-английски. Будем мы делать их для Гугла.

Сниппет – описание страницы в выдаче, находится под тайтлом. Обычно сниппет формируется из мета тега description.

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

Чтобы стало еще более понятней и наглядней, о чем тут идет речь, вот пример расширенного сниппета для моей статьи 4 сервиса проверки обратных ссылок

rich snippets

okЧтобы сделать расширенные сниппеты статей на своем блоге, сначала создаете профайл Google+ – без него нынче никуда. При загрузке аватарки имейте ввиду: именно она будет появляться в поисковых результатах рядом с текстом.

okТеперь нужно сообщить Google+ о ваших статьях. Для этого:

add publication

work contacts

Добавленный электронный адрес нужно подтвердить: на него придет письмо с активационной ссылкой.

Владельцам gmail почты можно пропустить пункт подтверждения.

Если все сделано правильно – то рядом с электронным адресом будет стоять галочка.

okСледующий шаг – подтвердить в статьях, что вы – автор. Есть три способа:

Ключевым элементов во всех вариантах является текст ?rel=author, с помощью которого Гугл связывает ваш профайл в Google Plus с вашей статьей.

Читайте также:  Как сделать мотоцикл на камерах своими руками

После всего этого с помощью Инструмента проверки расширенного описания веб-страниц можно проверить, как определенная страница будет выглядеть в результатах поиска.

Как заявляет Google, даже правильно прописанные мета данные не гарантирует появление расширенного сниппета для страниц вашего сайта. Но попробовать стоит:)

Я сделала расширенные сниппеты для Блога SEO сектанта – и уже через пару дней они появились. Сначала так несмело, у нескольких статей, а потом еще у одной и еще. На данный момент практически все статьи (также главная страница) отображаются в СЕРПе с моей фотографией.

Что же дает расширенный сниппет?

Так что вы ничего не теряете, только приобретаете! Вперед к красивому представлению себя в поисковой выдаче и к подписке на Блог SEO сектанта!

Обновление от Сентбря 2012:

Инструмент проверки расширенных сниппетов теперь усовершенствован и показывает картину, наиболее близкую к реальной. Например:

Rich Snippet testing

Тут еще прилагается ссылка на профиль автора, информация о структурированных данных и т.д.

Обновление от Марта 2014:

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

В чем же дело? В декабре 2013 года Гугл сообщил, что он на 15% сокращает количество сниппетов с фотографиями. Мол, теперь “с фото будут отображаться только качественные статьи авторитетных авторов”.

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

На Блоге SEO сектанта мои фотографии то появляются, то пропадают. Поэтому я сделала сниппеты со звездочками, чтобы мои сниппеты были постоянно расширенными.

А вот интересное наблюдение. Скрины сниппетов были сделаны в одно и то же время, по разным запросам:

promored rich snippets

Обновление от Июня 2014:

Фотографии всех авторов исчезли из Гугла.

Также интересно:

Об Авторе

Кристина. SEO-специалист и интернет-маркетолог, не представляющий своей жизни без танцев. Помешана на бижутерии. Постоянно пытается полностью почистить свой почтовый ящик, прочитав все письма. Еще ни разу не удавалось. Также автор блога Marketing Syrup.

Вот читаю я такие статьи и еще раз убеждаюсь как мало я знаю и сколько еще надо учиться! Спасибо за информацию, попробую сделать.

Всегда пожалуйста. Делайте-делайте, это совсем несложно.

Немного запутано, но попробовать стоит, может кликабельность c google улучшиться

Конечно, стоит. Понимаю, с первого раза мне тоже показалось запутанным. Но тут главное понять смысл: 1. сообщаем Гуглу о нашем тексте; 2. подтверждаем авторство.

Хорошая мысль, надо будет воспользоваться, автору спасибо.

Отлично, нужно применять в своих статьях и постах. А у меня был видеоурок о простых сниппетах для поисковиков, может будет интересно: https://seonovichok.ru/snippet-dlya-saita.php

Кристюш, спасибо большое. Действительно очень полезно. Нужно будет попробовать реализовать

Да пожалуйста, Дим) Вам на woonline.ru точно будет полезно для авторов.

всё времени не было заняться этими сниппетами. Но теперь вроде всё понятно как и что. спасибо.полезная статья.
lsdxa недавно опубликовал(а)…Пиратские сервера на беспилотных самолетах littleheart

Вопрос такой – в публикации нужно добавлять каждую статью или просто основной домен достаточно? И у меня какие-то проблемы выдает, вроде – профиль связан, а ниже – мы не смогли связать. Мистика. Посоветуете чего?

В публикации достаточно добавить основной домен (например, в моем случае я добавляла promored.ru).
Не могу так сходу сказать, с чем у вас проблема связана. Вы адрес эл. почты подтвердили?

Спасибо за ответ быстрый. Ну вот взгляните сами – сайт в профиле.
We could not find a link from the Other profiles or Contributor to section of your Google Profile to verify this page. Так пишет. А выше – пишет, что определил автора. Я в замешательстве)))
Рик Граймс недавно опубликовал(а)…Аналитики прогнозируют высокую прибыльность The Walking Dead: The Game littleheart

Хмм. Давайте разбираться. Только что провела эксперимент: сделала все, как и написала в статье, но в публикации ничего не добавила.
Итак, что получилось:

author
linked author profile = https://plus.google.com/u/0/107870338231311182235/
google profile = https://plus.google.com/u/0/107870338231311182235/
We could not find a link from the Other profiles or Contributor to section of your Google Profile to verify this page.

Как только внесла в публикации – все снова стало в порядке.
linked author profile и google profile показывают тот профиль, на который вы ссылаетесь со своей страницы. Тут очевидно все же проблема с “Публикациями”

Ну что же, удалил, добавил – пометил – для всех ( до этого было только я) – получилась прелесь. Можете взглянуть – вкупе со звездочками рейтинга и дополнительными ссылками – кликабельность будет оч хорошая, как мне кажется… Спасибо за помощь! Две головы – это не одна)))

Источник

Поделиться с друзьями
admin
О том как сделать своими руками
Adblock
detector