Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
План
1. Что такое сниппет
2. Детальный разбор сниппета Яндекса
— загаловок
— фавиконка
— адрес сайта
— дополнительная инфо...
Что такое сниппет
Что такое сниппет?
Сниппет — это блок информации о найденном документе, который
отображается в результатах поиска.
Он необ...
Почему у разных сайтов разные
сниппеты?
1. Как выглядит обычный сниппет
2. Как выглядит оптимизированный сниппет
Примеры сниппетов Яндекса
Заголовок
Описание
Дополнительная
информация
Пример сниппета Яндекса
1. Фавиконка
2. Адрес сайта
3. Название
4. Описание
5. Дополнительная информация (из Яндекс.Справо...
Пример сниппета Яндекса
1. Фавиконка
2. Адрес сайта
3. Название
4. Описание
5. Дополнительная информация (из Яндекс.Справо...
Исходный код сайта
PICPICKSHAPE
Исходный код сайта
Детальный разбор сниппета
Яндекса
Заголовок (название)
— Заголовок сниппета, как правило, составляется на основе HTML-элемента <title> или же
og:title и og:...
Заголовок (название)
Open Graph – стандарт разметки для формирования и публикации заголовков в сниппете в
поисковой выдаче...
Руководство по тегам
http://1ps.ru/courses/books/kniga-meta-tegi-title-description-i-keywords/
Мы написали целую книгу о
т...
Фавиконка
Описание фавиконки в коде страниц:
—<link rel="icon" href="http://имя сайта/favicon.ico" type="image/x-icon">
—<...
Адрес сайта
Адрес – ссылка на найденный документ, которая откроется в том же или новом окне (в
зависимости от настроек).
—...
Адрес сайта регистр имени
Для выделения регистра имени в результатах поиска
используйте инструмент Яндекс.Вебмастер.
Выпол...
Дополнительная информация
Кнопка рядом с адресом сайта в виде стрелки позволяет перейти к сохраненной копии
страницы, прос...
Краткое описание документа составляется на основе:
—Мета-тега "Description"
—Фрагмента текста с сайта
—Описания сайта из Я...
Контактная информация
Пути получения:
— Яндекс справочник через Яндекс вебмастер — https://webmaster.yandex.ru/
— Яндекс с...
Контактная информация
проверка валидации Schema.org
https://webmaster.yandex.ru/microtest.xml
Schema.org – стандарт семант...
Быстрые ссылки
Управление быстрыми ссылками (при условии
что они определены для сайта) осуществляется
в панели Вебмастера ...
Быстрые ссылки формируются автоматически. Но, чтобы это
случилось, сайт должен отвечать следующим требованиям:
—Основные р...
Расширенные сниппеты Яндекса
—Через Яндекс.Маркет (загрузить свои товары, и информация будет автоматически
передаваться в поиск)
—Через Яндекс.Вебмасте...
Специальные структурированные
описания: Цена товара через
Яндекс.Вебмастер
1. Добавьте сайт в Яндекс. Вебмастер https://we...
Сниппет с разметкой Schema.org
Сниппет без разметки Schema.org
Цена товара через Schema.org
https://yandex.ru/support/webmaster/supported-schemas/goods-prices.xml#example
Проверка валидности Schema.org –
Яндекс
https://webmaster.yandex.ru/microtest.xml
Проверка валидности Schema.org –
Google
https://developers.google.com/structured-data/testing-tool/
К чему приводят ошибки при
использовании Schema.org
https://webmaster.yandex.ru/microtest.xml
Остальные специальные сниппеты
с помощью Schema.org
1. Фильмы
2. Программы
3. Рефераты
4. Рецепты
5. Творческие работы
5. ...
Rich snippets
Расширенные сниппеты в Google
Расширенные сниппеты в Google
На формирование сниппетов Google, правильное
название Rich snippets ,влияет:
— Код страницы ...
Примеры Rich snippets Google
Получение Rich snippets с помощью
маркера
https://www.google.com/webmasters/
Получение Rich snippets с помощью
маркера
https://www.google.com/webmasters/
Получение Rich snippets с помощью
маркера
https://www.google.com/webmasters/
Получение Rich snippets с помощью
маркера
Размеченные данные будут
выглядеть примерно вот таким
образом
Сниппеты в Mail.ru
Расширенные сниппеты в Mail.Ru
На формирование сниппетов в Mail.Ru влияет:
— Код страницы (Теги, мета-теги и т.д.)
— Спец ...
Расширенные cниппеты в Mail.Ru
1
2
3
Вебмастер в Mail.Ru
http://webmaster.mail.ru/
Сниппеты в Mail.Ru
Перейдите в раздел Сайтлинки нажмите кнопку
добавить
В открывшемся окне введите адрес ссылки и её
загол...
Сниппеты в Mail.Ru
Перейдите в раздел телефон, адрес нажмите
кнопку добавить
В открывшемся окне заполните контактную
инфор...
Выводы
Выводы
— Работаем над оптимизацией сайта (прописываем title,
description)
—Используем сервисы поисковых систем, такие как ...
Продвигайте сайт комплексно!
http://1ps.ru/cost/regionseo/
Сниппеты для сайта, как их делать своими руками
Upcoming SlideShare
Loading in …5
×

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

762 views

Published on

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

Published in: Business
  • Login to see the comments

  • Be the first to like this

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

  1. 1. План 1. Что такое сниппет 2. Детальный разбор сниппета Яндекса — загаловок — фавиконка — адрес сайта — дополнительная информация — аннотация, описание — контактная информация — быстрые ссылки 4. Расширенные сниппеты Яндекса — сниппет товаров и цен — другие виды специальных сниппетов 5. Rich snippets, расширенные сниппеты в Google 6. Сниппеты в Mail.ru 7. Выводы
  2. 2. Что такое сниппет
  3. 3. Что такое сниппет? Сниппет — это блок информации о найденном документе, который отображается в результатах поиска. Он необходим, чтобы: —дать первоначальную информацию на искомый запрос —привлечь внимание и заинтересовать —обеспечить переход на сайт
  4. 4. Почему у разных сайтов разные сниппеты? 1. Как выглядит обычный сниппет 2. Как выглядит оптимизированный сниппет
  5. 5. Примеры сниппетов Яндекса Заголовок Описание Дополнительная информация
  6. 6. Пример сниппета Яндекса 1. Фавиконка 2. Адрес сайта 3. Название 4. Описание 5. Дополнительная информация (из Яндекс.Справочника) 6. Дополнительная информация о сайте
  7. 7. Пример сниппета Яндекса 1. Фавиконка 2. Адрес сайта 3. Название 4. Описание 5. Дополнительная информация (из Яндекс.Справочника) 6. Дополнительная информация о сайте
  8. 8. Исходный код сайта PICPICKSHAPE
  9. 9. Исходный код сайта
  10. 10. Детальный разбор сниппета Яндекса
  11. 11. Заголовок (название) — Заголовок сниппета, как правило, составляется на основе HTML-элемента <title> или же og:title и og:site_name — <title>Название</title> – это название страницы в браузере — Должен быть расположен между тегами head — Допускается использовать 1 тег на страницу 10 правил заполнения тега Title https://vk.com/1psru?w=wall-62079771_1545
  12. 12. Заголовок (название) Open Graph – стандарт разметки для формирования и публикации заголовков в сниппете в поисковой выдаче, а также в социальных сетях, разработанный Facebook. HTML –код, отвечающий за формирование заголовка в сниппете для данного сайта: https://yandex.ru/support/webmaster/open-graph/intro-open-graph.xml
  13. 13. Руководство по тегам http://1ps.ru/courses/books/kniga-meta-tegi-title-description-i-keywords/ Мы написали целую книгу о том, как правильно заполнять тег Title и мета-тег Description для сайта
  14. 14. Фавиконка Описание фавиконки в коде страниц: —<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/
  15. 15. Адрес сайта Адрес – ссылка на найденный документ, которая откроется в том же или новом окне (в зависимости от настроек). —URL —навигационная цепочка от корневой до текущей страницы сайта Требования для навигационных цепочек: —Строятся только для крупных сайтов —Строятся строго по каталогам: дерево разделов сайта должно соответствовать URL. Для адресов вида ЧПУ —Для выбора названий используется короткий title и тексты ссылок на страницу. И желательно, чтобы они (title и название ссылок) совпадали
  16. 16. Адрес сайта регистр имени Для выделения регистра имени в результатах поиска используйте инструмент Яндекс.Вебмастер. Выполните настройки во вкладке: «Сайт в результатах поиска» – «Регистр имени сайта». Укажите желаемый регистр имени сайта и нажмите кнопку изменить. https://webmaster.yandex.ru/
  17. 17. Дополнительная информация Кнопка рядом с адресом сайта в виде стрелки позволяет перейти к сохраненной копии страницы, просмотреть все найденные по запросу документы на данном сайте, а также пожаловаться на результаты поиска На данный функционал мы не можем повлиять никакими настройками
  18. 18. Краткое описание документа составляется на основе: —Мета-тега "Description" —Фрагмента текста с сайта —Описания сайта из Яндекс.Каталога или каталога DMOZ (подаем заявки в рамках тарифа Бизнес) Описание (аннотация) Коды для встройки на сайт: —<meta name="Description" content="..."/> —<meta name="robots" content="noyaca"/> —<meta name="robots" content="noodp"/>
  19. 19. Контактная информация Пути получения: — Яндекс справочник через Яндекс вебмастер — https://webmaster.yandex.ru/ — Яндекс справочник — https://sprav.yandex.ru/ — Семантическая разметка Schema.org
  20. 20. Контактная информация проверка валидации Schema.org https://webmaster.yandex.ru/microtest.xml Schema.org – стандарт семантической разметки данных в сети, объявленный поисковыми системами Google, Bing и Yahoo! летом 2011 года.
  21. 21. Быстрые ссылки Управление быстрыми ссылками (при условии что они определены для сайта) осуществляется в панели Вебмастера раздел «Сайт в результатах поиска» - «Быстрые ссылки». https://webmaster.yandex.ru/
  22. 22. Быстрые ссылки формируются автоматически. Но, чтобы это случилось, сайт должен отвечать следующим требованиям: —Основные разделы и страницы доступны с главной —Логичная и продуманная навигация —Короткие названия страниц, отражающие их содержание —Ссылки, с картинок с заполненным alt —Ttitle совпадает с h1 и с текстами ссылками на страницу Управление быстрыми ссылками, если они определены, осуществляется в панеле вебмастера Быстрые ссылки
  23. 23. Расширенные сниппеты Яндекса
  24. 24. —Через Яндекс.Маркет (загрузить свои товары, и информация будет автоматически передаваться в поиск) —Через Яндекс.Вебмастер —Через добавление семантической разметки Schema.org (цена будет отображаться иначе, выводясь вместе с описанием) Специальные структурированные описания: Цена товара Сниппет может формироваться из нескольких источников одновременно (на основе наиболее качественных данных)
  25. 25. Специальные структурированные описания: Цена товара через Яндекс.Вебмастер 1. Добавьте сайт в Яндекс. Вебмастер https://webmaster.yandex.ru 2. Выберите программу «Товары и цены» в разделе «Содержимое сайта» 3. Укажите информацию о магазине: —На вкладке «Магазин» впишите данные о регионе и доставке, контактную информацию —Вкладка «Юридическое лицо» предназначена для данных о компании, управляющей магазином 4. Разместите на своем сайте файл в формате YML, содержащий информацию о товарах и ценах. Укажите URL, по которому он доступен, во вкладке «Источники данных». 5. Отправьте магазин на проверку, нажав на кнопку «Включить магазин» в разделе «Товары и цены».
  26. 26. Сниппет с разметкой Schema.org Сниппет без разметки Schema.org Цена товара через Schema.org
  27. 27. https://yandex.ru/support/webmaster/supported-schemas/goods-prices.xml#example
  28. 28. Проверка валидности Schema.org – Яндекс https://webmaster.yandex.ru/microtest.xml
  29. 29. Проверка валидности Schema.org – Google https://developers.google.com/structured-data/testing-tool/
  30. 30. К чему приводят ошибки при использовании Schema.org https://webmaster.yandex.ru/microtest.xml
  31. 31. Остальные специальные сниппеты с помощью 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
  32. 32. Rich snippets Расширенные сниппеты в Google
  33. 33. Расширенные сниппеты в Google На формирование сниппетов Google, правильное название Rich snippets ,влияет: — Код страницы (Теги, мета-теги и т.д.) — Спец разметка (к примеру, schema.org) — Google webmaster (Маркер google)
  34. 34. Примеры Rich snippets Google
  35. 35. Получение Rich snippets с помощью маркера https://www.google.com/webmasters/
  36. 36. Получение Rich snippets с помощью маркера https://www.google.com/webmasters/
  37. 37. Получение Rich snippets с помощью маркера https://www.google.com/webmasters/
  38. 38. Получение Rich snippets с помощью маркера Размеченные данные будут выглядеть примерно вот таким образом
  39. 39. Сниппеты в Mail.ru
  40. 40. Расширенные сниппеты в Mail.Ru На формирование сниппетов в Mail.Ru влияет: — Код страницы (Теги, мета-теги и т.д.) — Спец разметка (к примеру, schema.org) — Mail webmaster
  41. 41. Расширенные cниппеты в Mail.Ru 1 2 3
  42. 42. Вебмастер в Mail.Ru http://webmaster.mail.ru/
  43. 43. Сниппеты в Mail.Ru Перейдите в раздел Сайтлинки нажмите кнопку добавить В открывшемся окне введите адрес ссылки и её заголовок http://webmaster.mail.ru/
  44. 44. Сниппеты в Mail.Ru Перейдите в раздел телефон, адрес нажмите кнопку добавить В открывшемся окне заполните контактную информацию http://webmaster.mail.ru/
  45. 45. Выводы
  46. 46. Выводы — Работаем над оптимизацией сайта (прописываем title, description) —Используем сервисы поисковых систем, такие как вебмастер —Используем дополнительную разметку, например, schema.org
  47. 47. Продвигайте сайт комплексно! http://1ps.ru/cost/regionseo/

×