- html5css.dev
- SEO
- SEO продвижение
- Юзабилити сайта
- Поиск по сайту
Поиск по сайту
Когда меню не справляется, человек ищет. Разбираем требования к внутреннему поиску и то, что делать с пустой выдачей — самым частым способом потерять клиента.
Требования к поиску
| Требование | Как правильно |
|---|---|
| Заметность | Иконка или поле в шапке на всех страницах |
| Поле ввода | type="search", шрифт от 16 px |
| Клавиатура | enterkeyhint="search" — кнопка «Найти» |
| Очистка | Крестик для сброса запроса |
| Подсказки | После 2–3 символов, не перекрывают поле |
| Опечатки и словоформы | Обязательно: «смесител», «смесители», «смеситль» |
| Синонимы | Словарь под свою нишу: «кран» = «смеситель» |
| Скорость | Результат быстрее, чем человек успевает передумать |
<form action="/search/" role="search">
<label for="q" class="sr-only">Поиск по сайту</label>
<input id="q" name="q" type="search"
enterkeyhint="search" autocomplete="off"
placeholder="Что ищете?">
<button type="submit">Найти</button>
</form>Оформление результатов
- Достаточно информации для выбора без перехода: фото, название, цена, наличие.
- Подсветка совпадения — видно, почему найдено именно это.
- Число найденного и возможность отфильтровать.
- Сортировка по релевантности по умолчанию, с возможностью сменить.
- Запрос остаётся в поле — его можно уточнить, не набирая заново.
- Разделение по типам, если находятся и товары, и статьи.
Пустая выдача
Самый частый способ потерять готового к покупке человека — показать ему «ничего не найдено» и оставить наедине с этим.
| Что показать вместо пустого экрана | Зачем |
|---|---|
| Похожие результаты по части запроса | Возможно, человек искал именно это |
| Подсказка о переформулировке | «Попробуйте искать по модели или бренду» |
| Популярные разделы | Хотя бы не тупик |
| Форма связи или чат | «Не нашли? Напишите, подберём» |
| Проверка раскладки | «Возможно, вы имели в виду…» |
noindex на странице результатов и ограничение обхода
в robots.txt. Порядок важен: сначала noindex
при открытом доступе, дождаться выпадения из индекса, и только потом
закрывать обход — иначе робот не увидит директиву.
Запросы пользователей — источник задач
- Настройте передачу поисковых запросов в аналитику.
- Раз в месяц выгружайте частые запросы.
- Отдельно смотрите те, что дали ноль результатов.
- Частый запрос без результата → нужен товар или страница.
- Частый запрос с плохими результатами → чинить релевантность поиска.
- Запросы чужими словами → добавить синонимы в словарь и в тексты.
Когда стоит сделать посадочную страницу
Если по какому-то запросу поиск даёт хорошую выборку и его часто задают — это сигнал сделать нормальную страницу категории: со своим URL, описанием и фильтрами. Такая страница ранжируется, а страница результатов поиска — нет. Устройство категории разобрано в отдельном уроке.
Итог
Поиск по сайту — часть навигации: он должен быть заметен, прощать опечатки и никогда не показывать пустой экран. Страницы результатов закрываются от индексации, а запросы пользователей регулярно читаются — это готовый список задач. Дальше — карточки товаров.
Частые вопросы
Каким сайтам нужен внутренний поиск?
Всем, где больше нескольких десятков страниц или позиций. На сайте из пяти страниц поиск лишний, в каталоге на тысячу товаров он часто основной способ навигации.
Что делать, если поиск ничего не нашёл?
Никогда не показывать пустой экран. Предложить похожее, популярные разделы, форму связи и подсказать, как переформулировать. Пустая выдача — самый частый способ потерять готового к покупке человека.
Должен ли поиск понимать опечатки?
Обязательно. Люди печатают на телефоне одной рукой на ходу. Поиск, который не находит «смеситль», теряет часть клиентов на ровном месте.
Зачем анализировать поисковые запросы на сайте?
Это прямой список того, чего людям не хватает. Частые запросы без результатов подсказывают, какие страницы или товары нужно добавить.