Что такое Rich Snippets?

Rich Snippets (также известно, как «Rich Results») — это обычные результаты поиска Google с отображением дополнительных данных. Эти дополнительные данные обычно извлекаются из структурированных данных, найденных в HTML-коде страницы. Распространенные типы Rich Snippet включают обзоры, рецепты и события.

Почему Rich Snippets так важны?

Подавляющее большинство результатов поиска Google отображают те же 3 фрагмента данных:

  • Title tag
  • Meta description
  • URL

Вот пример:

Это обычный «snippet».

Rich Snippets возьмите нормальный snippet … и добавьте к нему рейтинг.

Вот пример Rich Snippet с рейтингом:

Как и следовало ожидать, результаты Rich Snippet более привлекательны, чем обычные результаты поиска… что может привести к более высокому органическому CTR.

Google получает данные Rich Snippet из структурированной разметки (например, schema.org) в HTML-коде вашей страницы.

Хотя некоторые люди думают, что использование структурированных данных может улучшить рейтинг вашей поискового положения, но Google заявил, что использование структурированных данных не входит в формулу ранжирования:

Так что, по крайней мере на данный момент, основным преимуществом Rich Snippets является повышенный рейтинг кликов.

к содержанию ↑

Best Practices

Выберите тип Rich Snippet

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

Есть десятки типов Rich Snippet там. Но большая их часть (например, информация о рейсах и книги) относится только к очень конкретному типу сайтов.

Вот почему мы собираемся сосредоточиться на 8 наиболее распространенных типах Rich Snippets.

Отзывы: отображает звездный рейтинг (из 5). Может быть отдельным рецензентом или совокупным обзором от пользователей.

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

Музыка. Предоставляет Google информацию о музыке, например даты выпуска альбомов.

Разметка продукта: предоставляет поисковым системам информацию о конкретном продукте (включая цену и изображения продуктов).

Организация: помогает Google понять ключевую информацию об организации (например, о компании), включая адрес, логотип и контактную информацию).

Главные новости: позволяет сайту отображаться в поле «Главные новости» в результатах поиска. Относится только к веб-сайтам, утвержденным Новостями Google.

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

События: включает в себя информацию о датах, времени, месте и многое другое.

Поэтому, как только вы выбрали тип Rich Snippet, который имеет смысл для вашего контента, пришло время сделать это.

Понимать основы структурированных данных

Структурированные данные помогают поисковым системам лучше понять ваш контент.

Например, допустим, вы только что опубликовали пост в блоге с рецептом чили:

Без структурированных данных Google и другим поисковым системам сложно понять:

  • Сколько времени занимает рецепт
  • Какие изображения из самого рецепта
  • Список ингредиентов
  • Шаги

Введите: структурированные данные.

Когда вы добавляете разметку рецепта на свою страницу, вы сообщаете поисковым системам:

«Рецепт занимает 45 минут»

«Это список ингредиентов»

«Вот фотография блюда»

И если вы правильно разыграете свои карты, Google покажет эти данные в результатах поиска как Rich Snippet:

Довольно круто.

Реализация структурированных данных с помощью схемы

Что касается структурированных данных, большинство веб-сайтов используют разметку Schema.org.

Это потому, что Schema поддерживается всеми основными поисковыми системами (включая Bing). И, как вы увидите через минуту, его очень легко настроить.

Все, что вам нужно сделать, это найти тип разметки, который вы хотите использовать на Schema.org…

… И разметьте свой контент, используя инструкции на этой странице.

У Google также есть надежная документация по структурированным данным.

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

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

Если вы используете WordPress, есть множество плагинов на выбор:

И если вы хотите добавить разметку структурированных данных без помощи плагина, вы можете использовать Microdata или RDFa. Но я настоятельно рекомендую использовать JSON-LD.

Это потому, что JSON-LD — это самый простой способ добавить структурированную разметку на вашу страницу.

Без JSON-LD вам нужно вручную добавить структурированные данные в HTML-код вашей страницы:

Это огромная боль. Кроме того, добавление нового кода в ваш существующий HTMl увеличивает вероятность того, что что-то пойдет не так.

Но в JSON-LD все ваши структурированные данные упакованы в небольшой фрагмент кода JavaScript, который помещается в раздел вашей веб-страницы:

Тест с помощью инструмента тестирования структурированных данных

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

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

Чтобы использовать его, либо вставьте URL с вашего сайта:

Или скопируйте и вставьте HTML:

И нажмите «Выполнить тест»:

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

И если инструмент найдет что-нибудь интересное, он сообщит вам:

Я должен отметить одну вещь:

Нет никакой гарантии, что структурированные данные приведут к богатым фрагментам … даже если у вас все здесь настроено ОТЛИЧНО.

На самом деле, Google делает это супер ясно в своей документации:

Другими словами:

Правильное использование структурированных данных максимально увеличивает шансы на получение Rich Snippets. Но это не всегда работает.

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

p.s. Если статья была полезной и вас переполняет чувство благодарности, можете поддержать меня долларом на патреоне

Об авторе

Web Developer. I have expirience in FrontEnd, Backend, Devops. PHP, Python, Javascript (Vue.js, React.js)

Смотреть посты