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

2. План
1. Что такое сниппет
2. Детальный разбор сниппета Яндекса
— загаловок
— фавиконка
— адрес сайта
— дополнительная информация
— аннотация, описание
— контактная информация
— быстрые ссылки
4. Расширенные сниппеты Яндекса
— сниппет товаров и цен
— другие виды специальных сниппетов
5. Rich snippets, расширенные сниппеты в Google
6. Сниппеты в Mail.ru
7. Выводы

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

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

5. Почему у разных сайтов разные
сниппеты?
1. Как выглядит обычный сниппет
2. Как выглядит оптимизированный сниппет

6. Примеры сниппетов Яндекса
Заголовок
Описание
Дополнительная
информация

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

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

9. Исходный код сайта
PICPICKSHAPE

10. Исходный код сайта

11. Детальный разбор сниппета
Яндекса

12. Заголовок (название)
— Заголовок сниппета, как правило, составляется на основе HTML-элемента <title> или же
og:title и og:site_name
— <title>Название</title> – это название страницы в браузере
— Должен быть расположен между тегами head
— Допускается использовать 1 тег на страницу
10 правил заполнения тега Title https://vk.com/1psru?w=wall-62079771_1545

13. Заголовок (название)
Open Graph – стандарт разметки для формирования и публикации заголовков в сниппете в
поисковой выдаче, а также в социальных сетях, разработанный Facebook.
HTML –код, отвечающий за формирование заголовка в сниппете для данного сайта:
https://yandex.ru/support/webmaster/open-graph/intro-open-graph.xml

14. Руководство по тегам
http://1ps.ru/courses/books/kniga-meta-tegi-title-description-i-keywords/
Мы написали целую книгу о
том, как правильно заполнять
тег Title и мета-тег Description
для сайта

15. Фавиконка
Описание фавиконки в коде страниц:
—<link rel="icon" href="http://имя сайта/favicon.ico" type="image/x-icon">
—<link rel="shortcut icon" href="http://имя сайта/favicon.ico" type="image/x-icon">
Фавиконка – небольшая картинка, которая показывается рядом с сайтом в результатах поиска
Подробнее о фавиконке: http://1ps.ru/cost/dop-more/favicon/

16. Адрес сайта
Адрес – ссылка на найденный документ, которая откроется в том же или новом окне (в
зависимости от настроек).
—URL
—навигационная цепочка от корневой до текущей страницы сайта
Требования для навигационных цепочек:
—Строятся только для крупных сайтов
—Строятся строго по каталогам: дерево разделов сайта должно соответствовать URL. Для
адресов вида ЧПУ
—Для выбора названий используется короткий title и тексты ссылок на страницу. И
желательно, чтобы они (title и название ссылок) совпадали

17. Адрес сайта регистр имени
Для выделения регистра имени в результатах поиска
используйте инструмент Яндекс.Вебмастер.
Выполните настройки во вкладке: «Сайт в результатах
поиска» – «Регистр имени сайта».
Укажите желаемый регистр имени сайта и нажмите
кнопку изменить.
https://webmaster.yandex.ru/

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

19. Краткое описание документа составляется на основе:
—Мета-тега "Description"
—Фрагмента текста с сайта
—Описания сайта из Яндекс.Каталога или каталога DMOZ (подаем заявки в рамках тарифа
Бизнес)
Описание (аннотация)
Коды для встройки на сайт:
—<meta name="Description" content="..."/>
—<meta name="robots" content="noyaca"/>
—<meta name="robots" content="noodp"/>

20. Контактная информация
Пути получения:
— Яндекс справочник через Яндекс вебмастер — https://webmaster.yandex.ru/
— Яндекс справочник — https://sprav.yandex.ru/
— Семантическая разметка Schema.org

21. Контактная информация
проверка валидации Schema.org
https://webmaster.yandex.ru/microtest.xml
Schema.org – стандарт семантической разметки данных в сети, объявленный поисковыми системами
Google, Bing и Yahoo! летом 2011 года.

22. Быстрые ссылки
Управление быстрыми ссылками (при условии
что они определены для сайта) осуществляется
в панели Вебмастера раздел «Сайт в
результатах поиска» - «Быстрые ссылки».
https://webmaster.yandex.ru/

23. Быстрые ссылки формируются автоматически. Но, чтобы это
случилось, сайт должен отвечать следующим требованиям:
—Основные разделы и страницы доступны с главной
—Логичная и продуманная навигация
—Короткие названия страниц, отражающие их содержание
—Ссылки, с картинок с заполненным alt
—Ttitle совпадает с h1 и с текстами ссылками на страницу
Управление быстрыми ссылками, если они определены,
осуществляется в панеле вебмастера
Быстрые ссылки

24. Расширенные сниппеты Яндекса

25. —Через Яндекс.Маркет (загрузить свои товары, и информация будет автоматически
передаваться в поиск)
—Через Яндекс.Вебмастер
—Через добавление семантической разметки Schema.org (цена будет отображаться иначе,
выводясь вместе с описанием)
Специальные структурированные
описания: Цена товара
Сниппет может формироваться из нескольких источников одновременно (на основе
наиболее качественных данных)

26. Специальные структурированные
описания: Цена товара через
Яндекс.Вебмастер
1. Добавьте сайт в Яндекс. Вебмастер https://webmaster.yandex.ru
2. Выберите программу «Товары и цены» в разделе «Содержимое сайта»
3. Укажите информацию о магазине:
—На вкладке «Магазин» впишите данные о регионе и доставке, контактную информацию
—Вкладка «Юридическое лицо» предназначена для данных о компании, управляющей
магазином
4. Разместите на своем сайте файл в формате YML, содержащий информацию о товарах и
ценах. Укажите URL, по которому он доступен, во вкладке «Источники данных».
5. Отправьте магазин на проверку, нажав на кнопку «Включить магазин» в разделе «Товары и
цены».

27. Сниппет с разметкой Schema.org
Сниппет без разметки Schema.org
Цена товара через Schema.org

28. https://yandex.ru/support/webmaster/supported-schemas/goods-prices.xml#example

29. Проверка валидности Schema.org –
Яндекс
https://webmaster.yandex.ru/microtest.xml

30. Проверка валидности Schema.org –
Google
https://developers.google.com/structured-data/testing-tool/

31. К чему приводят ошибки при
использовании Schema.org
https://webmaster.yandex.ru/microtest.xml

32. Остальные специальные сниппеты
с помощью Schema.org
1. Фильмы
2. Программы
3. Рефераты
4. Рецепты
5. Творческие работы
5. Вопросы и ответы
6. Отзывы об автомобилях
7. Отзывы об организациях
8. Словарные статьи
9. Тест-драйвы
1. https://yandex.ru/support/webmaster/schema-org/what-is-schema-org.xml
2. http://Schema.org
3. http://ruschema.org

33. Rich snippets
Расширенные сниппеты в Google

34. Расширенные сниппеты в Google
На формирование сниппетов Google, правильное
название Rich snippets ,влияет:
— Код страницы (Теги, мета-теги и т.д.)
— Спец разметка (к примеру, schema.org)
— Google webmaster (Маркер google)

35. Примеры Rich snippets Google

36. Получение Rich snippets с помощью
маркера
https://www.google.com/webmasters/

37. Получение Rich snippets с помощью
маркера
https://www.google.com/webmasters/

38. Получение Rich snippets с помощью
маркера
https://www.google.com/webmasters/

39. Получение Rich snippets с помощью
маркера
Размеченные данные будут
выглядеть примерно вот таким
образом

40. Сниппеты в Mail.ru

41. Расширенные сниппеты в Mail.Ru
На формирование сниппетов в Mail.Ru влияет:
— Код страницы (Теги, мета-теги и т.д.)
— Спец разметка (к примеру, schema.org)
— Mail webmaster

42. Расширенные cниппеты в Mail.Ru
1
2
3

43. Вебмастер в Mail.Ru
http://webmaster.mail.ru/

44. Сниппеты в Mail.Ru
Перейдите в раздел Сайтлинки нажмите кнопку
добавить
В открывшемся окне введите адрес ссылки и её
заголовок
http://webmaster.mail.ru/

45. Сниппеты в Mail.Ru
Перейдите в раздел телефон, адрес нажмите
кнопку добавить
В открывшемся окне заполните контактную
информацию
http://webmaster.mail.ru/

46. Выводы

47. Выводы
— Работаем над оптимизацией сайта (прописываем title,
description)
—Используем сервисы поисковых систем, такие как вебмастер
—Используем дополнительную разметку, например, schema.org

48. Продвигайте сайт комплексно!
http://1ps.ru/cost/regionseo/