Расширенные сниппеты в Гугле (Google): пошаговая инструкция. Как получить расширенный сниппет с помощью мастера разметки структурированных данных Google. Расширенные сниппеты Яндекса

» мы рассказывали о том, что такое сниппет, каким он должен быть, и как он формируются в поисковых системах. Теперь вы знаете, что сниппеты Google создаются в основном из метатега Description (хотя бывают и исключения).

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

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

Основные параметры настройки с помощью семантической разметки

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

Сам Google настоятельно рекомендует использовать семантическую разметку Schema.org . Кстати, о ней мы уже писали в статье, посвящённой сниппетам Яндекса . На всякий случай повторимся:

Микроразметка Schema.org - это формат описания сайта с помощью специальных атрибутов кодировки HTML. Разметка указывает поисковым роботам, какой именно тип информации содержится в тексте. Роботы считывают прописанные коды и выносят отмеченную информацию в соответствующие разделы. Коды можно посмотреть на сайте schema.org .

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

  • Статьи: автор, картинка, раздел, рейтинг, дата публикации.
  • Рестораны: url меню, телефон, рейтинг, картинка, адрес, часы работы.
  • Товары: цена, рейтинг, картинка, марка, отзывы.
  • Мероприятия: место проведения, картинка, дата начала, цена.
  • Приложения: автор, дата публикации, картинка, категория, операционная система, требования, рейтинг, отзывы.
  • Региональные компании: картинка, телефон, часы работы, адрес, рейтинг, e-mail, отзывы.
  • Фильмы: картинка, режиссер, актеры, отзывы, рейтинг.
Markup Helper

У Google есть удобный инструмент для разметки страниц - «Мастер разметки структурированных данных ». С его помощью можно легко и быстро создать разметку, просто выделяя мышкой нужные места на странице:

Вывод

Как и в случае со сниппетом Яндекса мы рекомендуем в первую очередь настроить семантическую разметку Shema.org . Это позволит вам выделить свой сайт среди конкурентов, увеличит число кликов и как результат, повысит посещаемость сайта. Не поленитесь, потратьте несколько часов на изучение правил разметки или закажите её разработку специалистам . И поверьте, результат не заставит себя долго ждать.

Поисковая выдача уже давно перестала быть просто перечнем ссылок. Google экспериментирует с подачей ответов для увеличения удовлетворенности результатами поиска. Одним из таких решений стал «featured snippet» или блок с ответами.

Попадание в данный блок гарантирует количественный скачок получаемого поискового трафика. В данной статье мы поделимся советами как повысить шансы попадания вашего сайта в сниппет.

Что такое блок с ответами в Google?

Пример блока с ответом по запросу «Сколько стоит контент»

Блок с ответом в Google - это краткий ответ на вопрос, который задает пользователь в поисковую систему. Такой сниппет называют «нулевой» позицией в результатах поиска, который расположен в верхней части страницы и занимает много места. Состоит из текста до 50 слов, изображения, Title и ссылки на источник.

Расширенные сниппеты повышают доверие к компании быстрее, чем любой другой инструмент.

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

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

Ниже приведен график на котором видно количество сниппетов в выдаче на 2016 году по сравнению с 2014 годом .

Изменение количества быстрых ответов в выдаче Google 2014-2016 гг.

Видна огромная разница, но почему? Почему Google включает все больше расширенных сниппетов в поисковую выдачу?

Все потому, что сниппеты отвечают на вопросы людей быстрым и удобочитаемым способом. Не нужно кликать на ссылки или скролить страницы поисковика, чтобы найти то, что вы ищете.

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

Совет № 3: Найдите идеи для контента в «Answer the Public» или Serpstat

Так как вопросы - это то, что скорее всего, приводит к появлению сниппетов, вам необходимо будет отвечать на: как?, что?, когда?, где?, почему? или кто?.

Для русскоязычных проектов

Поиск поисковых запросов можно доверить Serpstat. В функционале которого ищите блоки «Поисковые подсказки » или «Поисковые вопросы ». Основная разница между этими блоками - это подача информации.

Анализ поисковых вопросов по запросу «копирайтинг», данные Serpstat

Для англоязычных проектов

Лучшее место для поиска типов вопросов, которые люди могут задавать по определенной теме - это «Answer the Public».

Скриншот главной страницы сайта «Answer the Public»

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

Скриншот результатов поиска в «Answer the Public» по запросу «apple pie»

Затем выберите, на что ответить в сниппете. Если вы хотите ответить на вопросы, которые касаются «что» («what»), просто сосредоточьтесь на этой ветке.

Скриншот результатов поиска в «Answer the Public» по запросу «apple pie» с акцентом на слово «what»

Также помните, что перед тем как взять слова и словосочетания из конкретной ветки можно провести SEO анализ на их соответствие запросам пользователей, то есть понять, есть в этих словах трафик или нет.

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

Пример быстрого ответа по запросу «преимущества веганства»

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

Совет № 5: Оставайтесь в рамках оптимального количества слов (символов)

Подача контента должна быть такой, чтобы Google мог легко использовать ваш текст.
Выделите списки, абзацы и шаги, а не смешивайте все. Посмотрите на этот список - в этом сниппете всего 51 слово.

Пример быстрого ответа по запросу «инструкция как собрать кубик рубика»

Согласно Semrush, это довольно стандартная длина для сниппета. Их анализ показал, что наиболее распространенная длина контента в сниппетах - от 40 до 50 слов.

Распределение количества слов в расширенных сниппетах в %, данные Semrush

В связи с этим нужно пытаться писать каждый абзац статьи длиной не более 50 слов и не короче 40.

Используйте заголовки, чтобы разделить ваши блоки контента.

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

Для этого используйте раздел «Стили абзацев» в Google Docs или в WordPress.

Скриншот интерфейса Google Docs

Выделяйте шаги, списки или абзацы заголовками. Используйте h2, h3 или h4.

Скриншот интерфейса в Google Docs

Совет № 7: Добавьте раздел «Вопросы и ответы» на свой сайт

Поскольку расширенные сниппеты - это прекрасная возможность привлечь трафик для веб-сайта и получить новые результаты, неплохой идеей будет оптимизировать свой контент под запрос «Как и что…».

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

Вот как компания Lowe’s делает это в разделе «How-to Library »:

Скриншот раздела «Вопрос-ответ» на сайте Lowe’s

Здесь весь контент посвящен ответам на вопросы или решению проблем.

Эти страницы могут включать ответы на часто задаваемые вопросы о ваших продуктах, услугах или отрасли.

Качественные изображения и видео также повышают шансы на попадание контента в сниппеты.

Совет № 8: Добавьте высококачественные изображения и видео

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

Фото

Добавление изображений к вашим текстам не сложный процесс. К примеру, Crello - отличный инструмент для создания собственных изображений.

Скриншот сайта Crello.com

Загрузите свои картинки или выберите бесплатные стоковые фото. Затем вы можете выбирать различные фигуры, значки и прикреплять их к своим изображениям.

Видео

И не забывайте о видео, это важно для привлечения посетителей.

65% людей смотрят по крайней мере три четверти видео, а 59% руководителей считают, что люди чаще смотрят видео, если текст объединен с видео.

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

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

Вывод

Блок с ответами в Google - первое, что появляется в поисковой выдаче и это больше, чем просто ссылка на сайт.

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

Если вы хотите увеличить количество конверсий, привлечь посетителей на свой сайт и обойти конкурентов, то получение расширенных сниппетов - это именно то, что нужно.

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

Используйте различные ресурсы (как «Answer The Public» в англоязычном сегменте, например), чтобы определить потенциальные идеи для контента, и обязательно используйте как можно больше связанных вопросов в одной статье.

Для каждого вопроса ответ не должен превышать 50 слов. Используйте заголовки, чтобы отделить шаги и списки.

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

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

Через неделю после публикации этой статьи, наши гайды начали появляться в быстрых ответах Google.

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

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

(от англ. snippet – отрывок, кусок ) – это небольшое описание страницы или вырванный из контекста кусок текста, который выводится на странице результатов поиска.

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

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

Вот так это будет выглядеть:

Все это дает нам несколько плюсов в сравнении с другими сайтами:

  • Во-первых, в выдаче наш сайт будет отличаться от других сайтов, поэтому пользователи ПС (поисковых систем) в большинстве случаев перейдут именно на наш сайт (вспомните себя при поиске информации 🙂 , всегда есть желание перейти по блоку, который лучше оформлен) Из этого следует повышение ctr (отношение количества кликов к количеству просмотров поисковой выдачи)
  • Во-вторых, повышается доверие посетителей к нашему сайту. Фотография рядом со сниппетом показывает, что блог ведет реальный человек, который не скрывает себя.
  • Ну и наконец, мы подтверждаем авторство своих статей в гугле. То есть, если обнаружатся копии ваших статей в сети, то гугл будет знать, что автор этой статьи именно вы, и не станет понижать ваш сайт в выдаче.

Теперь давайте разберемся с тем, как сделать расширенный сниппет в google.

1. Первое что нужно сделать, это зарегистрироваться в Google+ , если вы этого еще не сделали.

2. Заполните свой профиль и добавьте туда фотографию. Особое внимание обратите на пункты Мои публикации и . В пункте Мои публикации добавите ссылку на свой сайт, а в пункте добавьте e-mail вида текст@ваш_домен.ru и подтвердите его. Очень важно, чтобы почта располагалась именно на домене вашего сайта!!!

‹a href=»google+id?rel=author»›author_name‹/a›

где google+id — это id вашего профиля.

Также можно поставить кнопку Google+ . По умолчанию там стоит другая ссылка, но я ее тоже изменил на ту, что выше.

Проверить, все ли правильно вы сделали, можно на этой странице . Введите адрес своего сайта или конкретной страницы и нажмите Preview . На выходе должно получиться примерно следующее (кликабельно):

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

Надеюсь у вас все получится 🙂 . Удачи! Не забудьте моего блога, чтобы первым получать интересные статьи.

Сниппет это важный элемент любого сайта для привлечения посетителей с поисковой выдачи. Поэтому в данной статье мы более детально разберем этот seo элемент. Вы узнаете, что это такое, для чего он нужен и как сделать расширенные сниппеты Гугл, Яндекс и Mailru.

Сниппет это что такое

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

Его основные задачи:

  • Показать первичную информацию на нужный запрос
  • Заставить человека обратить на себя внимание
  • Заинтересовать пользователя для перехода на сайт

Обратите внимание, что snippets влияет на . Если вы его составите плохо, то на ресурс могут заходить нецелевые посетители, которые не будут слишком заинтересованы в контенте. Это очень плохо для SEO продвижения! Поэтому тут будьте очень внимательны.

Сниппеты по-разному предоставляются в поисковых системах. Пути их получения тоже отличаются. В этом материале мы с вами более подробно разберем сниппеты Яндекс. Также я дам вам полезные рекомендации относительно Google и Mail.ru.

Вот как выглядит обычный и оптимизированный snippet:


Обычный и оптимизированный сниппет в Яндексе

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

Для начала давайте разберем два примера сниппетов Яндекса. В поиске мы вбили запрос «продажа детской одежды Иркутск». На 4 и 5 позиции находились два представленных ниже сайта.

На какой из сайтов вы перешли бы при условии, что можно открыть только 1 проект?

Я бы выбрал второй вариант.


Из чего состоят сниппеты Яндекс

Давайте подробно разберем, что мы видим у второго сайта:

  1. Адрес сайта
  2. Название
  3. Описание
  4. Дополнительная информация из Яндекс Справочника
  5. Доп. инфа о сайте

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

Но почему тогда второй вариант лучше?

А лучше из-за содержания и открытых контактов из Яндекс Справочника. Именно последняя хорошо отвечает на мой региональный запрос.

Если посмотреть исходный код первого сайта, то увидим следующее. Описание, выводимое в сниппете отличается от мета тега description. Кликните по картинке ниже для увеличения.

Дело в том, что описание, составляемое поисковой системой Яндекс, зависит от заданного запроса. Оно может браться из разных мест. И даже не с вашего сайта. Но об этом мы в этой статье еще поговорим.

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


Описание сниппета для сайта

Как сделать сниппет для Яндекса

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

Формируем Title

В 90% случаев тег title идентичен названию, которое выводится в сниппете. Рекомендуемая длина к заполнению тега title колеблется в районе 55 символов.

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

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

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

Чтобы добавить информацию для формирования сниппета в соцсетях, в html коде страницы внутри элемента head укажите заголовок страницы и название сайта в свойствах og:title и og:site_name.

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

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

Тогда поисковикам ничего не остается, как в выдаче выводить данные с других элементов html кода страницы. Поэтому всегда прописывайте основной title страницы.

Фавикон или иконки для сниппетов

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


Выводим иконки для сниппетов

Чтобы фавиконка отобразилась в результатах поиска, необходимо в корневом каталоге сайта разместить картинку в виде файла размером 16 x 16 и форматом ico. Но возможны также и другие форматы: gif, png или jpeg.

Чтобы описать favicon, в html коде страницы добавьте в элемент head один из следующих кодов, представленных на рисунке выше. Через некоторое время ваша фавиконка появится сниппете Яндекса.

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


Сформированный адрес в сниппет Яндекс

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

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

  • Только для крупных веб-ресурсов
  • Формировать строго по каталогам: дерево разделов сайта должно соответствовать url
  • Наличие человеко-понятных урлов
  • Для выбора названий используйте title и тексты ссылок на страницу. И нужно, чтобы они (title и название ссылок) совпадали.

Также в вебмастере Яндекса можно визуально выделить адрес своего сайта. Делается это в пункте «Регистр имени сайта» раздела «Информация о сайте».

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


Новый регистр имени сайта

После задания регистра имени сайта, данные отправляются на проверку модератором.

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

Изменение регистра в имени должно быть направлено на улучшение читаемости домена и удовлетворять следующим требованиям:

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

Дополнительная информация

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

Кнопка рядом с названием сайта позволяет сразу перейти к сохраненной копии страницы. А также посмотреть все документы по найденному запросу данного проекта или пожаловаться на результаты поиска.

Сохраненная копия покажет копию сайта последней даты индексации.

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

Описание (аннотация)

Описание или аннотация — это короткое описание документа. Составляется на основе мета-тега description, фрагмента текста с сайта и описания сайта из Яндекс Каталога или Dmoz.


Description должен содержать краткое и осмысленное содержание страницы с ключевыми запросами только для данной страницы. Максимальная длина должна быть не более 200 символов.

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

Еще может браться описание из Яндекс Каталога или Dmoz. Но это будет при условии, если такое описание будет более точно отвечать на запрос пользователя. Чтобы отказаться от описания из Яндекс Каталога и Dmoz, нужно в html коде страницы разместить мета-теги.

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

Еще бывает такое, что в аннотации может показываться надпись типа «Ссылки на страницу содержат». Это значит, что робот не нашел ключевой запрос в вашем тексте. Однако он обнаружил сайты, которые ссылаются на вас под этим запросом.

Контактная информация

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


Чтобы вывести контакты в сниппете, вам необходимо добавить свою организацию и всю подробную информацию о ней в Яндекс Справочник .

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


Разметка по стандарту Schema.org

Яндекс Справочник понимает схемы и разметки. После разметки информации на странице, обязательно воспользуйтесь валидатором для ее проверки. Для этого в вебмастере есть инструмент «Валидатор микроразметки».

Отображение быстрых ссылок в сниппете Яндекс

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


Вывод быстрых ссылок в сниппете Яндекс
  • Основные страницы и разделы доступны с главной
  • Логичная и продуманная навигация
  • Короткие названия страниц, отражающие их содержание
  • должна быть с заполненным alt
  • Title совпадает с H1 и с текстами ссылками на страницу

Обратите внимание, что это лишь советы. Их выполнение не дает точной гарантии в том, что быстрые ссылки в сниппете Яндекс будут определены.

Если они определены, то их управление осуществляется в панели вебмастера. Делается это в разделе «Информация о сайте» пункт «Быстрые ссылки».

Информация о товаре и цена в сниппете Яндекса

Актуальная информация о товаре и его цена в сниппете Яндекса — это очень важный момент для всех владельцев интернет-магазинов. Ниже вы видите привлекательно-сформированный snippet с выведенной ценой.


Цена в сниппете Яндекса

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

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

Вывести информацию о товаре можно с помощью вебмастера Яндекса . Делается в пункте «Товары и цены». Настройка экспорта информации о товарах и услугах из вашей базы данных YML файла возможны в некоторых CMS по-умолчанию.

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

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

Добавлять информацию о товаре можно также с помощью микроразметки . Ее пример вы найдете ниже.


Вывод цены в сниппете разметкой schema.org

Как видно, в html-коде страницы добавлены специальные атрибуты, которые понимает робот.


Атрибуты разметки Schema.org

То есть сайт начинает говорить роботу, что price — это цена. А name — это название. И так далее.

После внедрения микроразметки в html-код сайта, обязательно проверьте валидность. Можно использовать инструменты Яндекса и Гугл валидатора.

В Яндексе, когда введете адрес страницы для проверки, то получите что-то похожее, как на рисунке ниже.


Валидатор Яндекса

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

Семантическую разметку понимает не только Yandex, но и Google. Поэтому рекомендую вам дополнительно проводить проверку и в Гугл Валидаторе.


Валидатор Гугла

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

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

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

Видно, что поле описания не заполнено. Оно относится к обязательным. Поэтому нужная информация и не выводится в поисковой выдаче.

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

Найти нужную информацию про микроразметку вы можете в Яндекс Помощь или на сайте .

Rich snippets или расширенные сниппеты Google

Давайте поговорим про Rich snippets или расширенные сниппеты Google. К сожалению, мы не сможем рассмотреть все примеры в поисковой выдачи Гугл. Тут поддерживаемых форматов и возможностей гораздо больше.


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

Но важно знать, что Google также, как и Yandex активно поддерживает микроразметку Schema.org. Поэтому по-умолчанию рекомендую вам использовать именно ее.

В Гугле расширенные сниппеты получили название rich snippets. Для тех, кто не хочет подробно вдаваться в технические премудрости, система дает нам упрощенный вариант. Размечать страницы можно маркером в кабинете для вебмастеров Google.

Маркировка Гугл

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

Типы микроразметки страницы

Потом выбранная страница откроется в режиме маркировки. Прямо тут выделяем курсором нужные фрагменты контента и добавляем значения к атрибутам.


Маркировка страницы в Google

Только убедитесь, что значение отображается правильно. Для этого смотрим на блок «Мои элементы данных».

Разметьте все данные, которые только сможете. А после выделения нажмите «Опубликовать». После индексации Google учтет внесенные изменения и отобразит их в своей выдаче.

В Mail.ru также, как и в предыдущих поисковых системах можно выводить красивый сниппет для сайта. Более подробно в статье мы рассмотрим такие схемы, как контактная информация и быстрые ссылки.


Расширенные сниппеты Mail.ru

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

Для их вывода Mail.ru вам понадобиться кабинет вебмастера с подтвержденными правами на сайт. Интерфейс в нем очень простой и понятен для пользователя. Поэтому вам не составит труда указать нужные данные.

Для отображения быстрых ссылок («Сайтлинки»), вам нужно зайти в кабинет вебмастера Mail.ru и подтвердить права на проект. Далее перейдите в «Сайтлинки» и нажмите на кнопку «Добавить».


Добавление быстрых ссылок в сниппет Mail.ru

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


Добавление контактов в сниппет Mail.ru

Заполните все необходимые поля. Однако возможность этой информации в сниппете 100% не гарантирована. Mail.ru также поддерживает микроразметку schema.org.

A post to Google+ that includes a link renders a preview, or snippet , that contains the page title, a brief description of the page, and a thumbnail image. These pieces of data are extracted from the shared URL"s content in one of four ways, listed in order of precedence:

Your use of the snippet code is subject to the Google Terms of Service .

1. Schema.org microdata (recommended) If the page is annotated with schema.org microdata , the +Snippet will use the name , image , and description properties found on any schema.org type .

Shiny Trinket

Shiny trinkets are shiny.

Tip: Google also uses schema.org microdata to generate rich snippets in search. See the schema.org FAQ for more information. 2. Open Graph protocol If the page contains Open Graph properties for the title, image, and description, they will be used for the +Snippet. 3. Title and meta "description" tags If the page"s element contains and <meta name="description" ... /> tags, the +Snippet uses the title <a href="/physical-memory-0-what-is-the-difference-between-available-and-free-physical-memory/">and the</a> content attribute of the description meta tag for the snippet description. For the thumbnail image, the sharebox attempts to find a suitable image on the page. <title>... 4. Best guess from page content (not recommended) If none of the previous data is present, Google parses the page and attempts to find the best title, description, and image. Note: The logic that fetches the +Snippet data respects cache-control directives, so changes to your page might not immediately be reflected in the +Snippet.

Frequently Asked Questions

How can I validate my +Snippet markup?

You can use the Structured Data Testing Tool to verify your +Snippet markup.

When you run this tool on your web page it will provide a detailed report on all of the structured data markup on that page, including the markup used by +Snippet.

I have multiple schema.org itemscopes on my page. Which one will the +Snippet use?

If multiple schema.org itemscopes are defined on your page, the +Snippet is created from the itemscope that is nearest the top of your page"s source code. For example, if you have itemscopes defined on both the body element and a div element defined below the start body tag in your page, the +Snippet is created from the itemscope associated with the body element.

Why isn"t my +Snippet image appearing?

Images that are too small or not square enough are not included in the +Snippet, even if the images are explicitly referenced by schema.org microdata or Open Graph markup. Specifically, the height must be at least 120px , and if the width is less than 100px, then the aspect ratio must be no greater than 3.0 .

How do I get my web page content to render with a full-bleed image and a description when users share it on Google+ using a URL?

See for more information.

What is the user agent of snippet fetcher?

When a user shares a URL on Google+ or an app writes an , Google+ attempts to fetch the content and create a snippet to provide a summary of the linked content.

Your web server will see a request with the user agent containing the following text: Google (+https://сайт/+/web/snippet/) .

This service is different than the Googlebot that crawls and indexes your site. These requests do not honor robots.txt or other crawl mechanisms because this is a user-initiated request.