Каталог: фильтры, категории, поиск

Как организовать каталог интернет-магазина: дерево категорий, фильтры, поиск и типичные ошибки, из-за которых теряются покупатели.

Обложка: Каталог: фильтры, категории, поиск

Покупатель зашёл в интернет-магазин не за главной страницей — он ищет товар. Если за 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 категорий и хлебные крошки.

Планируете интернет-магазин с каталогом под ваш ассортимент — услуга и состав работ, ориентир по бюджету — сколько стоит интернет-магазин. Аудит навигации и фильтров — аудит сайта, связь — контакты.