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

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

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

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

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

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

  • Заголовок (title), который описывает страницу и по совместительству является одним из важных компонентов ранжирования. Тайтл влияет не только на поискового робота, но и на пользователя. Если хотите узнать о нем больше – почитайте нашу статью.
  • Хлебные крошки (breadcrumbs), или навигационная цепочка. Простейший элемент навигации, показывающий вложенность контента и подкатегории сайта пользователю и поисковому роботу. Google любит хлебные крошки. В этом случае получается минималистичная позиция в поисковой выдаче, где кроме названия и описания никакой другой информации не будет.

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

  • Описание страницы. Поисковая система может сформировать его из метатега description или из тела страницы. О том, как правильно написать description мы уже писали здесь.

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

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

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

  • ссылки на отдельные страницы;
  • изображения (особенно актуально для рецептов);
  • контактные данные, рейтинг статьи;
  • расписание концертов и прочее.

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

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

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

  • Они выделяют сайт из однотипной выдачи. Рейтинг, расписание сеансов, размер среднего чека в кафе – все это цепляет взгляд пользователя.
  • Они упрощают навигацию по сайту. По запросу «купить краску» пользователь получает расширенный сниппет Google, из которого понятно, какая краска есть в магазине:

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

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

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

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

  <div id="breadcrumb">   <div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">   <a href="адрес главной" itemprop="url">   <span itemprop="title">Главная</span>   </a>   </div>   <span> » </span>    <div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">   <a href="адрес категории" itemprop="url">   <span itemprop="title">Название категории</span>   </a>   </div>  </div>  

    • <div id="breadcrumb">

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

    • <a href="адрес главной" itemprop="url">

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

    • <span itemprop="title">Главная</span>

      – тайтл страницы, который будет выводиться в навигационной цепочке вместо ЧПУ. Заметьте, что тайтл указывается не в теге [a], а как отдельный параметр, где [itemprop=»title»] указывает на то, что это заголовок.

    • После этого в теге [span] указан символ, который будет использоваться как разделитель между категориями. В нашем примере это [ » ].

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

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

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


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

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

      • CreativeWork – для книг, музыки, блогов, рецептов и прочего творчества.
      • Event – концерты, стендапы, фестивали, выставки.
      • Organization – школы, компании, госучреждения, кафе.
      • Person – вымышленные персонажи или реальные люди.
      • Place – парки, горы, жилые здания, достопримечательности.
      • Product – товары.

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


Главное назначение schema.org – дать поисковым роботам нужную для создания расширенного сниппета информацию. Есть несколько способов это сделать.

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

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

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

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

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

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

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

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

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

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

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

      • тегами div обозначается описание конкретного объекта;

      • itemscope itemtype указывает на тип объекта;
      • в itemprop описываются свойства объекта.

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

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

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

<div itemscope itemtype="http://schema.org/Restaurant">

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

      • название:
<span itemprop="name">Ресторан-пиццерия PizzaSnippet</span>

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

<img itemprop="image" src="https://semantica.in/wp-content/themes/semantica/i/sidebar/logo.png" alt="restaurant logo" />
      • диапазон цен:

<span itemprop="priceRange">100-7800</span>  
      • вид кухни:
<span itemprop="servesCuisine">Пиццальянская</span>  
      • описание:
<span itemprop="description">Пицца для крутых ребят. При заказе от 5000 рублей – чебурек в подарок!</span>
      • контакты и географическое положение:
  <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">   <span itemprop="streetAddress">Торпедо, 15</span>   <span itemprop="addressLocality">Рим</span>,   <span itemprop="addressRegion">Область Лацио</span> <span itemprop="postalCode">010010</span>  </div>    <span itemprop="telephone">+39 (6) 5555 3535</span>    <div itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates">   <meta itemprop="latitude" content="41.849345" />   <meta itemprop="longitude" content="12.447433" />  </div>  

И закрывающий тег:


</div>  

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

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

JSON-LD

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

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

  <script type="application/ld+json">  {   "@context": .    
tingValue": "4", "reviewCount": "301" }, "name": "Ресторан-пиццерия PizzaSnippet", "priceRange": "100р-7800р", "servesCuisine": ["Пиццальянская"], "telephone": "+39 (6) 5555 3535", "url": "http://www.pizzasnippet.com", "geo": { "@type": "GeoCoordinates", "latitude": "41.849345", "longitude": "12.447433" } } </script>

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

      • в начале указывается тип сниппета;
      • потом перечисление параметров и заполнение их полей;
      • в конце закрывается тег [script] и весь код вставляется в блок [head].

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

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

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

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

semantica.in

Толкование

Итак, сниппет, как гласит «Википедия» – это некий кусок текста или кода программы, который может применяться в поисковой системе, текстовом редакторе и среде разработки. После такого определения мало кто поймет, что же это на деле. Попробуем объяснить проще.

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

Программное толкование

Но есть и другое толкование сниппета. MODX Revo – это программа, которая помогает управлять сайтом, развивать и поддерживать разработку. В ней понятие сниппета может толковаться несколько иначе. Это элемент программы, который состоит из php-кода и обрабатывает любую логику на сайте. В целом сниппеты в MODX могут быть динамическим контентом типа меню, блога, списка новостей и пр.

Текстовые редакторы

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

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

Разнообразие

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

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

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

Последний тип – скриптовой сниппет. Что это и как работает? В целом блок состоит и кода макроязыка или скрипта. Он самый гибкий в настройке. Он может изменяться в программной составляющей. Его изменения могут зависеть от приложений.

Оптимизация

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

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

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

Зачем?

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

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

Задача

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

Состав

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

Влияние операционных систем

Стоит понимать, что не всегда можно повлиять на формирование сниппета. Для Google достаточно прописать нужную информацию в метатегах. Если поиску понравится ваш description, будет релевантен, то он с удовольствием примет его за описание. Длина этого анонса не может быть более 160 символов. Точнее, теоретически может, но в ваших же интересах прописать всю необходимую информацию в четко установленном объеме. Так потенциальный клиент получит все данные уже до знакомства с сайтом.

«Яндекс» несколько сложнее в формировании сниппета. Есть теория, что его мало привлекает description. Он предпочитает вырывать текст со страницы, в котором есть ключевые слова. В этой поисковой системе длина блока 240 знаков.

Красота в деталях

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

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

Выводы

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

fb.ru

Что такое расширенные сниппеты и зачем они нужны

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

Поисковые системы формируют сниппет автоматически. В качестве источника описания роботы используют контент страницы или мета-тег description. Стандартный сниппет ограничен приблизительно 160 символами с пробелами. Это два или три коротких предложения.

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

Зачем нужны расширенные сниппеты

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

Вот некоторые данные о влиянии расширенных сниппетов на кликабельность ссылки на сайт в выдаче, а также на эффективность продвижения ресурса:

  • В 2011 году Marketing Tech Blog опубликовал вдохновляющие данные. По данным этого ресурса, указание авторства статей с отображением в сниппете фото журналиста обеспечило блогу рост CTR на 484 %. С тех пормного воды утекло, но цифры остались. Вдумайтесь, фото автора рядом со ссылкой на сайт увеличило CTR на сотни процентов. Пусть Google Authorship больше не поддерживается, зато есть другие типы расширенных сниппетов.
  • Мэтт Каттс прямо не подтверждает, что расширенные описания влияют на рейтинг сайтов в выдаче. Но он говорит, что в некоторых тематиках внедрение микроразметки улучшает видимость сайта. Еще раз обратите внимание, расширенные сниппеты повышают видимость сайта. Пусть речь не идет о позициях ресурса. Вам же нужны клики, а не первое место в выдаче. Кстати, Рэнд Фишкин утверждает, что клики могут влиять на позиции сайта в выдаче. Если он прав, то Мэтт Каттс лукавит, когда говорит об отсутствии влияния сниппетов на позиции.
  • Маркетинговое агентство Catalyst несколько лет назад протестировало расширенные сниппеты. Они обеспечили сайту кулинарной тематики рост CTR на 150 %.
  • По данным Search Engine Land, нидерландский сайт Independer.nl, посвященный автострахованию, с помощью расширенных сниппетов увеличил CTR ссылок в выдаче на 28 %.
  • Коллеги из SeoProfy приводят примеры увеличения CTR сайтов в выдаче. Кликабельность большого сайта выросла на 4 %, а маленького на 442 %.
  • Маркетологи из Builtvisible рассказывают об увеличении CTR с помощью расширенных описаний.

Сниппеты приносят вам дополнительные переходы на сайт. Если вы умеете конвертировать трафик, немедленно внедряйте расширенные описания. Они принесут вам новые сделки.

Какие существуют словари и типы синтаксиса микроразметки

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

  • Schema.org. Этот словарь можно назвать золотым стандартом микроразметки. Его поддерживают крупнейшие поисковые системы, включая «Яндекс», Google и Bing. С помощью Schema.org вы можете описывать сотни сущностей. Благодаря этому вы можете помочь «поисковикам» отображать расширенные сниппеты разных типов. Подробную информацию о Schema.org вы найдете на  гайде.
  • Microformats.org. С помощью языка микроформатов вы можете структурировать информацию о некоторых сущностях: людях, событиях, статьях, отзывах. Крупнейшая в рунете поисковая система «Яндекс» в данный момент поддерживает только четыре типа разметки микроформатов: рецепты, отзывы, товары и контактные данные. Поэтому возможности Microformats.org ограничены по сравнению со Schema.org.
  • Open Graph. Этот язык помогает социальным сетям отображать ссылки на ваш сайт с привлекательными описаниями. Open Graph поддерживают все наиболее популярные в рунете социальные площадки, включая Facebook, «Вконтакте», Twitter и т.п.

Каждый язык микроразметки вы можете реализовать с помощью разных типов синтаксиса:

  • Микроданные. Формат microdata считается основным средством реализации микроразметки Schema.org. Он предполагает использование тегов и атрибутов HTML для структурирования данных. Основным преимуществом микроданных остается простота использования.
  • JSON-LD. Перспективный формат передачи структурированных данных, предложенный W3C. С помощью этого типа синтаксиса вы можете реализовать микроразметку Schema.org.
  • Микроформаты. Этот синтаксис используется для реализации словаря Microformats.org.
  • RDFa. Данный формат используется для реализации языка Open Graph.

Какой язык и синтаксис выбрать

Выбирайте язык и синтаксис в зависимости от цели и задач, которые вы хотите решить. Если вам нужны расширенные сниппеты на страницах поисковой выдачи, оптимальным выбором будет Schema.org. Этот тип микроразметки поддерживают все крупные поисковые системы. Используя Schema.org, вы можете описать множество разных сущностей и получить разные типы расширенных сниппетов. Реализовать разметку Schema.org вы можете с помощью синтаксиса microdata или JSON-LD.

Если вам необходимо управлять описаниями ссылок в социальных сетях, внедрите Open Graph. Чтобы реализовать эту разметку, вы будете использовать формат RDFa. Язык Microformats.org также заслуживает внимания благодаря простоте использования.

Как получить расширенные сниппеты с помощью Schema.org

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

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

Schema Creator

Веб-сервис Schema Creator — простой и удобный генератор кода микроразметки, созданный софтверной компанией Raven. Чтобы воспользоваться инструментом, вам не нужно разбираться в веб-программировании. Более того, вам не придется даже регистрироваться. Есть только два условия успешного использования инструмента. Во-первых, вам нужно знать английский язык на базовом уровне или уметь пользоваться онлайн-переводчиками. Во-вторых, вам нужно знать, куда и как вставить сгенерированный инструментом код разметки.

Представьте, что с помощью Schema Creator вы хотите разметить страницу с описанием книги. Вам нужно выбрать тип разметки «Книга» (Book).

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

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

Обратите внимание, если вы пользуетесь CMS с возможностью редактировать страницу в визуальном формате и формате HTML, выберите второй вариант.

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

В режиме редактирования HTML вы можете выбирать, в каком месте страницы вставить код. Например, вы можете оформить его в качестве врезки в середине текста или резюме в конце статьи.

Если вам по каким-то причинам не подходит веб-сервис Schema Creator, воспользуйтесь другими инструментами для генерации кода микроразметки:

  • Если ваш сайт работает на WordPress, используйте плагин Schema Creator.  Кстати, вы можете использовать и другие плагины для микроразметки. Для этого введите в поисковое поле каталога плагинов WordPress запрос «Schema.org».
  • Для сайтов на Joomla! используйте редактор JCE и расширение J4Schema.org. Обратите внимание, чтобы заставить эту пару инструментов работать, вам придется потрудиться.
  • Для сайтов на Drupal воспользуйтесь модулем Schema.org.
  • Существуют плагины и модули микроразметки для других популярных CMS: Magento, OpenCart, 1С-Битрикс и так далее.

Вы можете реализовать микроразметку Schema.org с помощью синтаксиса JSON-LD.  С помощью JSON-LD вы сможете внедрить на сайт только несколько типов микроразметки: Article, Person, WebSite, searchAction и некоторые другие. Синтаксис JSON-LD имеет важное преимущество перед микроданными: с его помощью можно создавать разметку, которую «видят» только поисковые системы.

 

Как разметить страницу с помощью маркера Google

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

На открывшейся странице нажмите кнопку «Начать выделение».

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

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

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

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

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

 

Как получить расширенный сниппет с помощью мастера разметки структурированных данных Google

С помощью мастера разметки вы можете добавить структурированные данные на страницы сайта или в HTML-код электронных писем. Авторизуйтесь в системе и укажите URL страницы, которую планируете разметить. Выберите тип данных и нажмите кнопку «Начать разметку».

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

После завершения разметки нажмите кнопку «Создать HTML». Скопируйте выделенный фрагмент с кодом разметки и вставьте на страницу сайта.

Как получить расширенные сниппеты с помощью «Яндекс.Вебмастер»

Для формирования расширенных сниппетов вы можете воспользоваться инструментами для вебмастеров «Яндекс». Для этого выберите меню «Содержимое сайта».

Выберите тип данных, которые должны отображаться в расширенном сниппете. Это могут быть «Товары и цены», «Рецепты», «Рефераты», «Отзывы», «Словари», «Автообъявления».

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

Как получить расширенные сниппеты с помощью микроформатов

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

  • hCard (контактная информация).
  • hReview (отзывы).
  • hCalendar (события).

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

Как получить расширенные описания в социальных сетях

Универсальный инструмент для решения этой задачи — протокол Open Graph. Его «понимают» наиболее популярные социальные сети, включая «Вконтакте», «Фейсбук», «Твиттер», Google+ и другие.

Чтобы создать разметку Open Graph, воспользуйтесь автоматическим генератором, например, таким. Заполните необходимые данные. Скопируйте сгенерированный код и вставьте его на страницу между тегами <head> и </head>.

Обратите внимание, в выпадающем меню Type необходимо выбирать подходящий тип контента: статья, видео, книга и так далее.

Обратите внимание на следующие инструменты:

  • Если ваш сайт работает на WordPress, воспользуйтесь плагинами для генерации разметки Open Graph/
  • Для сайтов на Joomla! подойдут расширения Phoca Open Graph и Easy Open Graph.
  • Владельцам сайтов на Drupal стоит обратить внимание на модуль Open Graph meta tags.
  • Для сайтов на 1С-Битрикс можно попробовать платное расширения Social Media Optimizer. Разработчики утверждают, что оно поддерживает разметку Open Graph и Twitter Cards.
  • Если ваш сайт работает на Magento, воспользуйтесь расширением Social Share – Open Graph.
  • Для сайтов на OpenCart также можно выбрать специальное расширение.

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

 

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

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

Для интернет-магазинов будут полезными следующие типы сниппетов:

  • Продукты. Также вы можете получить расширенный сниппет в «Яндексе» с помощью программы «Товары и цены».
  • Отзывы/обзоры.
  • Контактные данные. Вы можете указывать контакты сервисных центров, пунктов выдачи заказов или офлайн-подразделений. Используйте разметку Schema.org или микроформаты.
  • Person. Используйте этот тип разметки для структурирования информации об экспертах, разработчиках продуктов, авторов публикаций.
  • Search Box. Воспользуйтесь плагином для WordPress .

Для контент-проектов можно использовать такие типы разметки:

  • Статья. Воспользуйтесь генератором разметки или скопируйте код здесь и вставьте необходимые данные.
  • События.
  • Person.
  • Контактные данные.
  • Отзывы/обзоры.

Администраторам корпоративных сайтов можно подумать о следующих типах расширенных сниппетов:

  • Контактные данные.
  • Продукты.
  • Отзывы/обзоры.
  • Person.
  • Статья.

Также обратите внимание на типы разметки и сниппетов, специфичные сайтам с узкой тематикой:

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

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

Получить расширенный сниппет просто

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

Не тратьте время на создание кода вручную. Воспользуйтесь автоматическими генераторами разметки, например, Schema Creator. Чтобы найти генератор конкретного типа разметки, введите в поисковую систему запрос «x schema creator» или «x schema generator», где x — необходимый тип разметки. Если вы создаете страницы с разметкой ежедневно, установите на сайт плагин или расширение для создания семантической разметки. Обязательно внедрите Open Graph для получения расширенных описаний в социальных сетях. Помните, поисковики не гарантируют отображения расширенного сниппета, даже если вы корректно разметили страницы сайта.

seogrob.ru

Из чего состоит сниппет в Яндексе?

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

Основная часть:
1. Заголовок.
2. Навигационная цепочка.
3. Описание.

Расширения:
4. Быстрые ссылки.
5. Специальные данные: адрес, телефон, ссылка на Яндекс.Карты.

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

Рисунок 1. Сниппет в Яндексе

Сниппет в Яндексе

 

Как повлиять на содержание сниппета?

А. Оптимизируйте заголовок сниппета

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

Рисунок 2

Сниппет в Яндексе

Для формирования нужного заголовка в сниппете рекомендуем:
– использовать важные ключевые слова в прямом вхождении в начале Title;
– прописывать вхождения согласно правилам русского языка, а не в виде спама и перечислений;
– следить, чтобы Title был максимально информативным и отражал суть контента страницы;
– длина Title должна быть в диапазоне 50–55 символов.

Б. Оптимизируйте описание сниппета

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

Рисунок 3. Описание сниппета 

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

Для формирования нужного описания в сниппете необходимо:

– Правильно заполнить Description
Метатег должен быть привлекательным, содержать ключевые запросы в начале описания в прямом вхождении (если это не противоречит правилам русского языка). Старайтесь лаконично описывать содержание страницы, на которую попадёт пользователь. Описание должно побуждать к переходу по ссылке.

– Оптимизировать нужный фрагмент из контента страницы
Ориентировочная длина описания сниппетов в Яндексе – 240 знаков (с пробелами). Чтобы ПС вывела в сниппет нужный вам фрагмент текста, оптимизируйте контент под следующие требования:
1. Нужный фрагмент должен иметь самую высокую плотность ключевого слова в тексте.
2. Используйте в этом фрагменте текста ключи в прямом вхождении (если это не противоречит правилам русского языка).
3. Текст нужного фрагмента не должен дублировать текст из Title. Желательно чтобы он дополнял тег Title, был его продолжением.
4. Не прописывайте в соседних предложениях ключевые слова. Яндекс может «оторвать» кусок текста и вставить в ваш фрагмент, что нарушит читабельность.

– Закрыть описание из данных Яндекс.Каталога
По некоторым запросам для сниппета главной страницы ПС может брать описание сайта в Яндекс.Каталоге.

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

<meta name="robots" content="noyaca"/>

Как изменить содержание сниппета?

Если сформированный сниппет выглядит непривлекательно или выводится не та информация, определите источник текста:

  • если сниппет сформирован из Description и Title – доработайте их содержание и отправьте страницы на переобход. После апдейта опять проанализируйте;
  • если источником стал контент страницы – закройте эту часть текста от индексации и доработайте Description или доработайте контент. После апдейта опять проанализируйте.

Как выделить сниппет в выдаче ПС Яндекс?

А. Добавьте Favicon

Favicon – значок, который отображается в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой. Favicon должен быть запоминающимся, выполненным в том же стиле, что и сайт и простым для восприятия (см рис.4).

Рисунок 4

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

Б. Добавьте Emoji

Emoji – это специальные символы (фигуры, смайлики), в том числе цветные, которые помогают привлечь внимание пользователей и тем самым получить больше трафика.

Рисунок 5. Пример Emoji в сниппете Яндекса

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

Рисунок 6

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

Спецсимволы можно размещать в Description и Title страницы.
Полный набор иконок можно посмотреть в Википедии.

В. Настройте расширенные сниппеты Яндекса

Расширенные сниппеты помогают повысить CTR ссылки на сайт, так как:
– занимают больше места в выдаче;
– предоставляют исчерпывающую информацию о компании или о товаре/услуге.

Какая информация может выводиться в расширенном сниппете:

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

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

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

Настроить расширенные сниппеты Яндекса можно в панели Яндекс.Вебмастера, а также с помощью микроразметки Schema.org.

Яндекс.Вебмастер

А. Модуль Яндекса «Товары и цены»
После загрузки YML–файла с названиями товаров и ценами, в сниппет может подгрузиться информация о цене на товар – она выведется справа от ссылки на сайт.

Рисунок 7

Сниппет «Товары и цены»

Для этого нужно:
А. Зайдите в раздел «Содержимое сайта» → подраздел «Товары и цены» → «Начать работу».
Б. Заполните данные о компании (ОГРН, юридический адрес и другое).
В. Подготовьте YML-файл, в котором опишите товары или услуги вашей компании. Именно эти данные будут отображаться в сниппете.
Г. Зайдите во вкладку «Источник данных» и укажите путь к YML-файлу.
Д. Дождитесь модерации данных Яндексом.

Требования к YML-файлу для модуля «Товары и цены».

Б. Быстрые ссылки
Быстрые ссылки формируются автоматически, но поисковику можно помочь. Для этого удостоверьтесь что:
— Основные разделы доступны с главной страницы.
— Названия короткие и понятные.
— У кнопок-картинок заполнены атрибуты Alt.
— Все страницы соответствуют ссылкам: если кнопка называется «цены», то и на конечной странице находятся цены.

Рисунок 8

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

В. Информация об организации
Чтобы данные о компании было видно на её карточке (справка «Объективный ответ»), на Яндекс.Картах и в результатах поиска, нужно добавить подробную информацию о ней (адрес, телефон и т. д.) на странице «Адреса и организации» в Яндекс.Вебмастере.

Рисунок 9

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

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

Недостатки:
– когда информация о компании меняется, нужно заходить в Яндекс.Вебмастер и менять настройки;
– эти настройки не распространяются на другие поисковики. Если в Яндексе ваш сниппет будет хорош, то, например, в Google он будет всё таким же унылым;
– возможны проблемы с созданием YML-файлов: нужно знать очень много нюансов, чтобы файл был корректно сделан и учтён Яндексом.

Семантическая разметка Schema.org

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

Подробно о микроразметке Schema.org и как её внедрить в нашем блоге.

Преимущества:
— разметка универсальна для основных поисковиков;
— внедрить её можно без вмешательства в исходный код сайта.

siteclinic.ru

Для каких сайтов эффективно применять расширенные сниппеты

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

Улучшенные сниппеты хороши для сайтов:

  1. с мобильными приложениями;
  2. с авторским контентом;
  3. с аудио и видео контентом;
  4. с кулинарными рецептами
  5. связанных с организацией различных мероприятий;
  6. продающих товары (интернет-магазинов).

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

Как сделать расширенные сниппеты в Google. Пошаговая инструкция

Шаг 1. Привязываем сайт к аккаунту на Google+, чтобы рядом с вашим сниппетом выводилась ваша фотография. Выглядит это довольно-таки презентабельно, однозначно повышает CTR в выдаче и уж точно увеличивает доверие пользователя к вашему сайту. Этот пункт полезен тем, кто пишет контент сам на свой сайт и хочет раскрутить свое имя. Выглядит это примерно так.

Расширенные сниппеты» alt=»авторство в гугл» width=»536″ height=»131″ sizes=»(max-width: 536px) 100vw, 536px» data-srcset=»/wp-content/uploads/2014/04/avtor.png 536w,/wp-content/uploads/2014/04/avtor-300×73.png 300w, https://whiteprofit.ru/wp-content/uploads/2014/04/avtor.png»>

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

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

Шаг 2. Настраиваем вывод адреса в сниппете. Для этого нам понадобится использовать микроразметку. Более подробно, чем сам Google, я написать не смогу, поэтому наслаждайтесь всей информацией по ссылке. Если все сделать так, как там написано, то выйдет нечто похожее.

Расширенные сниппеты» alt=»микроразметка организации» width=»443″ height=»103″ sizes=»(max-width: 443px) 100vw, 443px» data-srcset=»/wp-content/uploads/2014/04/org.png 443w,/wp-content/uploads/2014/04/org-300×69.png 300w, https://whiteprofit.ru/wp-content/uploads/2014/04/org.png»>

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

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

Расширенные сниппеты» alt=»event-мероприятия в сниппете» width=»479″ height=»105″ sizes=»(max-width: 479px) 100vw, 479px» data-srcset=»/wp-content/uploads/2014/04/event.png 479w,/wp-content/uploads/2014/04/event-300×65.png 300w, https://whiteprofit.ru/wp-content/uploads/2014/04/event.png»>

Шаг 4. Выводим рейтинг статьи. Этот вид дополнительной информации в сниппете не повредит любому сайту. Но смысл ставить его будет только в том случае, если на вашем сайте есть активная аудитория, которой не будет лень выставлять оценки.

Расширенные сниппеты» alt=»рейтинг в сниппете» width=»523″ height=»103″ sizes=»(max-width: 523px) 100vw, 523px» data-srcset=»/wp-content/uploads/2014/04/rate.png 523w,/wp-content/uploads/2014/04/rate-300×59.png 300w, https://whiteprofit.ru/wp-content/uploads/2014/04/rate.png»>

Как поставить такие звездочки в свой сниппет написано на сайте Google. Там все понятно и доступно написано на русском языке.

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

Расширенные сниппеты» alt=»вывод картинки рецепта в сниппете» width=»527″ height=»114″ sizes=»(max-width: 527px) 100vw, 527px» data-srcset=»/wp-content/uploads/2014/04/recept.png 527w,/wp-content/uploads/2014/04/recept-300×64.png 300w, https://whiteprofit.ru/wp-content/uploads/2014/04/recept.png»>

Шаг 6. Выводим быстрые ссылки навигации. Это очень удобная вещь, которая появляется только на авторитетных сайтах, где есть активная аудитория. Как их вывести в сниппете отлично написано тут. Будет выглядеть это примерно так. Кстати, отлично повышает CTR в выдаче.

Расширенные сниппеты» alt=»навигационные быстрые ссылки в сниппете» width=»537″ height=»121″ sizes=»(max-width: 537px) 100vw, 537px» data-srcset=»/wp-content/uploads/2014/04/nav.png 537w,/wp-content/uploads/2014/04/nav-300×67.png 300w, https://whiteprofit.ru/wp-content/uploads/2014/04/nav.png»>

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

Расширенные сниппеты» alt=»видео в сниппете» width=»522″ height=»123″ sizes=»(max-width: 522px) 100vw, 522px» data-srcset=»/wp-content/uploads/2014/04/video.png 522w,/wp-content/uploads/2014/04/video-300×70.png 300w, https://whiteprofit.ru/wp-content/uploads/2014/04/video.png»>

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

Вообще вы должны понять, помогут вашему сайту расширенные сниппеты от Google или нет. Если у вас малопосещаемый никому не интересный сайт, то точно не помогут. А вот к хорошим сайтам для людей подобное улучшение стоит применить, так вы улучшите поведенческие показатели, увеличите CTR и, следовательно, посещаемость из поиска. И не стоит забывать про расширенные сниипеты в Яндексе.

Как технически реализовать микроразметку новичку

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

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

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

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

whiteprofit.ru

Что такое расширенные сниппеты и зачем они нужны

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

Поисковые системы формируют сниппет автоматически. В качестве источника описания роботы используют контент страницы или мета-тег description. Стандартный сниппет ограничен приблизительно 160 символами с пробелами. Это два или три коротких предложения.

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

Зачем нужны расширенные сниппеты

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

Вот некоторые данные о влиянии расширенных сниппетов на кликабельность ссылки на сайт в выдаче, а также на эффективность продвижения ресурса:

  • В 2011 году Marketing Tech Blog опубликовал вдохновляющие данные. По данным этого ресурса, указание авторства статей с отображением в сниппете фото журналиста обеспечило блогу рост CTR на 484 %. С тех пор много воды утекло, но цифры остались. Вдумайтесь, фото автора рядом со ссылкой на сайт увеличило CTR на сотни процентов. Пусть Google Authorship больше не поддерживается, зато есть другие типы расширенных сниппетов.
  • Мэтт Каттс прямо не подтверждает, что расширенные описания влияют на рейтинг сайтов в выдаче. Но он говорит, что в некоторых тематиках внедрение микроразметки улучшает видимость сайта. Еще раз обратите внимание, расширенные сниппеты повышают видимость сайта. Пусть речь не идет о позициях ресурса. Вам же нужны клики, а не первое место в выдаче. Кстати, Рэнд Фишкин утверждает, что клики могут влиять на позиции сайта в выдаче. Если он прав, то Мэтт Каттс лукавит, когда говорит об отсутствии влияния сниппетов на позиции.
  • Маркетинговое агентство Catalyst несколько лет назад протестировало расширенные сниппеты. Они обеспечили сайту кулинарной тематики рост CTR на 150 %.
  • По данным Search Engine Land, нидерландский сайт Independer.nl, посвященный автострахованию, с помощью расширенных сниппетов увеличил CTR ссылок в выдаче на 28 %.
  • Коллеги из SeoProfy приводят примеры увеличения CTR сайтов в выдаче. Кликабельность большого сайта выросла на 4 %, а маленького на 442 %.
  • Маркетологи из Builtvisible рассказывают об увеличении CTR с помощью расширенных описаний.

Сниппеты приносят вам дополнительные переходы на сайт. Если вы умеете конвертировать трафик, немедленно внедряйте расширенные описания. Они принесут вам новые сделки. Информация ниже поможет вам это сделать.

Какие существуют словари и типы синтаксиса микроразметки

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

  • Schema.org. Этот словарь можно назвать золотым стандартом микроразметки. Его поддерживают крупнейшие поисковые системы, включая «Яндекс», Google и Bing. С помощью Schema.org вы можете описывать сотни сущностей. Благодаря этому вы можете помочь «поисковикам» отображать расширенные сниппеты разных типов. Подробную информацию о Schema.org вы найдете в нашей статье и гайде.
  • Microformats.org. С помощью языка микроформатов вы можете структурировать информацию о некоторых сущностях: людях, событиях, статьях, отзывах. Крупнейшая в рунете поисковая система «Яндекс» в данный момент поддерживает только четыре типа разметки микроформатов: рецепты, отзывы, товары и контактные данные. Поэтому возможности Microformats.org ограничены по сравнению со Schema.org.
  • Open Graph. Этот язык помогает социальным сетям отображать ссылки на ваш сайт с привлекательными описаниями. Open Graph поддерживают все наиболее популярные в рунете социальные площадки, включая Facebook, «Вконтакте», Twitter и т.п.

Каждый язык микроразметки вы можете реализовать с помощью разных типов синтаксиса:

  • Микроданные. Формат microdata считается основным средством реализации микроразметки Schema.org. Он предполагает использование тегов и атрибутов HTML для структурирования данных. Основным преимуществом микроданных остается простота использования.
  • JSON-LD. Перспективный формат передачи структурированных данных, предложенный W3C. С помощью этого типа синтаксиса вы можете реализовать микроразметку Schema.org.
  • Микроформаты. Этот синтаксис используется для реализации словаря Microformats.org.
  • RDFa. Данный формат используется для реализации языка Open Graph.

Какой язык и синтаксис выбрать

Выбирайте язык и синтаксис в зависимости от цели и задач, которые вы хотите решить. Если вам нужны расширенные сниппеты на страницах поисковой выдачи, оптимальным выбором будет Schema.org. Этот тип микроразметки поддерживают все крупные поисковые системы. Используя Schema.org, вы можете описать множество разных сущностей и получить разные типы расширенных сниппетов. Реализовать разметку Schema.org вы можете с помощью синтаксиса microdata или JSON-LD.

Если вам необходимо управлять описаниями ссылок в социальных сетях, внедрите Open Graph. Чтобы реализовать эту разметку, вы будете использовать формат RDFa. Язык Microformats.org также заслуживает внимания благодаря простоте использования.

Как получить расширенные сниппеты с помощью Schema.org

Вы можете реализовать микроразметку Schema.org несколькими способами. В нашем руководстве описывается самый сложный и самый правильный /upload/img/2015-11-11-tex-01.jpg: самостоятельная сборка кода, который необходимо указать на размечаемой странице. Если вы хотите досконально разобраться со Schema.org, обязательно воспользуйтесь руководством и разметьте вручную несколько страниц с разными сущностями.

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

Schema Creator

Веб-сервис Schema Creator — простой и удобный генератор кода микроразметки, созданный софтверной компанией Raven. Чтобы воспользоваться инструментом, вам не нужно разбираться в веб-программировании. Более того, вам не придется даже регистрироваться. Есть только два условия успешного использования инструмента. Во-первых, вам нужно знать английский язык на базовом уровне или уметь пользоваться онлайн-переводчиками. Во-вторых, вам нужно знать, куда и как вставить сгенерированный инструментом код разметки.

Представьте, что с помощью Schema Creator вы хотите разметить страницу с описанием книги. Вам нужно выбрать тип разметки «Книга» (Book).

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

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

Обратите внимание, если вы пользуетесь CMS с возможностью редактировать страницу в визуальном формате и формате HTML, выберите второй вариант.

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

В режиме редактирования HTML вы можете выбирать, в каком месте страницы вставить код. Например, вы можете оформить его в качестве врезки в середине текста или резюме в конце статьи.

Если вам по каким-то причинам не подходит веб-сервис Schema Creator, воспользуйтесь другими инструментами для генерации кода микроразметки:

  • Если ваш сайт работает на WordPress, используйте плагин Schema Creator. Прочитайте подробную инструкцию по применению этого инструмента. Кстати, вы можете использовать и другие плагины для микроразметки. Для этого введите в поисковое поле каталога плагинов WordPress запрос «Schema.org».
  • Для сайтов на Joomla! используйте редактор JCE и расширение J4Schema.org. Обратите внимание, чтобы заставить эту пару инструментов работать, вам придется потрудиться. Подробнее в инструкции.
  • Для сайтов на Drupal воспользуйтесь модулем Schema.org.
  • Существуют плагины и модули микроразметки для других популярных CMS: Magento, OpenCart, 1С-Битрикс и так далее.

Вы можете реализовать микроразметку Schema.org с помощью синтаксиса JSON-LD. Для этого воспользуйтесь инструкцией. С помощью JSON-LD вы сможете внедрить на сайт только несколько типов микроразметки: Article, Person, WebSite, searchAction и некоторые другие. Синтаксис JSON-LD имеет важное преимущество перед микроданными: с его помощью можно создавать разметку, которую «видят» только поисковые системы.

Как разметить страницу с помощью маркера Google

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

На открывшейся странице нажмите кнопку «Начать выделение».

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

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

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

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

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

Как получить расширенный сниппет с помощью мастера разметки структурированных данных Google

С помощью мастера разметки вы можете добавить структурированные данные на страницы сайта или в HTML-код электронных писем. Авторизуйтесь в системе и укажите URL страницы, которую планируете разметить. Выберите тип данных и нажмите кнопку «Начать разметку».

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

После завершения разметки нажмите кнопку «Создать HTML». Скопируйте выделенный фрагмент с кодом разметки и вставьте на страницу сайта.

Как получить расширенные сниппеты с помощью «Яндекс.Вебмастер»

Для формирования расширенных сниппетов вы можете воспользоваться инструментами для вебмастеров «Яндекс». Для этого выберите меню «Содержимое сайта».

Выберите тип данных, которые должны отображаться в расширенном сниппете. Это могут быть «Товары и цены», «Рецепты», «Рефераты», «Отзывы», «Словари», «Автообъявления».

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

Как получить расширенные сниппеты с помощью микроформатов

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

  • hCard (контактная информация).
  • hReview (отзывы).
  • hCalendar (события).

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

Как получить расширенные описания в социальных сетях

Универсальный инструмент для решения этой задачи — протокол Open Graph. Его «понимают» наиболее популярные социальные сети, включая «Вконтакте», «Фейсбук», «Твиттер», Google+ и другие.

Чтобы создать разметку Open Graph, воспользуйтесь автоматическим генератором, например, таким. Заполните необходимые данные. Скопируйте сгенерированный код и вставьте его на страницу между тегами <head> и </head>.

Обратите внимание, в выпадающем меню Type необходимо выбирать подходящий тип контента: статья, видео, книга и так далее.

Обратите внимание на следующие инструменты:

  • Если ваш сайт работает на WordPress, воспользуйтесь плагинами для генерации разметки Open Graph: этим или этим.
  • Для сайтов на Joomla! подойдут расширения Phoca Open Graph и Easy Open Graph.
  • Владельцам сайтов на Drupal стоит обратить внимание на модуль Open Graph meta tags.
  • Для сайтов на 1С-Битрикс можно попробовать платное расширения Social Media Optimizer. Разработчики утверждают, что оно поддерживает разметку Open Graph и Twitter Cards.
  • Если ваш сайт работает на Magento, воспользуйтесь расширением Social Share – Open Graph.
  • Для сайтов на OpenCart также можно выбрать специальное расширение.

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

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

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

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

  • Продукты. Также вы можете получить расширенный сниппет в «Яндексе» с помощью программы «Товары и цены».
  • Отзывы/обзоры.
  • Контактные данные. Вы можете указывать контакты сервисных центров, пунктов выдачи заказов или офлайн-подразделений. Используйте разметку Schema.org или микроформаты.
  • Person. Используйте этот тип разметки для структурирования информации об экспертах, разработчиках продуктов, авторов публикаций.
  • Search Box. Воспользуйтесь плагином для WordPress или скопируйте код здесь и вставьте данные своего сайта.

Для контент-проектов можно использовать такие типы разметки:

  • Статья. Воспользуйтесь генератором разметки или скопируйте код здесь и вставьте необходимые данные.
  • События.
  • Person.
  • Контактные данные.
  • Отзывы/обзоры.

Администраторам корпоративных сайтов можно подумать о следующих типах расширенных сниппетов:

  • Контактные данные.
  • Продукты.
  • Отзывы/обзоры.
  • Person.
  • Статья.

Также обратите внимание на типы разметки и сниппетов, специфичные сайтам с узкой тематикой:

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

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

Получить расширенный сниппет просто

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

Не тратьте время на создание кода вручную. Воспользуйтесь автоматическими генераторами разметки, например, Schema Creator. Чтобы найти генератор конкретного типа разметки, введите в поисковую систему запрос «x schema creator» или «x schema generator», где x — необходимый тип разметки. Если вы создаете страницы с разметкой ежедневно, установите на сайт плагин или расширение для создания семантической разметки. Обязательно внедрите Open Graph для получения расширенных описаний в социальных сетях. Помните, поисковики не гарантируют отображения расширенного сниппета, даже если вы корректно разметили страницы сайта.

kak-sdelat-rasshirennyy-snippet-podrobnoe-rukovodstvo-dlya-chaynikov

texterra.ru


You May Also Like

About the Author: admind

Добавить комментарий

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Adblock
detector