Как формируется сниппет сайта — Онлайн-курсы Яндекса

1. Немного теории

Рядом с каждой ссылкой в результатах поиска есть краткое описание найденной страницы. Ссылка с описанием — это и есть сниппет.

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

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

Поисковая система умеет сама составлять сниппеты, используя контент найденных страниц, теги <title> и <description>, данные из семантической разметки и XML-файлов. Содержание сниппета зависит также от запроса пользователя. Поэтому для одной страницы часто формируются разные сниппеты. Вы можете влиять на их содержание, меняя текст в перечисленных источниках данных.

Задать заголовок и описание сайта помогают теги и <title> и <description>. Большинство современных CMS (систем управления содержимым сайта) расставляют эти теги автоматически. Если вы не знаете, как обстоит дело с вашим сайтом, это легко проверить. Для этого зайдите на какую-нибудь страницу — например, с карточкой товара или новостью — и откройте код. Например, в Яндекс.Браузере это можно сделать, кликнув на страницу правой клавишей мыши и выбрав команду «Просмотреть код страницы». Останется только найти интересующие нас теги. Они будут выглядеть примерно так:

<title>Холодильник</title>
<meta name="description" content="Холодильник, способный создавать холод"/>
 

Если вы не нашли на сайте тегов <title> и <description>, создайте их сами или обратитесь к специалистам по вашей CMS.

Бывает так, что теги <title> и <description> есть, но они не заполнены. Найти незаполненные теги можно с помощью сервиса Яндекс.Вебмастер. Это быстрее, чем вручную проверять каждую страницу ресурса.

Как сделать красивый расширенный сниппет в Яндексе в 2021 — руководство от Hardkod

 

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

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

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

Яндекс, как и другие поисковики, формирует сниппет автоматически (у них даже есть урок, как сделать его лучше). Чаще всего, источником служат мета-теги title (название страницы, которое видно во вкладке браузера) и description. Стандартное описание ограничивается 160 символами, включая пробелы (это пара предложений).

Из чего состоит расширенный сниппет?

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

Расширенный сниппет может включать:

• адреса организации (офис, магазин) и ссылка на карту;
• быстрые ссылки на внутренние страницы сайта, например, в разделы каталога;
• рейтинг того или иного товара или статьи;
• контактную информацию — адрес, телефон, график работы;
• цену товара, если поиск был адресован конкретной продукции.

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

С чего начать?

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

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

И это далеко не самый плохой вариант. Чтобы такого не произошло, необходимо внимательно следить за заполнением заголовков h2-h5, в некоторых случаях можно закрыть от индексации отдельные куски текста, чтобы они не попали в сниппет. Главное помнить, что закрытый элемент не увидит только Яндекс, Google свободно сканирует содержимое тега .

Разделители в тексте

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

Еще один разделитель, который можно использовать в тексте — специальные символы Unicode. Они заметно выделяются на фоне привычных знаков препинания. Например — ✎, ❤ и другие.

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

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

Быстрые ссылки

Для того, чтобы проверить, сформированы ли быстрые ссылки для вашего сайта, зайдите на панель Яндекс.Вебмастер→Информация о сайте→Быстрые ссылки.

Подробную информацию о том, как они формируются, дает сам Яндекс. Основные условия:

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

Если ссылки уже сформированы, как показано на скрине выше, то вы можете управлять их видимостью (нажав на иконку глаза), а также выбирать более подходящие для отображения названия из предложенных вариантов. На поиске Яндекс сниппет с быстрыми ссылками выглядит так:

Или даже так, в зависимости от расположения в выдаче:

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

Метки

Существует несколько разных меток от Яндекс, которые отображаются в сниппете. Основные это «Защищенное соединение», «Турбо-страницы», «Выбор пользователей»,«Популярный сайт», «Официальный сайт по данным Я.Справочника» и другие (подробную информацию можно найти в Яндекс.Справке). Они появились в 2018 году и до недавнего времени на выдаче выводились все имеющиеся знаки, но сейчас можно увидеть пометки только о Турбо-странице, а также метку для официальных сайтов государства, посольств и т.д. (подробнее об этом по ссылке выше). Помимо этого, есть еще значок Яндекс.Маркета, который тоже вполне добываем, если у вас интернет-магазин.

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

В итоге мы попадаем на страницу с полным перечнем информации:

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

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

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

Для получения значка «Турбо-страницы» требуется подключить… турбо-страницы от Яндекс. В выдаче с мобильного возле сайта появится значок ракеты.

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

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

так и при просмотре выдачи на десктопе:

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

другое преимущество на выдаче, которое вы получите с добавлением Турбо-Страниц — появление картинки, а на десктопе и цены возле сниппета в выдаче (о них мы писали выше). Пример для мобильной выдачи:

Пример для вывода на десктопе:

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

Яндекс.Маркет

Для его подключения также требуется создать источник. Для Турбо-страниц интернет-магазинов и Яндекс.Маркета может быть использован один и тот же файл (оформлять его при этом нужно по правилам для Маркета). Помимо размещения на площадке Яндекс.Маркет вы получаете значок с рейтингом:

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

Навигационный ответ

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

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

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

При этом картинка должна быть хорошего качества.

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

Важно также помнить, что фотография отнимет часть места у текста.

Онлайн-консультант

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

Структурированные данные

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

Адрес

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

Показ цен

Еще один простой способ привлечь внимание пользователей к вашему сайту — сразу продемонстрировать стоимость товаров или услуг. Есть несколько способов:

• вручную прописанная в мета-тегах цена товара;
• микроразметка;
• Турбо-страницы.

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

Для статей и блогов

Чтобы указать автора статьи, ее заголовок, время публикации, потребуется разметка типа article. Обратите внимание на свойство «dateModified», оно позволит обновить дату даже у старой статьи, если вы ее отредактируете на пять или более процентов. Свежую информацию пользователи всегда читают охотнее. Называется такая разметка Schema.org: Article, NewsArticle или BlogPosting.

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

5 марта 2021Seo-продвижение

Как сделать расширенный сниппет: очень подробное руководство

Обновил Сергей Алмакин

Расширенный поисковый сниппет приносит дополнительные переходы на сайт со страницы выдачи Google или «Яндекс». Если вы еще не используете этот инструмент, потому что боитесь лезть в код сайта или путаетесь в типах разметки, – это руководство для вас. Здесь есть все, что нужно, даже если вы никогда не имели дела с HTML-кодом.

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

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

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

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

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

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

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

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

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

• Schema.org. Этот словарь можно назвать золотым стандартом микроразметки. Его поддерживают крупнейшие поисковые системы, включая «Яндекс», Google и Bing. С помощью Schema.org вы можете описать сотни различных сущностей, например, product (товар), movie (фильм), event (событие), breadcrumbs (хлебные крошки). Это позволяет поисковикам отображать расширенные сниппеты разных типов.
• Microformats.org. С помощью языка микроформатов вы можете структурировать информацию о некоторых сущностях: людях, событиях, статьях, отзывах. Крупнейшая в рунете поисковая система «Яндекс» в данный момент поддерживает только два типа такой разметки: hCard – микроформат контактной информации (адресов, телефонов и т. д.) и hRecipe – для описания кулинарных рецептов. Поэтому возможности 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. Этот тип микроразметки поддерживают все крупные поисковые системы. Используя его, вы можете описать множество разных сущностей и получить разные типы расширенных сниппетов. Реализовать такую разметку вы можете с помощью синтаксиса microdata или JSON-LD.

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

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

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

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

Сервис Schema Markup Generator

Веб-сервис Schema Markup Generator – простой и удобный генератор микроразметки, который доступен бесплатно. Чтобы его использовать, не требуется знать веб-программирование. Для работы с сервисом желателен английский (на базовом уровне), но устроит и онлайн-переводчик. Кроме этого, нужно знать, куда и как вставить подготовленный инструментом код.

Предположим, вы хотите с помощью Markup Generator разметить страницу персоны / специалиста / сотрудника. Для этого нужно выбрать тип разметки:

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

Получаем код разметки:

Копируем код:

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

Нажатие на голубую кнопку «Копировать» или Copy (см. выше) помещает код разметки в буфер обмена, чтобы вы могли его вставить на страницу сайта с помощью редактора вашей CMS.

Обратите внимание: если пользуетесь CMS с возможностью редактировать страницу в визуальном формате и формате HTML, обязательно выберите второй вариант. В качестве примера используется набором данных типа «Книга», но для других сущностей Schema.org.

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

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

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

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

Создание микроразметки с помощью плагина для WordPress Schema. Выбираем тип сайта

Создание микроразметки с помощью плагина для WordPress Schema. Указываем, кого представляет сайт (компанию или частное лицо), добавляем ссылки (на сам сайт и логотип)

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

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

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

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

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

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

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

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

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

Еще один пример размеченных элементов в «Маркере» для типа «Статья»:

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

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

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

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

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

Набор тегов будет разным для каждого типа данных. Например, вот набор тегов для типа «Статья»:

После завершения разметки нажмите кнопку «Создать HTML»:

А вот данные для типа «Продукт»:

Еще раз отмечу – чтобы заполнить данные, просто кликайте по словам на странице и выбирайте релевантный тег. Например, кликаем по автору публикации:

…и указываем его в качестве автора статьи:

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

Например, название товара:

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

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

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

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

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

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

Чтобы создать разметку Open Graph, воспользуйтесь автоматическим генератором (например, таким). Сперва выберите ваш тип контента:

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

После заполнения всех необходимых данных скопируйте сгенерированный код и вставьте его на страницу между тегами <head> и </head>.

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

Чтобы получить привлекательные описания в Twitter, вы можете воспользоваться Twitter Cards.

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

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

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

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

Ответ на этот вопрос зависит от цели и задач, которые вы решаете, а также от типа вашего сайта.

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

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

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

Альтернативный вариант – скопируйте код здесь и вставьте необходимые данные:

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

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

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

Также обратите внимание на типы разметки и сниппетов, подходящие сайтам с узкой тематикой:

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

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

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

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

Не тратьте время на создание кода вручную. Воспользуйтесь автоматическими генераторами разметки, например, Schema Markup Generator. Если вы создаете страницы с разметкой ежедневно, установите на сайт плагин или расширение для создания семантической разметки. Обязательно внедрите Open Graph для получения расширенных описаний в социальных сетях. Помните, поисковики не гарантируют отображения расширенного сниппета, даже если вы корректно разметили страницы сайта.

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

Рассказываем как настроить расширенный сниппет для Google и Яндекса?

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

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

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

Какие элементы сниппета бывают

Он выделен жирным шрифтом и находится в самом верху сниппета. Формируется из title страницы (если его длина не более 70 символов) и заголовков (h2, h3), имеющихся на ней. Как правило, в заголовок сниппета подтягивается тот текст, который больше всего соответствуют запросу, вбитому пользователем в поисковую строку. Заголовок используется и в стандартном, и в расширенном сниппете как в Яндексе, так и в Google.

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

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

• фавикон (favicon)

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

1. Создать иконку (формат .ico, размер 16х16 пикселей, имя favicon.ico)
2. Загрузить ее в корневой каталог сайта
3. Прописать в контейнере head мета-тег: «link rel=»shortcut icon» type=»image/x-icon» href=»/favicon.ico» /».

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

Элементы, про которые мы будем рассказывать дальше, может содержать только расширенный сниппет. Некоторые используются в Google, абсолютно все в Яндексе.

• навигационная цепочка («хлебные крошки»)

В сниппетах крупных сайтов с четко выраженной структурой поисковые роботы прописывают навигационные цепочки. Они располагаются в той же строке, что и адрес сайта. Если у вас крупный сайт, но в выдаче у него нет навигационной цепочки:

1. посмотрите, как построен ваш каталог. Если адреса выглядят так же как этот: https://www.yalstudio.ru/company_news/obzor-servisov-otlozhennogo-postinga-v-sotssetyakh-chast-1/, переходите ко 2 пункту. Если нет, придется привести их к этому виду;
2. поработайте над title и названиями ссылок. В идеале они должны совпадать и иметь небольшую длину.

Чтобы «хлебные крошки» появились в расширенном сниппете в Google, нужно прописать их с помощью микроразметки.

В качестве сайта, для которого мы делаем навигационную цепочку, мы выбрали тот, что показан на предыдущем скриншоте. С помощью Schema Markup Generator мы сгенерировали код, который необходимо вставить в HTML нужной нам страницы.

• быстрые ссылки

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

• адрес и номер телефона организации

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

У некоторых интернет-магазинов в сниппете прописываются цены товаров. Это позволяет показать еще в поисковой выдаче, что предложение компании очень привлекательно и не имеет аналогов (конечно, если это действительно так). Для настройки показа цен в Яндексе нужно прописать этот пункт в разделе «Информация о сайте». А при смене цен оперативно менять их и в прайс-листе, хранящемся в yml-файле. Чтобы занести эти же данные в расширенный сниппет для Google, придется поработать с микроразметкой. Подробнее об этом мы расскажем немного позже.

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

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

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

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

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

Расширенный сниппет Google такими мимишными иконками не радует. Он и раньше отличался консервативным внешним видом (наверное, взял пример со своих создателей), а после редизайна 2020 года стал выглядеть еще строже и скучнее. Максимум что он может предложить в качестве альтернативы знакам Яндекса – звездочки рейтинга. С помощью них показывается популярность ресурса.

В правой части сниппета у некоторых сайтов выводятся картинки. Берутся они со страницы, которая отображается в поиске. Выбрать, какое из изображений попадет в сниппет невозможно. Однако можно повысить вероятность его использования, прописав URL и alt. В последний стоит занести ключ, по которому продвигается страница. Этот элемент используются как в Google, так и в Яндексе.

• лента изображений

Показать товар лицом можно не только на своем сайте, но и прямо на странице поиска. Достаточно вывести его в сниппет. За картинки сразу цепляется глаз, а потому вероятность, что потенциальный покупатель заглянет на огонек чрезвычайно высока. В Яндексе этот элемент делается с помощью функции «Турбо-страницы». Чтобы внедрить его в расширенный сниппет Google нужно немного поколдовать с микроразметкой. В Schema Markup Generator для этого есть шаблон Product.

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

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

Несколько слов о работе с микроразметкой

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

Если же микроразметка для вас темный лес, привлекайте помощников, например Schema Markup Generator (мы уже упоминали его в статье). Этот веб-сервис бесплатный, простой и подходит для тех, кто далек от программирования. Единственный минус сервиса – он англоязычный. Но и эта проблема решаема. С Schema Markup Generator можно договориться, используя в качестве посредника онлайн-переводчик.

С помощью сервиса можно прописать не только сниппеты, но и логотип, а также страницы с контактами, статьями, товарами.

Возникли проблемы в процессе создания расширенного сниппета в Google или Яндексе? Обращайтесь за помощью в Студию ЯЛ. Наши специалисты могут помочь советом или вовсе взять на себя все заботы о вашем сайте и его продвижении. В этом мы профи. Убедитесь сами, изучив наше портфолио:

Алексей Радкевич

Директор Студии ЯЛ

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

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

Как сделать сниппет, чтобы он выглядел привлекательно?

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

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

1) Как сделать сниппет для Яндекса более красивым? Для этого необходимо создать привлекательный фавикон — это небольшое изображение, которая показывается рядом с позицией интернет-сайта в выдаче. Нужно выполнить загрузку фавикона на интернет-сайт — поисковики автоматическим образом его отыщут. Это хороший притягивающий компонент.

2) В заглавии нужно применять воззвания для рекламы и ключевые слова. В частности, «Продвижение онлайн-сайтов. На один месяц предоставляется скидка 50 процентов». Последняя фраза — это реклама. Ее можно написать курсивом для того, чтобы сниппет отличался и притягивал пользователей.

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

4) Желательно пользоваться мета-тегом description. Зачастую достаточно применять в нем ключевые фразы, в соответствии с которыми осуществляется продвижение, и тогда сниппет будет успешным.

5) Если поисковая система дозволяет, то лучше делать расширенные сниппеты.

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

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

8) Можно применять быстрые онлайн-ссылки — это положительным образом сказывается на притягательности.

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

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

Цепочки навигации

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

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

Как в Яндекс добавить сниппет?

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

Здесь можно выделить следующие стадии:

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

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

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

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

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

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

Не всякий веб-ресурс может применять программу усовершенствования сниппета. Необходимо соблюдение следующих критериев:

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

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

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

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

Также стоит прочитать

Как сделать красивый сниппет для Яндекса и Google. Яндекс.Расширенные сниппеты Как поменять сниппет в яндексе

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

Создание красивых сниппетов сайта играет большую роль в SEO-продвижении. Занять ТОП позиции в выдаче не означает, что пользователи будут переходить на ваш сайт. Для этого необходимо повысить CTR документа (кликабельность), который косвенно может повлиять на ранжирование.

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

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

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

Перед началом создания сниппетов разберем из чего он состоит:

• Фавиконка;
• Заголовок;
• Навигационная цепочка;
• Описание;
• Быстрые ссылки;
• Адрес и телефон, ссылка на карту;
• Рейтинг.

Заголовок Title

Основной заголовок документа влияющий на формирование сниппета Title. Является важным компонентом ранжирования и дает пользователю понять соответствует ли документ его запросу.

Правила составления заголовка title:

• Обязательно используются основные ключевые слова;
• Разумная длина до 12 слов;
• Должен описать основную суть страницы в случаи обрезки в поисковой выдаче;
• Должен быть уникальным для каждой страницы сайта;
• Указана в секции между HTML тегами Ваш заголовок.

Тег meta description

Тег description участвует в формирование описания сниппета для поиска Google. Для Яндекса зачастую не является правилом в формировании описания. Тег description должен дополнять заголовок title и нести полезную информацию для повышения кликабельности.

Правила написания:

• Должен отличаться от title и начинаться по другому;
• Оптимальная длина 160 символов;
• Должен быть уникальным для каждой страницы;
• Имеет вхождение основной ключевой фразы.

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

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

Быстрые ссылки

Самостоятельно создать их невозможно, можно только повлиять на их появления. Несколько советов как сделать быстрые ссылки в сниппете сайта:

• Логически понятная структура сайта с удобной навигацией;
• Заголовок title совпадает с h2 и названием ссылки ведущей на раздел;
• В основные разделы сайта можно попасть с главной страницы;
• Если ссылка оформлена картинкой пропишите alt изображения.

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

Разметка контактов позволит правильно отображать данные об организации в Яндекс и Google. Пример разметки организации в JSON-LD:

{ «@context» : «http://schema.org», «@type» : «Organization», «name» : «Название», «url» : «https://site.ru», «logo»: «https://site.ru/ logo.png», «address»: [{ «@type»: «PostalAddress», «addressLocality»: «Город», «streetAddress»: «Адрес» }], «contactPoint» : [{ «@type» : «ContactPoint», «telephone» : «+7-000-00-00-00», «contactType» : «customer service» }] }

Микроразметка хлебных крошек

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

Пример кода для создания разметки хлебных крошек:

{ «@context»: «http://schema.org», «@type»: «BreadcrumbList», «itemListElement»: [ { «@type»: «ListItem», «position»: 1, «item»: { «@id»: «http://www.site.ru/», «name»: «Главная» } }, { «@type»: «ListItem», «position»: 2, «item»: { «@id»: «http://www.site.ru/article/», «name»: «Статьи» } }, { «@type»: «ListItem», «position»: 3, «item»: { «@id»: «http://www.site.ru/article/pro/», «name»: «Программирование» } } ]

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

Изменения сниппетов в результате выдачи Яндекс и Google не простая задача. Для Яндекса они в основном формируются на основе фрагментов текста страницы.

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

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

Сниппеты для Яндекс

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

Фавикон

Фавикон (favicon)– это значок сайта размером 16x16px отображаемый во вкладке браузера и рядом с заголовка в выдаче Яндекс. Дополнительно привлекает внимание пользователя и незначительно повышает CTR.

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

Находится должен в разделе внутри тега, пример:

Яндекс справочник

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

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

Товары и цены

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

Для создания товарного сниппета предстоит заполнить информацию о компании в разделе Яндекс Вебмастера >Информация о сайте > товары и цены, и подготовить YML файл.

Сниппеты для Google

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

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

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

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

Для создания товарного сниппета в Google используется микроразметка json-ld. На примере представлен вариант с листингом цены:

{ «@context»: «http://schema.org/», «@type»: «Product», «name»: «Executive Anvil», «image»: [ «https://example.com/photos/1×1/photo.jpg», ], «brand»: { «@type»: «Thing», «name»: «ACME» }, «aggregateRating»: { «@type»: «AggregateRating», «ratingValue»: «4.4», «ratingCount»: «89» }, «offers»: { «@type»: «AggregateOffer», «lowPrice»: «119.99», «highPrice»: «199.99», «priceCurrency»: «USD» } }

Микроразметка статья

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

Пример разметки:

{«@context»:»http://schema.org», «@type»:»Article», «name»:»Название», «description»:»Описание», «mainEntityOfPage»:»True», «author»: {«@id»:»/avtor=Avtor», «@type»:»Person», «name»:»Name»}, «image»: {«@type»:»imageObject»,»url»:»site.ru/1.jpg»}, «publisher»: {«@type»:»Organization»,»name»:»Name», «logo»:{«@type»:»imageObject»,»url»:»site.ru/user-image.png»}}, «articleSection»:»Теги», «datePublished»:»2018-06-25″, «datemodified»:»2018-06-25″, «aggregateRating»: {«@type»:»AggregateRating»,»ratingValue»:»3″,»bestRating»:»5″,»ratingCount»:»1″} }

Заключение

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

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

Сниппет – это описание найденной страницы в результатах поиска. В сниппете выводится заголовок, щелкнув по которому, пользователь переходит на страницу сайта, описание страницы, адрес (URL), фавикон, быстрые ссылки, адрес и телефон компании и ряд других элементов.

Зачем нужно работать над сниппетом?

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

Пример сниппета в Яндексе:

Пример сниппета в Google:

Как поисковые системы формируют сниппеты?

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

Заголовок сниппета формируется из TITLE страницы, заголовка или подзаголовка на странице. Реже заголовок сниппета может браться Яндексом из описания сайта в Яндекс.Каталоге. Google для этой цели может использовать информацию из каталога DMOZ.

Описание страницы берется из meta-тега description или текста документа. Также Яндекс может использовать описание сайта в Яндекс.Каталоге.

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

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

Перечень информации, которую можно вывести в расширенном сниппете в Яндексе для сайтов разной тематики:

В Google существует аналогичный функционал, который позволяет, например, закрепить авторство материалов на определенном сайте, путем привязки сайта к аккаунту автора в Google+

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

Как изменить сниппет в Яндексе или Google?

1. Определите, из какой части документа Яндекс или Google формирует сниппет.
2. Скорректируйте данную часть текста, чтобы добавить нужный сниппет в поисковую систему. Если необходимо, чтобы сниппет сформировался из другой части документа – добавьте в эту часть нужные ключевые слова, убрав их из той части документа, откуда берется текущий сниппет.
3. Чтобы изменить в сниппете быстрые ссылки, используйте рекомендации поисковых систем (ссылки на них даны выше в статье).
4. Чтобы изменить в сниппете адрес компании, телефон или часы работы – измените данную информацию в справочнике предприятий Яндекса. В сниппет она добавится автоматически после обновления базы поисковой системы (апдейта).

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

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

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

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

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

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

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

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

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

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

Резюмируем

Для улучшения сниппета и увеличения CTR сайта нужно:
— оптимизировать заголовок сниппета;
— оптимизировать описание сниппета;
— выделить сниппет, добавив Favicon, Emoji;
— настроить расширенные сниппеты в панели Яндекс.Вебмастера или, внедрив микроразметку Shema.org;
— регулярно анализировать и, если необходимо, вносить соответствующие корректировки в сниппеты страниц.

Оформите сниппеты так, чтобы пользователи не смогли пройти мимо вашего сайта!

Подписаться на рассылку

Всем привет! Какой вебмастер не мечтает созерцать на своих проектах большую посещаемость.

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

Из каких элементов состоит сниппет в выдаче Yandex

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

Вот еще один пример

Как видите в первом случае, кроме стандартного описания Яндекс выводит и быстрые ссылки, а во втором уточненную информацию о компании (адрес, телефон, время работы и др.)

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

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

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

Как изменить сниппет в Яндексе

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

Для этого добавляем сайт в (если его еще там нет), затем переходи по ссылке «География сайта» далее «Адреса и организации».

Нажимаете на кнопку «Добавить организацию».

На первом шаге нужно заполнить реквизиты организации.

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

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

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

Надеюсь, вас сильно не утомил, и вы уловили основную суть. Если нет, тогда забейте забудьте про это дело и используйте стандартный сниппет.

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

Сниппет это важный элемент любого сайта для привлечения посетителей с поисковой выдачи. Поэтому в данной статье мы более детально разберем этот 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 совпадает с h2 и с текстами ссылками на страницу

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

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

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

Актуальная информация о товаре и его цена в сниппете Яндекса — это очень важный момент для всех владельцев интернет-магазинов. Ниже вы видите привлекательно-сформированный 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 учтет внесенные изменения и отобразит их в своей выдаче.

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

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

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

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

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

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

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

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

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

Выводы

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

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

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

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

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

К программе по улучшению сниппета Yandex допускает не все сайты. Среди критериев указаны следующие:

1. Реальный, законный бизнес сайта

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

2. Англоязычный домен сайта

Вероятнее всего, данное ограничение связано с техническими особенностями работы с такими доменами.

3. Наличие на сайте каталогов товаров и услуг

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

4. Наличие на сайте контактной и юридической информации

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

5. Отсутствие ограничений на сайте для различных типов покупателей

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

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

Подключение к программе формирования сниппета

Для того чтобы сделать сниппет, необходимо пройти следующие этапы.

1. Добавить сайт в панель Яндекс.Вебмастер и подтвердить права на управление сайтом (следуйте инструкциям системы)

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

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

4. Подготовить YML-файл с информацией о товарах вашего магазина

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

5. Указать поисковой системе местоположение YML-файла

Для этого на вкладке «Источники данных» необходимо прописать путь, по которому доступен YML-файл. Инструкцию по подключению YML-файла можно найти в разделе «Как подключить YML-файл?». Яндекс работает с этим файлом так же, как и с файлом sitemap.xml. Чтобы в поиске всегда была свежая информация, программа загружает его ежедневно.

6. Отправить данные о магазине на проверку

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

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

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

Микроформаты в Яндексе

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

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

1. hCard

hCard — это микроформат разметки контактной информации, с помощью которого вы можете указать роботу на адрес, телефон и другие данные. Важно структурировать контактную информацию по блокам: название компании, адрес, телефон, время работы и т.д. Например, текст на странице выглядит следующим образом:

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

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

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

2. hRecipe

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

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

Формат hRecipe несложный, все возможные поля можно изучить на странице помощи Яндекса «Микроформат hRecipe» или на примерах, один из которых приведен ниже.

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

3. hReview

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

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

Предполагается, что формат разметки hReview должен включать разметки других форматов: автор отзыва — hCard; объект отзыва — hProduct, hCard или hCalendar, в зависимости от типа объекта. Для описания автомобилей, например, используется расширенный формат hProduct. Про сам же формат hReview можно почитать в разделе помощи Яндекса с одноименным названием «Микроформат hReview».

4. hProduct

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

Узнать больше об этом формате можно в разделе «Микроформат hProduct». Также можно увидеть вариант сниппета для описания автомобилей в программе Отзывы по автомобилям.

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

Вернуться назад: Максимизация трафика из поисковых системЧитать далее: Защита сайта от вирусов

 

 

Как создать и установить тег

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

Обучающее видео. Установка тега на сайт Посмотреть видео

Установка тега на сайт с CMS

1. В интерфейсе Яндекс.Метрики перейдите в раздел Настройки (на фрагменте кода tab) и нажмите Копировать.

2. Добавьте скопированный код в файл, для которого создается заголовок.

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

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

Установка тега на сайт без CMS

1. В Яндекс.В интерфейсе Metrica перейдите в раздел «Настройки» (на вкладке «Фрагмент кода») и нажмите «Копировать».

2. Если все страницы вашего сайта созданы вручную отдельными файлами, добавьте код тега в HTML для. Рекомендуем размещать его внутри элементов head или body и как можно ближе к верху страницы — от этого зависит полнота и правильность расчета данных.

Примечание. Поместите элемент и содержимое noscript в элемент body.

* CMS — это система управления контентом, программа для управления контентом веб-сайта.CMS используется для загрузки и удаления текстов, изображений или видео с веб-сайтов без каких-либо навыков программирования.

После установки тег будет доступен на странице Мои теги. Сбор данных начинается немедленно. Через несколько минут после установки кода на странице «Мои теги» отображается статус проверки правильности установки тега.

Вы также можете установить тег с помощью системы управления тегами, и вы можете установить несколько тегов одновременно.

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

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

Rich snippets — да, это было хорошее начало, но российская поисковая система Яндекс считает, что пришло время для чего-то более мощного. Что-то, что он называет интерактивными сниппетами, и функцию, которую он называет островами на страницах результатов поиска.

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

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

Спецификации для проверки здесь, так как функция сначала будет доступна пользователям Яндекса в Турции на этой неделе, а затем — клиентам в России, Украине, Беларуси и Казахстане в ближайшие месяцы.Сначала его увидят пользователи настольных компьютеров и планшетов, а затем другие мобильные устройства. В своем обзоре возможностей компания отмечает язык описания форм для создания интерактивных сниппетов; рекомендации по описанию форм с настраиваемой семантикой в ​​формате XML; инструмент для тестирования форм в интерактивных сниппетах; и расширение стандарта разметки Open Graph для взаимодействия: веб-обработчик (глубокая ссылка) и http-обработчик (взаимодействие в реальном времени).

Поисковая система объясняет идею дальше в этом видео:

Добавить плагин Яндекс. Инструменты для веб-мастеров

Добавить плагин Яндекс. Инструменты для веб-мастеров

По сценарию Лии
Обновлено больше недели назад

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

Чтобы подключить свой сайт к Яндекс. Инструментам для веб-мастеров:

1. Перейдите на webmaster.yandex.com/welcome и нажмите Войти в систему или создайте учетную запись в Яндексе для веб-мастеров.
   

2. После входа в систему щелкните Go , чтобы начать.
   

3. На открывшейся странице в разделе «Мои сайты» щелкните Добавить сайт .
   

4. В поле Адрес сайта добавьте ссылку с адресом вашего сайта (например,грамм. https://www.mywebsite.com)
   

5. Яндекс попросит вас добавить HTML-тег на ваш сайт. Это метод проверки для вашего веб-сайта SITE123. Скопируйте код.
   

6. Перейдите в редактор веб-сайтов, нажмите «Настройки », «» и выберите «Плагины », «» из раскрывающегося списка. Нажмите Manage , затем Add New Plugin и добавьте Yandex Webmaster Tools .
   

7. В поле Application ID введите фрагмент кода из HTML-тега , полученного из Инструментов для веб-мастеров Яндекса.Вставьте код, включите его и нажмите Сохранить .
   

8. Опубликуйте свой веб-сайт, чтобы обновить его внесенными вами изменениями.
   

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

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

---

Обратите внимание:

островов / interactive-answers-eng.md at master · bobuk / Islands · GitHub

#Interactive snippets

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

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

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

Обзор функций

• Язык описания форм
• Рекомендации по описанию форм с настраиваемой семантикой в ​​формате XML
• Инструмент для тестирования форм в интерактивных сниппетах
• Расширение стандарта разметки Open Graph для взаимодействия: веб-обработчик (глубокая ссылка) и http-обработчик (взаимодействие в реальном времени)

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

## Язык описания форм Чтобы интерактивные элементы отображались в результатах поиска, мы используем язык описания форм. Используя этот язык, вы можете описать поля в форме, указать их типы и перечислить допустимые значения.Вы можете отправить описание формы двумя способами: либо в виде разметки на самой странице, либо в отдельном файле XML / JSON. Мы будем поддерживать оба метода.

Списки допустимых значений полей (словари) позволяют Яндексу анализировать поисковые запросы, связанные с вашим сайтом, и помещать их в соответствующие поля формы. Пользователь может уточнить запрос с помощью раскрывающихся списков, флажков и т. Д., А затем он будет отправлен по соответствующему URL-адресу на вашем веб-сайте.

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

Теперь мы рассмотрим примеры: кнопка транзакции, базовая форма с несколькими полями и сложная форма с большими словарями значений.

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

Пример: кнопка транзакции для регистрации на рейс

#### Пример разметки Open Graph

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

 
  
    
    ...
    
    
  ...
  
  ...
 

Теги, которые начинаются с взаимодействия являются нашим расширением открытого стандарта Open Graph Protocol (http: // ogp.меня).

• взаимодействие (Enum) — обязательный тег , который показывает, какой тип интерактивного фрагмента описан. Значение должно быть «BUTTON» для кнопок транзакции
.
• взаимодействие: тип (Enum) — обязательный тег , определяющий возможное действие. Примерами этого являются бронирование в ресторане (значение «ReserveAction»), покупка товаров (значение «BuyAction») и другие. Текущий список доступных действий опубликован в [документации] (http: // help.yandex.com/webmaster/?id=1127950#actions)
• взаимодействие: url (URL) — обязательный тег , который определяет веб-адрес, по которому пользователь должен перейти, чтобы завершить действие. Это может быть страница вашего сайта, если действие может быть выполнено на вашем сайте, или страница на другом сайте (сайт-агрегатор), если ваш сайт не предлагает такую ​​возможность.

Не забудьте указать prefix = «ya: http://webmaster.yandex.ru/vocabularies/» в теге html или заголовке — это требуется протоколом.

### Основные формы Для простых форм, содержащих небольшое количество полей, удобно разместить описание на самой странице, внутри HTML-тега form . Если параметры тематически установлены стандартом (schema.org или OpenGraph), описание формы может быть создано с использованием разметки.

Пример: основная форма регистрации на рейс:

todo: рассмотрите возможность использования стандарта XForms

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

Пример: форма поиска для сайта об автомобилях

## API для взаимодействия в реальном времени Чтобы создавать интерактивные ответы, предполагающие взаимодействие с пользователями в реальном времени, вам необходимо реализовать API на своем веб-сайте.Вы можете сообщить нам о добавлении API либо с помощью разметки Open Graph, либо в специальном разделе Яндекс.Вебмастера. Вот функции API, которые мы планируем поддерживать на страницах результатов поиска:

#### API может возвращать данные в реальном времени для определенной страницы. Например, для службы это может быть прогноз погоды на сегодня или табло вылета / прилета аэропорта; для страницы продукта это может быть цена и доступность; или для страницы списка — количество найденных объектов или диапазон цен.В этом случае API должен быть привязан к определенной странице на сайте.

#### API может возвращать данные в реальном времени в зависимости от входных параметров. Параметры, которые вводятся в API, могут быть произвольными и могут быть переданы в Яндекс в описании полей и значений формы. В некоторых случаях параметры будут стандартизированы для конкретной предметной области (см. Подробную информацию о семантике. Помимо ответа с данными в реальном времени, API службы может перенаправить пользователя на соответствующий URL-адрес (глубокая ссылка), который соответствует параметрам вводится в форму и может зависеть от контекста пользователя (например, региона и языка).

Кроме того, API будет иметь спецификации для формата ответа (XML / JSON), срока действия ответа (в зависимости от темы) и разрешенной скорости доступа. Мы ожидаем, что API будет реагировать на высокой скорости (300-400 мсек) и сможет справиться с разумной нагрузкой.

Пример: при выборе даты и типа специалиста отображаются обновленные расписания врачей.

Спецификация API

на основе стандарта Open Graph

Давайте рассмотрим пример того, как использовать разметку Open Graph для API и его ответ для определенной области, «бронирование отеля».

Представим, что мы хотим показать стоимость номера в отеле на основе даты заселения (прибытия), даты выезда (отъезда) и количества человек (гостей). Кроме того, чтобы он отображался правильно, нам также необходимо указать валюту цены (currency) и язык для ответа (lang). Пользователь может изменить даты прибытия и отъезда, чтобы узнать стоимость номера в отеле на желаемые даты, не заходя на сайт. Пользователь также получает URL-адрес для продолжения транзакции.

#### Пример описания API в разметке Open Graph Разметка может выглядеть как часть описания объекта:

 
  
    
    ...
    
    
  ...
  
  ...
 

Теги, которые начинаются с взаимодействия являются нашим расширением открытого стандарта Open Graph Protocol (http: // ogp.меня).

• взаимодействие: url (URL) обязательный тег , который определяет URL API. Должна быть возможность получения ответа по этому URL в зависимости от параметров, установленных пользователем.
• взаимодействие: url: method (Enum — необязательный тег, определяющий тип запроса к API. Если тег не отображается, по умолчанию он считается GET. Возможные значения: GET, POST.
• взаимодействие: url: response_format (Enum — необязательный тег, определяющий тип ответа.Если тег теперь отображается, по умолчанию он считается JSON. Возможные значения: JSON, XML.
• взаимодействие: pay_service (Boolean) — необязательный тег, указывающий, что пользователю может потребоваться заплатить деньги в какой-то момент во время транзакции. Если не указано иное, по умолчанию вся транзакция считается бесплатной. Пример платной услуги — покупка товаров.

Не забудьте указать prefix = «http://webmaster.yandex.ru/vocabularies/» в теге html или в заголовке — этого требует протокол.

То же, но с дополнительными параметрами:

 
  
    ...
    
    
    
    
    
    
    ...
  
  ...
 

В этом примере пользователь выбирает дату заезда (прибытие), дату выезда (отъезд) и количество пассажиров (гостей), в то время как мы получаем валюту цены (валюта) и язык (язык) для отображения на основе текущий контекст. Таким образом, полный запрос от Яндекса к API будет выглядеть так: http: // host / prefix? Hotel = 433 & arrival = 2014-12-10 & leave = 2014-12-21 & currency = RUB & lang = RU & guest = 2 .

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

 {
   "цена" : {
     "value": 3455.00,
     «валюта»: «рубли»
   },
   "url": "http: // host / url"
} 

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

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

#### Кнопка транзакции Теперь отметим, что транзакция может быть совершена на сайте; в этом случае пользователь может заказать такси. Для выполнения этого действия сайт должен отправить Яндексу правильный внутренний URL. В некоторых случаях транзакция может выполняться другой службой и по отдельному URL-адресу (например, для покупки билетов в кино).

#### Форма транзакции Мы добавим несколько полей, чтобы пользователь мог выбрать маршрут поездки или указать его в поисковом запросе.Например, в запросе [заказать такси на вокзал] мы распознаем географическое положение и помещаем его в поле «Куда». После нажатия кнопки «Заказать» пользователь перенаправляется на сайт для продолжения транзакции, а Яндекс передает на сайт параметры маршрута.

Для демонстрации интерактивных поисковых сниппетов мы создали рабочий образец для Сars.com.

#### Форма транзакции с предварительным просмотром результатов в реальном времени Наконец, мы сделаем форму интерактивной — мы начнем реагировать на действия пользователя в форме в режиме реального времени.В нашем примере API сервиса возвращает стоимость поездки в зависимости от выбранного маршрута.

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

В нашем примере осталось только ввести имя, номер телефона и время доставки такси. Если API сервиса подтвердит заказ, Яндекс уведомит пользователя.

Яндекс-острова: проблемы с разметкой и внедрение

Что такое Яндекс-острова?

Яндекс Острова — новая платформа от компании Яндекс. Официально Яндекс острова были запущены в июле; они представляют новый тип сниппетов в результатах поиска. Отныне Яндекс хочет давать интерактивные ответы на поисковые запросы пользователей (официальную информацию о Яндекс-островах можно найти здесь: http: // beta.yandex.com).

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

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

Реклама

Читать дальше

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

Каких проблем нам ожидать от Яндекс-островов?

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

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

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

Реклама

Читать ниже

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

На данный момент острова Яндекса можно разделить на 4 типа:

Категории:

Примечание: Пример острова Яндекс с категориями «Работа» и «Проекты» для сайта www.weblancer.net (платформа Freelance)

Категория + флажок:

Примечание: Пример острова Яндекс с категориями «Работа» и «Проекты» и флажком «Без цены» для сайта www.weblancer.net (Freelance платформа)

Категория + флажок + цены:

Примечание: Пример острова Яндекс с категориями «Работа» и «Проекты», флажком «Без цены» и фильтром диапазона для «Бюджета проекта» для веб-сайта www. weblancer.net (Freelance platform)

Категория + флажок + цены + поиск:

Примечание. Пример острова Яндекс с категориями «Работа» и «Проекты», флажком «Без цены», фильтром диапазона для «Бюджета проекта» и « Поиск »для различных видов работы для веб-сайта www.weblancer.net (Freelance platform)

В настоящее время Яндекс Острова доступны в Турции и планируется запустить для пользователей в России, Украине, Беларуси и Казахстане. Поэтому возьмем сайт платформы фрилансеров www.weblancer.net в качестве примера, чтобы показать вам, как создать разметку для каждого типа островов, которые мы только что перечислили.

Реклама

Читать ниже

Видимость островов

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

Сравним результаты:

Традиционный сниппет VS простой остров:

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

Реклама

Продолжить чтение ниже

Традиционный фрагмент VS подробный остров:

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

Реализация

Общая информация

Яндекс предлагает нам создавать сниппеты для нашего сайта с помощью специальной разметки XML-файлов. Обратите внимание, что разметка должна быть реализована в кодировке UTF-8. Итак, вот разметка, которую мы должны создать для веб-сайта платформы фрилансеров www.weblancer.net.

Реклама

Продолжить чтение ниже

Это части кода, которыми в данном случае должен начинаться и заканчиваться файл:

xmlns: xsi = ”http://www.w3.org/2001/XMLSchema-instance”

xsi: schemaLocation = ”http: //interactive-answers.webmaster.yandex.ru/schemas/site/0.0.1 http://interactive-answers.webmaster.yandex.ru/schemas/site-0.0.1.xsd ”>

Разметка содержимого

Основные данные веб-сайта

http: //www.weblancer.net /

Лучшая платформа для фрилансеров

Описание:

RootUrl — стартовая строка, которая может начинаться либо с доменного имени «www.weblacner.net», либо с поля поиска «www.weblancer.net/search/» в зависимости от структуры URL-адреса вашего проекта.

Заголовок — мета-заголовок.

Описание — метаописание.

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

Категории

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

Примечание. Пример острова Яндекс с категориями «Работа» и «Проекты» для веб-сайта www.weblancer.net (платформа Freelance)

Реклама

Продолжить чтение ниже

Давайте взглянем на код:

<ресурс>

<фиксированное имя = ”www.weblancer.net ”>

dropDown>

ue drop drop = ”81 ″ caption =” SEO ”/>

90 002

Рассмотрим пример.Нам нужно создать остров для подкатегории: http://www.weblancer.net/projects/?category_id=81. В таком случае фрагмент будет выглядеть в результатах поиска следующим образом: Работа >> SEO

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

caption = 1 ″ dropkey = 1 ″ ″. Дизайн »/>

В строке кода:

Теперь мы создаем URL для категории и напишите название категории.

Реклама

Продолжить чтение ниже

В результате мы используем это: http://www.weblancer.net/projects/?category_id=81

Обратите внимание, что после разметки категории автоматически добавляется вопросительный знак «?» .

В строке кода:

Записываем первую часть URL подкатегории .

Итак, мы используем: http://www.weblancer.net/projects/?category_id=81

В строке кода:

Мы пишем вторая часть URL подкатегории.

В конце мы используем: http://www.weblancer.net/projects/?category_id=81

Важно отметить, что между первой и второй частью разметки URL-адреса подкатегории разметка автоматически добавляет знак «= » отметка.

Флажок

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

Примечание: Пример острова Яндекс с категориями «Работа» и «Проекты» и флажком «Без цена »на сайте www.weblancer.net (Платформа для фрилансеров)

Реклама

Продолжить чтение ниже

Обратите внимание, что при написании кода для флажка необходимо ставить его после и до .

Код надбавки:

В строке кода:

Вам также необходимо указать название флажка.

В строке кода:

Записываем первую часть URL.

В строке кода:

Пишем вторую часть URL.

Если выбраны категория и подкатегория, URL-адрес выглядит следующим образом: http://www.weblancer.net/projects/?no-price=1&category_id=81

Обратите внимание, что в этом случае помимо стандартного вопроса и одинаковых оценок мы также получаем «&».

Если выбрана только категория, URL-адрес выглядит следующим образом: http://www.weblancer.net/projects/?no-price=1

Фильтр ценового диапазона

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

Реклама

Читать ниже

Категории и флажок вместе с фильтром ценового диапазона в этом случае выглядят так:

Примечание: Пример острова Яндекс с категориями «Работа» и «Проекты», флажок «Без цена »и фильтр диапазона для« Бюджета проекта »для веб-сайта www.weblancer.net (Freelance platform)

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

Объявление

Продолжить чтение ниже

Здесь

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

Код надбавки:

В строке кода:

”

Min — минимальная цена (используется как часть URL).

Max — максимальная цена (используется как часть URL).

Шаг — один шаг равен сумме денег .

Единица — валюта .

В строке кода:

Укажите имя поля.

В строках кода:

Запишите часть URL.

Если мы выберем проекты SEO в категории «Работа», мы получим следующий URL:

http://www.weblancer.net/projects/?category_id=81&max_price=60000&min_price=30000

Панель поиска

И, наконец, интерактивный сниппет, объединяющий категории, флажок, фильтр ценового диапазона и еще один вариант — строка поиска будет иметь следующий вид:

Реклама

Продолжить чтение ниже

Примечание. Пример острова Яндекс с категориями « Работа »и« Проекты », установите флажок« Без цены », фильтр диапазона для« Бюджет проекта »и« Поиск »для различных типов работ для веб-сайта www.weblancer.net (платформа Freelance)

Помните, что код следует размещать после и перед .

Код разметки:

В строке кода:

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

Реклама

Продолжить чтение ниже

http://help.yandex.com/webmaster/?id=1127882

В строке кода:

Строка содержит название поля, поэтому вы можете написать« Поиск продукта »и так далее.

В строке кода:

Напишите часть URL, которая отвечает за поиск на сайте.

Если мы введем «Joomla», мы получим URL:

http://www.weblancer.net/projects/?max_price=60000&min_price=1000&search=joomla

Bonus

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

Примечание: Пример острова Яндекс с категориями «Работа» и «Проекты», который позволяет встраивать графические символы для сайта www.weblancer.net (Платформа Freelance)

Реклама

Продолжить чтение ниже

Заключение

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

В настоящее время Яндекс дает нам время на внедрение островной разметки и позволяет протестировать разметку на официальном сайте: http: // interactive-answers.webmaster.yandex.ua/editor/?ncrnd=3698.

Российская поисковая система запускает интерактивные сниппеты

Яндекс, самая популярная поисковая система в России, вчера в Турции объявила о запуске бета-версии своих «островов» Яндекса или, как они это называют, «интерактивных сниппетов».

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

Хорошо для пользователя? Плохо для веб-мастера и владельца сайта?

Посмотрите их очень мощное видео:

Якобы вы можете поиграть с ним на yandex.com.tr.

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

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

Обновление: вот заявление от Яндекса:

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

Обсуждение на форуме WebmasterWorld.

Новые интерактивные сниппеты Яндекса позволяют пользователям выполнять действия с результатами поиска

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

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

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

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

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

Следующее демонстрирует эволюцию расширенных сниппетов и мощь новой функциональности с помощью Islands:

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

Для получения дополнительной информации, вы можете проверить это довольно театральное введение в острова:

.