Recommended
Recommended
More Related Content
Viewers also liked
Viewers also liked (20)
Similar to Seoconference yandex-pershina-wulbrun
Similar to Seoconference yandex-pershina-wulbrun (20)
More from SEMonline .Ru
More from SEMonline .Ru (16)
Seoconference yandex-pershina-wulbrun
- 1. поиск для сайта Seoconference. Казань, 26 сентября 2013г. Интересные возможности Яндекс.Поиска для сайта Елена Першина, Дмитрий Вульбрун
- 2. 2 Часть I • Проблемы, которые решает поиск • Руководство к действию Часть II • Коротко про HTML коды формы и результатов • 5 интересных примеров О чем пойдет речь
- 4. 4 Что должен уметь поиск? Находить нужное
- 5. 5 Что должен уметь поиск?
- 6. 6 Ищем!
- 7. 7 Ищем!
- 8. 8 Ищем!
- 9. 9 Ищем!
- 10. 10 Ищем!
- 11. 11 Ищем!
- 12. 12 Ищем!
- 13. 13 Ищем!
- 14. 14 Ищем!
- 15. 15 Ищем!
- 16. 16 Ищем!
- 18. 18 Что важно в поиске: морфология
- 19. 19 Реализация находить нужное работать с морфологией
- 20. 20 Что должен уметь поиск?
- 21. 21 Что важно в поиске: морфология
- 22. 22 Что еще должен делать поиск? - направлять пользователя; - помогать анализировать соответствие контента проекта интересам аудитории.
- 23. 23 Реализация направлять пользователя работать с поисковыми подсказками
- 24. 24 Что важно в поиске: подсказки
- 25. 25 Что важно в поиске: подсказки
- 28. 28 Что важно в поиске: фильтры- уточнения
- 29. 29 Что важно в поиске: фильтры- уточнения
- 31. 31 Реализация анализ контента сайта поисковая статистика
- 32. 32 Статистика
- 38. 38 Две составляющие поиска - Внутренняя: поисковая технология большого Яндекса; - Внешняя: настройки формы поиска и поисковой выдачи, учитывающие пожелания вебмастеров.
- 39. 39 Форма поиска
- 43. 43 Результаты поиска: картинки и видео
- 44. 44 Итог
- 45. 45 Поддержка
- 47. 47
- 48. 48
- 49. 49
- 50. 50
- 51. 51
- 52. 52
- 53. 53
- 54. 54 Коротко про HTML-коды для формы и результатов
- 55. 55 Получаем HTML коды Главная страница сервиса
- 62. 62 Что мы имеем? (рабочее окружение)
- 65. 65 Рабочее окружение (==environment) Очень простая страница
- 66. 66 Рабочее окружение (==environment) Ну просто очень простая страница
- 68. 68 Пример 1. Форма поиска Вставляем коды
- 69. 69 Пример 1. Форма поиска Смотрим что получилось
- 70. 70 Пример 1. Форма поиска Запускаем Веб-инспектор
- 71. 71 Пример 1. Форма поиска Находим нужный элемент
- 72. 72 Пример 1. Форма поиска Пишем правила для найденного класса (поле для ввода запроса)
- 73. 73 Пример 1. Форма поиска Enjoy!
- 74. 74 Пример 1. Форма поиска Пишем правила для кнопки
- 75. 75 Пример 1. Форма поиска Enjoy!
- 76. 76 Пример 1. Форма поиска Пишем еще несколько правил
- 77. 77 Пример 1. Форма поиска More. More enjoy!
- 78. 78 Пример 2. Сниппеты в рамках.
- 79. 79 Пример 2. Сниппеты в рамках Изначально выглядит как-то так
- 80. 80 Пример 2. Сниппеты в рамках Открываем Веб-инспектор
- 81. 81 Пример 2. Сниппеты в рамках Находим нужный элемент, копируем стиль
- 82. 82 Пример 2. Сниппеты в рамках Вставляем стиль в страницу и редактируем Убираем фон и меняем цвет текста
- 83. 83 Пример 2. Сниппеты в рамках Смотрим, что получилось
- 84. 84 Пример 2. Сниппеты в рамках Делаем рамку и увеличиваем отступы
- 85. 85 Пример 2. Сниппеты в рамках Рамки!
- 86. 86 Пример 2. Сниппеты в рамках Небольшой тюнинг цветов
- 87. 87 Пример 2. Сниппеты в рамках Почти готово!
- 88. 88 Пример 2. Сниппеты в рамках Меняем цвет фона на темный* * В этом случае система сама выберет нужный цвет логотипа
- 89. 89 Пример 2. Сниппеты в рамках Вот теперь мы молодцы!
- 90. 90 Пример 3. Увеличим картинки в сниппетах.
- 91. 91 Пример 3. Увеличиваем картинки Отличия обычных сниппетов от медийных
- 92. 92 Пример 3. Увеличиваем картинки Пишем CSS
- 93. 93 Пример 2. Сниппеты в рамках Готово!
- 94. 94 Пример 4. Мобильная головная боль
- 95. 95 Пример 4. Мобильная версия Мета-тег viewport – задаем область просмотра
- 96. 96 Пример 4. Мобильная версия media query – для низкого разрешения
- 97. 97 Пример 4. Мобильная версия Убираем отступы – тут они нам не нужны Меняем размер шрифтов
- 98. 98 Пример 4. Мобильная версия Еще немного причешем
- 102. 102 Пример 5. JavaScript и превью страниц
- 103. 103 Пример 5. Превью страниц Постановка задачи • Подсветка сниппета при наведении; • По клику на сниппет показываем превью страницы.
- 104. 104 Пример 5. Превью страниц Жить легче, когда есть JS-события!
- 105. 105 Пример 5. Превью страниц Подготовим верстку страницы
- 106. 106 Пример 5. Превью страниц HTML
- 107. 107 Пример 5. Превью страниц CSS
- 108. 108 Пример 5. Превью страниц Элементы для работы
- 109. 109 Пример 5. Превью страниц Элементы для работы .b-serp-list – область выдачи .b-serp-item - сниппет .frtarget – iframe для загрузки превью
- 110. 110 Пример 5. Превью страниц Пункт 1. Подсветка при наведении *Ну очень просто. CSS школьного уровня.
- 111. 111 Пример 5. Превью страниц Пункт 1. Подсветка при наведении
- 112. 112 Пример 5. Превью страниц Пункт 2. Загрузка превью по клику
- 113. 113 Пример 5. Превью страниц Пункт 2. Загрузка превью по клику
- 114. 114 Пример 5. Превью страниц Ну теперь-то мы точно собой довольны!
- 115. 115 Пример 5. Превью страниц
- 116. 116
- 117. 117 Полезные ссылки: - Яндекс.Поиск для сайта: http://site.yandex.ru - Клуб Яндекс.Поиска для сайта: http://clubs.ya.ru/sitesearch - Яндекс.Вебмастер: http://webmaster.yandex.ru - Рекламная сеть Яндекса: http://partner.yandex.ru
- 119. 119 Елена Першина Маркетолог сервисов для вебмастеров http://site.yandex.ru http://clubs.ya.ru/sitesearch wulbrun@yandex-team.ru wulbrun Спасибо! Дмитрий Вульбрун Менеджер проектов firstlena 1firstlena 1firstlena firstlena@yandex-team.ru