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

Как создать
Содержание
  1. Как сделать сниппет для Google: рецепт идеального блюда
  2. Как сделать сниппет для Гугла
  3. Что из себя представляют расширенные сниппеты в Google
  4. Хлебные крошки для сниппета
  5. Как вывести нужное в расширенный сниппет Гугла: управляем schema.org
  6. Микроразметка
  7. JSON-LD
  8. Вывод: расширенный сниппет – это несложно и нужно
  9. Как сделать сниппет в поиске кликабельным
  10. Что такое сниппет
  11. Что такое кликабельность сниппета
  12. Как формируется сниппет
  13. Как сделать правильный сниппет
  14. Текстовая оптимизация сниппетов
  15. Эмодзи для сниппета
  16. Подсветка слов
  17. Описание сниппета не из мета-тега
  18. Таблицы
  19. Фавиконка
  20. Дополнительные знаки, плашки в сниппете
  21. Турбо-страницы и AMP
  22. Сниппет с картинкой
  23. Видео в сниппете
  24. Ссылки в сниппете
  25. Быстрые ссылки в сниппете Яндекса
  26. Быстрые ссылки в сниппете Гугла
  27. Якорные ссылки
  28. задаем значение параметру «id» — идентификатору заголовка, тем самым создаем якорь. Идентификатор должен описывать содержимое заголовка.
  29. Sitelinks
  30. Ссылки на другие страницы
  31. Цена в сниппете
  32. Расширенные сниппеты
  33. Как сделать расширенный сниппет
  34. Микроразметка article
  35. Звездочки рейтинга для сайта
  36. Микроразметка рейтинга

Как сделать сниппет для Google: рецепт идеального блюда

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

Как сделать сниппет для Гугла

Сниппет состоит из трех частей.

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

Что из себя представляют расширенные сниппеты в Google

Расширенный сниппет (или rich snippet) – позиция в поисковой выдаче, которая кроме тайтла и дескрипшна имеет дополнительную информацию:

Есть несколько причин тратить время на создание таких сниппетов:

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

Хлебные крошки для сниппета

Самый распространенный способ разметки хлебных крошек – использовать микроразметку. Рассмотрим на примере:

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

– адрес страницы, где тег [a] и [itemprop=»url»] указывают на то, что это ссылка.

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

Перейдем к наполнению.

Как вывести нужное в расширенный сниппет Гугла: управляем schema.org

Google совместно с Microsoft и Yahoo разработал и внедрил схему единой семантической разметки schema.org.

Schema.org – это способ структурирования информации на странице с использованием нескольких десятков схем, описывающих различные сущности:

Для каждой категории определено несколько десятков полей. Эти поля отвечают за ту или иную информацию, которая будет отображаться в расширенном сниппете Google, а также подкатегории. Например, для Organization есть LocalBusiness, MedicalOrganization, Airline и т.д., которые тоже имеют собственные подкатегории.

Получается наследование способностей: повар по-прежнему может сварить борщ или приготовить люля-кебаб, но приобретает навыки в готовке настоящей итальянской пиццы. Так, ряд [Повар] – [Пиццайола] – [Пиццайола-мастер] является конкретизацией способностей повара.

То же самое и в schema, где линейка наследования класса «Ресторан» выглядит как [Нечто] – [Организация] – [Местный бизнес] – [Производство пищи] – [Ресторан].

[Нечто], или [Thing], – базовый класс для всех остальных классов. Примерно как [Глыба мрамора] для всех изделий из мрамора.

Микроразметка

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

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

Добавляем HTML-код страницы в форму (или просто указываем url) и выбираем тематику сайта:

Теперь выделяем нужные куски текста, а сервис сам проставит теги:

Находится сервис здесь. Есть и другие плагины для CMS, автоматически генерирующих код, например WordPress Schema Creator.

А мы немного углубимся в теорию и рассмотрим, как разметить текст на странице вручную.

Общие правила:

Читайте также:  Как сделать портал телепорт

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

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

Укажем тип страницы – скажем поисковому роботу, что мы будем описывать ресторан:

Теперь нужно указать свойства объекта:

логотип с прописанным alt:

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

JSON-LD

Современный метод создания расширенного сниппета для Google, который был создан и поддерживается W3C. Метод использует формат JSON, который более лаконичен по сравнению с HTML.

Основное преимущество JSON-LD – код не видят посетители сайта, так как он помещается в блок [head] страницы при помощи тега [script]. Это же является недостатком – поисковики не любят, когда от них что-то скрывают. Тот же самый расширенный сниппет, что вверху, будет выглядеть примерно так:

Принцип примерно такой же, что и при работе с микроразметкой:

Для автоматической генерации кода на JSON-LD можно использовать вот такой сервис.

Вывод: расширенный сниппет – это несложно и нужно

Расширенный сниппет – идеальный способ выделиться из толпы выдачи и заинтересовать пользователя информацией прямо на странице поиска. Чтобы улучшить вид страниц в выдаче, нужно лишь выбрать метод разметки и изучить правила. Оцените свое свободное время: для желающих самостоятельно разобраться есть официальная документация с примерами, а для тех, кому важнее результат – специальные сервисы. Но даже правильно заполненные поля для расширенного сниппета не гарантируют, что он появится в выдаче – таков уж суровый мир SEO.

Источник

Как сделать сниппет в поиске кликабельным

Продвинуть сайт в ТОП-10 это полдела, нужно чтобы на него переходили. Для этого нужно выделяться среди прочих.

В этой статье не будут рассмотрены вопросы:

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

Что такое сниппет

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

Что такое кликабельность сниппета

CTR поисковой выдачи — показатель кликабельности сниппета. Рассчитывается как процентное отношение числа кликов по сниппету к числу его показов. Исследования Wordstream показывают, что увеличение CTR на 3% дает +1 позицию в поиске.

Исследования говорят, что кликабельность (CTR) сниппета влияет на рост позиций. В арсенале сеошника на данный момент достаточно инструментов, чтобы ее повысить. Сделать snippet выделяющимся можно с помощью картинок, текстов, каруселей, ссылок и многого другого. Обо всем по порядку.

Как формируется сниппет

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

Как сделать правильный сниппет

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

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

Эффективность мета-тега Keywords спорная, но иногда этот мета-тег учитывается:

Keywords в описании сниппета

Заполнили мета-теги — уже хорошо.

Бывает, что Яндекс и Гугл игнорируют мета-теги и формируют сниппет из содержимого страницы.

Чтобы такого не происходило:

Текстовая оптимизация сниппетов

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

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

Разделяем фразы хотя бы банальными запятыми, слешами, вертикальными чертами, точками наконец!

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

Спец символы в сниппете

Вообще в качестве разделителей могут быть:

Про эмодзи в сниппете говорим в следующей главе.

Эмодзи для сниппета

Эмоджи неплохой вариант сделать красивый сниппет. Тематические emoji очень к месту в некоторых отраслях. Но тут есть нюансы.

Гармонично встроенный эмодзи

Как выглядят emoji на разных устройствах

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

Приевшиеся эмоджи в сниппете

Включаем фантазию, используем советы и реализуем:

Подсветка слов

Поисковики подсвечивают (выделяют жирным шрифтом) слова в сниппете, если они совпадают с запросом. Причем совпадение не обязательно должно быть точным.

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

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

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

Опечатка в описании

Описание сниппета не из мета-тега

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

Часто в описание сниппета попадает первый абзац со страницы. Поэтому можно попробовать оформить его, как Description. Если у вас листинг товаров, то фрагмент текста под альтернативное описание можно расположить под пагинацией.

При этом используйте маркированный список. Яндекс в отличие от Гугла может выводить в описание тексты в виде списка. Это выгодно выделит вас в выдаче.

Иногда работает комбо. Часть описания сниппета берется из мета-тега, часть со страницы. Как вариант, такое сработает, если длина текста в мета-теге Description небольшая.

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

Так же в сниппет может попадать часть маркированного списка + кусок текста со страницы.

Таблицы

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

Кроме того таблицы помогут попасть на нулевую позицию. Как? Читайте здесь.

Фавиконка

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

Ознакомиться с требованиями к favicon можно в официальной справке Яндекса.

Дополнительные знаки, плашки в сниппете

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

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

Значок «Защищенное соединение» в сниппете

p>В Гугле https сайты значком не поощряются. Если на сайте установлено надежное соединение, то протокол просто отображается, как часть адреса в сниппете.

Чтобы получить знак «Турбо-страницы» нужно:

Значок «Турбо-страницы» в сниппете

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

Значок «AMP» в сниппете

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

Турбо-страницы и AMP

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

AMP страницы позволят попасть в новостную карусель.

Сниппет с картинкой

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

Сниппет с изображением

Что говорит представитель Яндекса про отображение картинки в поиске:

Видео в сниппете

Ситуация похожая с изображением в сниппете. На продвигаемых страницах размещайте видео и желательно не во фреймах (iframe). Могут возникнуть проблемы с его индексацией. Какая-либо микроразметка не нужна.

Ссылки в сниппете

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

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

Быстрые ссылки в сниппете Яндекса

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

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

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

Быстрые ссылки в сниппете Гугла

Изменить внешний вид сниппета можно с помощью ссылок. Они выделяются цветом и располагаются в описании сниппета или под ним. Ссылки могут быть 3 видов:

Читайте также:  Как сделать аккаунт email

Ссылки в сниппете Гугла

Якорные ссылки

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

Якорные ссылки в сниппете

Как это сделать? Разбить текст на главы. Причем каждая должна иметь свой заголовок 2-го уровня. Чтобы заголовки стали частью содержания, нужно прикрепить якорь к каждому. Это легко. Внутри тега

задаем значение параметру «id» — идентификатору заголовка, тем самым создаем якорь. Идентификатор должен описывать содержимое заголовка.

Якорные ссылки в интеративном содержании

Как нужно оформлять интерактивное содержание

Следующее требование: статья должны находиться в ТОП-10 выдачи, иначе быстрых ссылок такого вида не будет.

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

При соблюдении этих правил, если повезет, Google добавит под описание сниппета быстрые ссылки на те разделы статьи, которые посчитает нужными

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

Якорная ссылка в описании

Для получения якорной ссылки не обязательно находится в ТОП-10.

Google Sitelinks — это ссылки для главной страницы. Формируются сами и ими нельзя управлять (а в Яндексе можно в Вебмастере).

Sitelinks для главной страницы нашей компании

Ссылки на другие страницы

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

Ссылки в сниппете на другие страницы

Цена в сниппете

Показ цены является одним из популярных методов, как сделать сниппет выразительнее.

Цена в сниппете Гугла

Доступны несколько вариантов для отображения цены:

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

Товарная разметка Product, Offer, AggregateOffer поддерживается и Яндексом, и Гуглом с одной оговоркой. Яндекс поддерживает только микроразметку схемы Schema.org, а Google еще и JSON-LD понимает.

Товарный сниппет имеет пару минусов:

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

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

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

Некоторые расширенные сниппеты Яндекса и Гугла рассматривать не будем. Ввиду узконаправленности. Например, снипетты для: фильмов, рефератов, программ.

Ознакомитесь с полным списком поддерживаемых расширенных результатов Гугла и Яндекса.

Как сделать расширенный сниппет

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

Микроразметка article

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

Для статьи можно указать авторство, картинку, заголовок, время публикации и т.д. Отдельно стоит выделить свойство «dateModified». Оно отвечает за дату последнего изменения статьи. Свежие статьи более охотно читают. Поэтому если вы решите доработать свою старую статью, то данное свойство окажется очень кстати. Дата публикации обновится, если содержимое статьи изменится хотя бы на 5%.

Для получения таких привилегий вам нужна разметка Schema.org: Article, NewsArticle или BlogPosting.

Более подробную информацию о разметке для статей читайте в посте «Микроразметка Schema.org для сайта».

Звездочки рейтинга для сайта

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

Как получить звездочки в сниппете:

Микроразметка рейтинга

Для добавления рейтинга в сниппет используется свойство микроразметки — AggregateRating. Это свойство включает в себя поля с количеством оценок, минимальной, максимальной и средней оценками.

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

Минусом плагинов является их совместимость. Возможны конфликты между плагинами. Вследствие этого некоторые могут перестать корректно работать.

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

Источник

Оцените статью
Полезные советы и лайфхаки для жизни