Каталог: фильтры, категории, поиск
Как организовать каталог интернет-магазина: дерево категорий, фильтры, поиск и типичные ошибки, из-за которых теряются покупатели.
Покупатель зашёл в интернет-магазин не за главной страницей — он ищет товар. Если за 30 секунд не нашёл категорию, фильтр или нужную позицию в поиске, уходит к маркетплейсу или конкуренту. Каталог — инфраструктура конверсии: категории, фильтры, сортировка, поиск и карточки в списке. Разберём, как спроектировать каталог под рост ассортимента и что проверить до запуска рекламы.
Связанные материалы: магазин под ключ, карточка товара и конверсия, бюджет проекта — сколько стоит интернет-магазин.
Когда каталог «ломается» и теряются заказы
Типичные симптомы:
- плоская структура: 200 товаров в одной категории;
- фильтры не совпадают с атрибутами товаров (выбрал размер — пусто);
- поиск не находит по артикулу и синонимам;
- на мобильном фильтры спрятаны за три клика;
- медленная подгрузка при смене фильтра;
- в списке нет цены, старой цены и статуса «нет в наличии».
30 SKU можно вести без фильтров. 300+ — без фильтров и поиска каталог превращается в архив, а не в витрину.
Структура категорий: дерево, хлебные крошки, SEO
Категории строятся от задачи покупателя, не от внутренней номенклатуры склада. Правила:
- 2–4 уровня вложенности максимум для B2C;
- названия категорий — как ищут люди («диваны», не «мебельная группа 12»);
- хлебные крошки на категории и карточке;
- уникальные title/description на важные категории;
- перелинковка «популярное», «новинки», «акции» с главной.
На старте допустима узкая витрина (20–50 SKU), но заложите схему под рост: отдельные поля атрибутов в админке, а не ручные правки HTML на каждый товар.
B2B и смешанные каталоги
Для опта: цена «по запросу», вход по договору, отдельные категории с MOQ. Не смешивайте в одном списке розницу и опт без ясной маркировки — падает доверие и конверсия розницы.
Фильтры и сортировка
Фильтры зависят от ниши. Универсальный набор:
- цена (диапазон);
- бренд;
- наличие;
- специфичные атрибуты: размер, цвет, мощность, материал.
Технические требования:
- счётчик найденных товаров при выборе фильтра;
- сброс фильтров в один клик;
- URL с параметрами или ЧПУ для шаринга и SEO (осторожно с индексацией мусорных комбинаций);
- на мобильном — выезжающая панель фильтров, не отдельная «пустая» страница.
Сортировка: по популярности, цене, новизне. «По умолчанию» должна показывать то, что вы хотите продавать (маржа, наличие, хиты), а не случайный порядок импорта.
Поиск по каталогу
Минимум для запуска:
- поиск по названию, артикулу, бренду;
- подсказки (autocomplete) после 2–3 символов;
- исправление опечаток или синонимы в админке;
- пустая выдача — с подборкой категорий и контактом, не белый экран.
На этапе роста подключают умный поиск (Elasticsearch, сервисы SaaS). На старте достаточно качественной индексации полей товара и ручного словаря синонимов («холодильник» = «рефрижератор»).
Карточка товара в списке (listing)
Элемент списка — мини-воронка:
- фото одного размера в сетке, второе при hover на десктопе;
- название в 2 строки, обрезка без поломки вёрстки;
- цена, зачёркнутая старая, бейдж «−20%»;
- рейтинг или «N отзывов»;
- быстрое «в корзину» для простых SKU или «подробнее» для вариантов;
- явное «нет в наличии», не кликабельная кнопка покупки.
Клик ведёт на проработанную карточку — иначе трафик из каталога «протекает» на последнем шаге.
Пагинация, производительность, импорт
Большие категории: пагинация или «показать ещё», не бесконечный скролл без подгрузки метрик. Lazy load изображений. Фильтры без полной перезагрузки страницы (AJAX), с индикатором загрузки.
Импорт из 1С, Excel, CRM — отдельный процесс, но каталог страдает, если:
- дубли SKU;
- пустые категории;
- фото не привязаны к вариантам;
- цены и остатки обновляются раз в сутки без пометки «актуально на …».
Заложите регламент обновления остатков под ваш цикл отгрузки.
Аналитика каталога
В Метрике и e-commerce отчётах:
- внутренний поиск: топ запросы, пустые выдачи;
- путь: категория → карточка → корзина;
- отказы на страницах категорий с рекламы;
- какие фильтры используют (если события настроены).
Пустые поиски — сигнал добавить категорию, синоним или товар. Высокие отказы на категории — проверить релевантность рекламы и первый экран списка.
Чек-лист каталога перед запуском
- До нужного товара — не более 3 кликов с главной.
- Фильтры соответствуют атрибутам, есть сброс.
- Поиск по артикулу и названию, адекватная пустая выдача.
- Listing: цена, наличие, фото, CTA.
- Мобильные фильтры и скорость смены выдачи.
- SEO категорий и хлебные крошки.
Планируете интернет-магазин с каталогом под ваш ассортимент — услуга и состав работ, ориентир по бюджету — сколько стоит интернет-магазин. Аудит навигации и фильтров — аудит сайта, связь — контакты.