Download to read offline
Uploaded bySEMonline .Ru
Seoconference yandex-pershina-wulbrun
Документ содержит информацию о возможностях поисковой системы Яндекс для сайтов, включая проблемы, которые она решает, и руководства по реализации эффективного поиска. Он охватывает основные характеристики и функции, которые должен иметь поиск, такие как морфология, подсказки и фильтры. Также представлены примеры кода и практические аспекты внедрения, включая работу с HTML и JavaScript для улучшения поиска.
More Related Content
Similar to Seoconference yandex-pershina-wulbrun
Seoconference yandex-pershina-wulbrun
- 1. поиск для сайта Seoconference.Казань, 26 сентября 2013г. Интересные возможности Яндекс.Поиска для сайта Елена Першина, Дмитрий Вульбрун
- 2. 2 Часть I • Проблемы,которые решает поиск • Руководство к действию Часть II • Коротко про HTML коды формы и результатов • 5 интересных примеров О чем пойдет речь
- 3.
- 4. 4 Что должен уметьпоиск? Находить нужное
- 5. 5 Что должен уметьпоиск?
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18. 18 Что важно впоиске: морфология
- 19. 19 Реализация находить нужное работать сморфологией
- 20. 20 Что должен уметьпоиск?
- 21. 21 Что важно впоиске: морфология
- 22. 22 Что еще долженделать поиск? - направлять пользователя; - помогать анализировать соответствие контента проекта интересам аудитории.
- 23. 23 Реализация направлять пользователя работать споисковыми подсказками
- 24. 24 Что важно впоиске: подсказки
- 25. 25 Что важно впоиске: подсказки
- 26.
- 27.
- 28. 28 Что важно впоиске: фильтры- уточнения
- 29. 29 Что важно впоиске: фильтры- уточнения
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 37.
- 38. 38 Две составляющие поиска -Внутренняя: поисковая технология большого Яндекса; - Внешняя: настройки формы поиска и поисковой выдачи, учитывающие пожелания вебмастеров.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47.
- 48.
- 49.
- 50.
- 51.
- 52.
- 53.
- 54. 54 Коротко про HTML-кодыдля формы и результатов
- 55. 55 Получаем HTML коды Главнаястраница сервиса
- 56.
- 57.
- 58.
- 59.
- 60.
- 61.
- 62. 62 Что мы имеем? (рабочееокружение)
- 63.
- 64.
- 65. 65 Рабочее окружение (==environment) Оченьпростая страница
- 66. 66 Рабочее окружение (==environment) Нупросто очень простая страница
- 67.
- 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.
- 95. 95 Пример 4. Мобильнаяверсия Мета-тег viewport – задаем область просмотра
- 96. 96 Пример 4. Мобильнаяверсия media query – для низкого разрешения
- 97. 97 Пример 4. Мобильнаяверсия Убираем отступы – тут они нам не нужны Меняем размер шрифтов
- 98. 98 Пример 4. Мобильнаяверсия Еще немного причешем
- 99.
- 100.
- 101.
- 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.
- 117. 117 Полезные ссылки: - Яндекс.Поискдля сайта: http://site.yandex.ru - Клуб Яндекс.Поиска для сайта: http://clubs.ya.ru/sitesearch - Яндекс.Вебмастер: http://webmaster.yandex.ru - Рекламная сеть Яндекса: http://partner.yandex.ru
- 118.
- 119. 119 Елена Першина Маркетолог сервисов длявебмастеров http://site.yandex.ru http://clubs.ya.ru/sitesearch wulbrun@yandex-team.ru wulbrun Спасибо! Дмитрий Вульбрун Менеджер проектов firstlena 1firstlena 1firstlena firstlena@yandex-team.ru