Посетитель магазина с ассортиментом в несколько тысяч товаров не будет листать категорию страница за страницей. Он либо сразу вводит запрос в строку поиска, либо открывает раздел и начинает фильтровать. Если поиск не находит «стиралку» по слову «стиралка», а фильтр по ширине предлагает выбрать между «59,5», «59.5» и «60 см», покупатель уходит. Хорошие фильтры и поиск незаметны — с ними просто быстро находишь нужное. Рассказываем, как к этому прийти.
Кто пользуется поиском, а кто фильтрами
Поиск и фильтры решают похожую задачу, но для разных сценариев. Поиском пользуются те, кто точно знает, что ищет: название модели, артикул, бренд, конкретный тип товара. В магазинах запчастей, электроники и стройматериалов доля таких посетителей очень высока. Фильтрами — те, кто знает задачу, но не модель: «нужен холодильник шириной до 60 см, с No Frost, до 50 000 ₽».
По нашим данным с разных проектов, посетители, которые воспользовались поиском или фильтрами, покупают в полтора-три раза чаще тех, кто просто просматривает каталог. Это не значит, что фильтры сами по себе поднимают продажи, — просто ими пользуются люди с более сформированным намерением. Но если инструмент работает плохо, именно эти, самые ценные посетители уходят разочарованными.
Поэтому к фильтрам и поиску стоит относиться как к двум основным входам в каталог, наравне с меню. Их проектируют вместе со структурой категорий: о том, как решить, что станет категорией, а что фильтром, мы рассказывали в статье о структуре каталога.
Какие фильтры действительно нужны
Типичная ошибка — выводить в фильтр все характеристики, которые есть у товаров. В разделе ноутбуков появляется 40 фильтров, включая «Тип разъёма питания» и «Материал петель», а нужные «Диагональ» и «Объём памяти» теряются в середине списка. Хороший набор фильтров для категории — это 6–12 параметров, по которым люди реально выбирают.
Как найти эти параметры? Есть несколько источников, и лучше использовать их вместе.
- Поисковые запросы. Какие уточнения люди добавляют к названию товара: «холодильник узкий», «холодильник no frost», «холодильник двухкамерный». Каждое частое уточнение — кандидат в фильтр.
- Вопросы менеджерам. Что покупатели спрашивают по телефону и в чате перед покупкой. Если часто спрашивают про уровень шума — это фильтр.
- Внутренний поиск. Что ищут на сайте внутри категории. Запросы «тихий» или «с дозатором» показывают недостающие параметры.
- Аналитика использования. Какими фильтрами пользуются, а какими нет. Фильтр, который трогает меньше 1% посетителей категории, можно убрать или свернуть.
Помимо параметров, специфичных для категории, почти всегда нужны универсальные фильтры: цена, наличие, бренд и, при наличии скидок, «Со скидкой». Их ставят в начало списка. Фильтр «В наличии» стоит включать по умолчанию или хотя бы сортировать товары так, чтобы отсутствующие оказывались в конце.
Как должен выглядеть и работать фильтр
Тип элемента фильтра зависит от типа данных. Для числовых параметров с широким диапазоном — цена, мощность, вес — нужен ползунок с полями ввода «от» и «до». Для списков значений — чекбоксы, причём если значений больше 8–10, показываются самые популярные и ссылка «Показать все», а длинный список брендов получает строку поиска. Для цвета — цветные кружки, а не текстовые названия. Для параметров «да/нет» — переключатель или один чекбокс.
Важно показывать количество товаров рядом с каждым значением и скрывать или затемнять значения, которые дадут пустой результат. Покупатель не должен попадать на страницу «Ничего не найдено» после нескольких кликов. Выбранные фильтры собираются над списком товаров в виде меток с крестиком, чтобы их можно было снять по одному или все сразу.
Десктоп
Фильтры обычно размещают в левой колонке. Применение сразу при клике удобно, если список обновляется быстро — за доли секунды. Если обновление медленное, лучше кнопка «Показать N товаров», появляющаяся рядом с последним изменённым фильтром. Блоки фильтров можно сворачивать, но самые важные три-четыре должны быть раскрыты.
Мобильные
Фильтры прячут за кнопкой «Фильтры» с количеством выбранных значений, а открываются они полноэкранной панелью. Внизу панели — закреплённая кнопка «Показать 128 товаров». Рядом с кнопкой фильтров нужна отдельная кнопка сортировки. Популярные фильтры можно вывести горизонтальными «чипсами» над списком товаров.
Подробнее об особенностях мобильного интерфейса магазина читайте в материале о мобильной версии магазина.
Качество данных — основа фильтрации
Самый красивый интерфейс фильтров бесполезен, если характеристики товаров заполнены как попало. Это основная причина, по которой фильтры в магазинах «не работают». Типичные проблемы: одно и то же значение записано по-разному («Белый», «белый», «бел.»), числа хранятся как текст с единицами в разных форматах, у половины товаров параметр не заполнен вовсе.
В результате покупатель выбирает «Белый» и видит треть белых товаров. Или фильтр по ширине показывает десяток почти одинаковых значений. Или, что хуже, товар без заполненного параметра просто пропадает из выдачи при любом выборе, хотя подходит идеально.
Правило для контент-менеджеров: каждое свойство, участвующее в фильтре, должно иметь справочник допустимых значений, а числовые параметры — храниться как числа в одной единице измерения. Это несколько часов на настройку, которые экономят месяцы чистки данных.
Если данные приходят из учётной системы или от поставщиков, нормализацию нужно делать при импорте: приводить значения к справочнику, переводить единицы, отбраковывать мусор. Для магазина электроинструмента мы как-то обнаружили 23 варианта записи напряжения аккумулятора, от «18В» до «18 Volt Li-Ion». После нормализации фильтр по напряжению стал вторым по популярности в разделе.
Поиск по сайту: базовые требования
Встроенный поиск большинства CMS ищет точное совпадение слов в названии товара. Этого недостаточно. Покупатели пишут с опечатками, в неправильной раскладке, используют разговорные названия и сокращения, вводят артикулы с пробелами и без. Хороший поиск должен справляться со всем этим.
| Возможность | Пример запроса | Что должен найти поиск |
|---|---|---|
| Исправление опечаток | «пылесом» | Пылесосы |
| Смена раскладки | «gskttcjc» | Пылесосы |
| Морфология | «кроссовок детский» | Детские кроссовки |
| Синонимы | «стиралка», «холодос» | Стиральные машины, холодильники |
| Артикулы | «ABC 123», «abc-123» | Товар с артикулом ABC123 |
| Поиск по характеристикам | «ноутбук 16 гб» | Ноутбуки с оперативной памятью 16 ГБ |
Кроме того, нужны подсказки при вводе: после двух-трёх символов показываются подходящие категории, бренды и несколько товаров с фото и ценой. Многие покупатели переходят прямо из подсказок, не открывая страницу результатов. На странице результатов должны работать те же фильтры и сортировка, что и в каталоге.
Чем реализовать поиск
Для небольших каталогов до нескольких тысяч товаров достаточно доработанного встроенного поиска CMS с морфологией и словарём синонимов. Для больших каталогов мы используем специализированные поисковые движки, которые разворачиваются на сервере и индексируют товары: они быстро работают на сотнях тысяч позиций и поддерживают опечатки, морфологию и ранжирование из коробки. Есть и облачные сервисы поиска для магазинов — удобный вариант, если нет желания поддерживать собственную инфраструктуру, но с ежемесячной платой.
Пустые результаты и аналитика поиска
Страница «Ничего не найдено» — точка, где магазин теряет покупателя, который уже сказал, чего хочет. Её нельзя оставлять пустой. Предложите исправленный вариант запроса, популярные категории, контакт консультанта. Если товара действительно нет в ассортименте, покажите ближайшие аналоги.
Главный инструмент улучшения поиска — отчёт о запросах. Регулярно смотрите, что ищут на сайте и какие запросы дают ноль результатов. Это прямой список задач: добавить синоним, исправить название товара, расширить ассортимент. В магазине товаров для животных такой отчёт показал, что люди массово ищут «когтеточка», а товары назывались «Комплекс для кошек» и «Столбик для заточки когтей». Добавление синонимов вернуло в продажи целую подкатегорию.
- Ежемесячно выгружайте топ запросов с нулевыми результатами.
- Добавляйте синонимы и разговорные названия в словарь поиска.
- Проверяйте, что топ-20 запросов дают релевантную первую строку выдачи.
- Отслеживайте долю уходов со страницы результатов поиска.
- Сверяйте запросы с ассортиментом — они подсказывают, что ещё стоит закупить.
Фильтры и SEO
Фильтры порождают огромное количество страниц: каждая комбинация значений — новый адрес. Если их все открыть для индексации, поисковая система получит миллионы почти одинаковых страниц, будет тратить ресурсы на их обход и хуже индексировать важные разделы. Поэтому большинство комбинаций закрывают от индексации, а для популярных выборок с поисковым спросом создают отдельные посадочные страницы с собственными адресами, заголовками и текстами.
Например, «Холодильники Bosch» или «Узкие посудомоечные машины» — полноценные страницы, которые ранжируются по своим запросам. А «Холодильники Bosch серебристые с зоной свежести шириной 60 см» — служебная комбинация, закрытая от индексации. Такую схему мы закладываем при SEO-подготовке при запуске, чтобы не переделывать адреса фильтров после старта.
Нужно ли применять фильтр сразу при клике?
Да, если список обновляется быстрее чем за полсекунды. Если медленнее, лучше показывать кнопку «Показать N товаров», иначе каждый клик сопровождается раздражающей перезагрузкой.
Сколько фильтров выводить в категории?
Ориентир — 6–12 параметров, раскрытыми — первые 3–5. Остальные можно свернуть. Фильтры, которыми почти не пользуются, лучше убрать.
Когда стоит переходить на отдельный поисковый движок?
Когда каталог превышает несколько тысяч позиций, встроенный поиск отвечает дольше секунды или не справляется с опечатками и артикулами.
Итог: находить товар должно быть легко
Фильтры и поиск — это не украшение каталога, а основные рабочие инструменты покупателя с чётким намерением. Набор фильтров для каждой категории нужно выбирать по реальным критериям выбора, а не по списку всех характеристик. Интерфейс должен показывать количество товаров, не допускать пустых результатов и удобно работать на телефоне. Данные в характеристиках должны быть нормализованы — без этого никакой интерфейс не спасёт.
Поиск обязан понимать опечатки, раскладку, морфологию, синонимы и артикулы, показывать подсказки и не оставлять покупателя на пустой странице. А отчёт о поисковых запросах стоит смотреть так же регулярно, как отчёт о продажах: это самый честный источник информации о том, что ищут ваши покупатели.
Нужен сайт или интернет-магазин?
Обсудим задачу, подскажем подходящую платформу и оценим сроки и бюджет — бесплатно и без обязательств.
Обсудить проект
