Обсудить проект
Все статьи

Фильтры и поиск в каталоге: что нужно на старте, а что потом

Как выбрать фильтры для каталога интернет-магазина, сделать их удобными на телефоне, не создать тысячи бесполезных страниц для поисковика и настроить поиск по сайту. Учебная матрица фильтров и план «старт — потом».

Окно каталога с сеткой товаров, один товар выделен; метка «Фильтр: в наличии»

Фильтры в каталоге должны повторять то, как покупатель выбирает товар в этой категории. Для старта обычно хватает трёх-пяти фильтров по главным характеристикам категории плюс цены и наличия. Всё остальное добавляют, когда видно, что людям этого не хватает. Поиск по сайту — отдельная задача: он должен находить товар по названию, артикулу и словам, которыми пользуются покупатели, а не только по точному совпадению.

Ниже — как выбрать фильтры, учебная матрица для нескольких категорий, правила удобного фильтра, как фильтры влияют на поисковую индексацию и что делать с поиском по сайту.

Как выбрать фильтры

  • Спросите продавцов. Какие три вопроса покупатель задаёт первыми? Это и есть главные фильтры.
  • Посмотрите поиск по сайту. Что люди вводят в строку поиска — подсказка, каких фильтров не хватает.
  • Проверьте данные. Фильтр работает только по одинаково заполненной характеристике. Если у половины товаров мощность не указана, фильтр по мощности спрячет половину каталога.
  • Не переносите всё из таблицы характеристик. Двадцать фильтров на мобильном экране никто не пролистает.

Учебная матрица фильтров

Таблица: Категория, Главные фильтры, Можно добавить позже
КатегорияГлавные фильтрыМожно добавить позже
КондиционерыПлощадь помещения, тип, инвертор, цена, наличиеУровень шума, класс энергоэффективности
Электрические чайникиОбъём, материал корпуса, цена, наличиеПодсветка, поддержание температуры
ОбувьРазмер, сезон, цвет, цена, наличиеМатериал верха, ширина колодки
СтройматериалыТип, размер, единица продажи, цена, наличиеПроизводитель, назначение

Значения в таблице условные — для вашего ассортимента их стоит проверить с продавцами.

Правила удобного фильтра

  • Показывайте, сколько товаров останется после выбора значения, и не давайте выбрать комбинацию с нулём результатов.
  • Выбранные значения видны над списком товаров, каждое можно снять одним нажатием, есть кнопка «Сбросить всё».
  • На телефоне фильтры открываются отдельной панелью с кнопкой «Показать N товаров».
  • Сортировка отдельно от фильтров: по цене, по популярности, по новизне.
  • Цены и наличие в фильтре совпадают с карточкой — иначе фильтр обманывает.
Учебный макет мобильной панели фильтров кондиционеров: выбранные значения «до 25 м²» и «инвертор» с крестиками, число товаров у каждого значения, неактивное значение с нулём, кнопка «Показать 18 товаров»; справа четыре правила
Учебный макет мобильной панели фильтров

Фильтры и поисковая индексация

Каждая комбинация фильтров часто создаёт новый адрес страницы. Комбинаций могут быть тысячи, и поисковый робот тратит время на бесполезные варианты вместо новых товаров. Google называет это проблемой фасетной навигации и даёт два пути (документация Google):

Если страницы фильтров в поиске не нужны — закрыть адреса с параметрами фильтров от обхода в robots.txt, оставив доступными страницу категории без фильтров и карточки товаров. Фильтры во фрагменте адреса после знака # Google обычно игнорирует.

Если некоторые страницы фильтров должны индексироваться — использовать стандартный разделитель параметров &, держать один порядок фильтров в адресе, не допускать повторов и отдавать настоящий код 404 для комбинаций без товаров, а не перенаправлять на общую страницу ошибки.

На практике индексировать стоит только те страницы фильтров, которые совпадают с реальными запросами покупателей, например «инверторные кондиционеры». Такую страницу лучше сделать полноценной подкатегорией: со своим заголовком, описанием и постоянным адресом.

Схема решения для страницы фильтра: если не совпадает с реальным запросом — закрыть от обхода; если нет уникального содержания — сделать подкатегорию; иначе индексировать по правилам Google
Индексировать страницу фильтра или нет

Поиск по сайту

  • Находит товар по названию, артикулу и частичному совпадению.
  • Учитывает синонимы и разговорные названия: «сплит» и «кондиционер», «кроссовки» и «кеды», если это ваш случай.
  • Показывает подсказки по мере ввода, а на телефоне не перекрывает результаты клавиатурой.
  • Страница «ничего не найдено» предлагает категории, популярные товары или связь с менеджером, а не пустой экран.
  • Запросы без результатов сохраняются в журнале: раз в месяц их стоит просматривать и добавлять синонимы или товары.

Что нужно на старте, а что потом

Таблица: На старте, Потом, по данным
На стартеПотом, по данным
Три-пять главных фильтров на категорию, цена, наличиеДополнительные фильтры, которых не хватает покупателям
Поиск по названию и артикулуСинонимы, исправление опечаток, подсказки
Закрытые от обхода адреса фильтровОтдельные подкатегории под реальные запросы
Журнал поисковых запросовОтчёт «запросы без результатов» и работа с ним

В интернет-магазинах PIP категории, характеристики, варианты товара, поиск и фильтры продумываются под ассортимент — так описано на странице интернет-магазинов. Нужно настроить фильтры под ваш каталог? Расскажите о задаче — начнём с того, как покупатели выбирают товар.

Короткие подсказки о сайтах и автоматизации — в Telegram-канале @pip_kz.

Ещё по этой теме

Карточка товара: какие поля нужны и откуда брать данные

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

ТЗ на обмен интернет-магазина с 1С: товары, цены, остатки и заказы

Как составить ТЗ на обмен интернет-магазина с 1С: матрица данных с источником истины для каждого вида данных, вопросы по товарам, ценам, остаткам и заказам, конфликты и сбои, сценарии приёмки и шаблон ТЗ.

Почему страница не в индексе: разбор статусов Search Console

Что означают статусы отчёта об индексировании страниц в Search Console, какие из них ошибки, а какие нет, в каком порядке разбирать причину и как подтвердить исправление.

Обсудим вашу задачу

Разберёмся в деталях и предложим план.

Обсудить проект

Просмотр изображения