Каталог интернет-магазина: фильтры, сортировка и поиск

Каталог — сердце интернет-магазина. Здесь покупатель проводит больше всего времени, здесь он сужает выбор от тысяч позиций до двух-трёх, и здесь же он чаще всего сдаётся и уходит к конкурентам. Хорошая карточка товара не спасёт, если человек до неё не дошёл. В этой статье разбираем, как мы проектируем фильтры, сортировку и поиск для магазинов разного масштаба, какие решения стабильно работают, а какие только выглядят красиво на макете.

Структура категорий: фундамент, который не видно

Прежде чем говорить о фильтрах, нужно разобраться с деревом категорий. Если оно построено по логике склада или учётной системы, а не по логике покупателя, никакие фильтры не помогут.

• Называйте категории словами, которые использует покупатель, а не внутренними терминами. «Смесители для кухни», а не «Сантехническая арматура, группа 4».
• Держите глубину вложенности в пределах трёх уровней. Каждый лишний клик — потерянная часть аудитории.
• Не создавайте категорию там, где достаточно фильтра. «Красные платья» — это фильтр по цвету, а не отдельный раздел (если только под него нет поискового спроса).
• Один товар может жить в нескольких категориях, если покупатель ищет его по-разному: термос — и в «Посуде», и в «Товарах для туризма».
• Избегайте категорий с одним-двумя товарами: они создают ощущение пустоты.

В одном из проектов — магазине товаров для дома — исходная структура повторяла разделы закупки: «Поставщик 1», «Импорт», «Распродажа остатков». Мы провели карточную сортировку с несколькими постоянными покупателями и перестроили дерево по комнатам и задачам. Средняя глубина просмотра каталога выросла, а доля переходов из категорий в карточки заметно увеличилась.

Фильтры: какие нужны и как их показать

Фильтры должны отражать критерии, по которым покупатель реально выбирает товар в этой категории. Для холодильников это габариты, тип разморозки и объём морозильной камеры, для обуви — размер, сезон и материал. Универсального набора нет, и попытка сделать одинаковые фильтры на весь магазин — одна из самых частых ошибок.

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

• Посмотрите поисковые запросы по категории: прилагательные и параметры в запросах («тихий», «встраиваемый», «60 см») подскажут, по чему люди фильтруют.
• Спросите менеджеров по продажам, какие вопросы задают покупатели по телефону.
• Проанализируйте, какие фильтры используются на текущем сайте, если он есть. Фильтры, которыми не пользуется никто, стоит убрать или спрятать.
• Ограничьте видимый список пятью–восемью самыми важными, остальные уберите под «Показать все».

Типы фильтров и где какой уместен

Поведение фильтров

Два подхода — мгновенное применение и кнопка «Показать». На компьютере мгновенное применение обычно удобнее: человек видит результат сразу. На телефоне фильтры открываются в отдельной панели, и там лучше работает кнопка с числом найденных товаров: «Показать 48 товаров». Перезагрузка списка после каждого клика на мобильном интернете раздражает.

Сортировка: мелочь, которая влияет на продажи

Сортировку по умолчанию видят все посетители категории, и от неё зависит, какие товары будут продаваться. Это решение стоит принимать осознанно.

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

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

Поиск по сайту: куда идут самые мотивированные

Люди, которые пользуются поиском, обычно уже знают, что хотят. Конверсия у них заметно выше, чем у тех, кто листает категории. Поэтому плохой поиск — это прямая потеря самых горячих покупателей.

Что должен уметь поиск

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

Пустые результаты

Раз в месяц выгружайте список запросов, по которым поиск ничего не нашёл. Это бесплатное исследование спроса. Часть запросов окажется опечатками, которые нужно добавить в словарь синонимов, часть — товарами, которых у вас нет, но которые стоит завести в ассортимент. Мы делали такой анализ для магазина автозапчастей и обнаружили, что заметная доля пустых результатов приходится на поиск по кросс-номерам — аналогам деталей от других производителей. После добавления таблицы аналогов поиск стал находить товар там, где раньше выдавал пустую страницу.

Фильтры и SEO: как не создать миллион дублей

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

• Выделите комбинации, под которые есть поисковый спрос («кроссовки для бега мужские», «диваны угловые с ящиком»), и сделайте для них полноценные посадочные страницы с понятным адресом, заголовком и текстом.
• Остальные комбинации закройте от индексации или укажите каноническую страницу.
• Не давайте роботу ходить по ссылкам сортировки и пагинации с параметрами, если они не несут смысла.
• Следите в «Вебмастере», сколько страниц в индексе, и разбирайте резкие скачки.

Эту часть мы всегда проектируем вместе со специалистами по продвижению: архитектуру фильтров гораздо проще правильно заложить на старте, чем исправлять потом.

Мобильный каталог

У большинства наших магазинов больше половины трафика приходится на телефоны, а каталог на мобильном — самое слабое место.

• Кнопки «Фильтры» и «Сортировка» должны быть видны сразу и закрепляться при прокрутке.
• Выбранные фильтры показываются плашками над списком, каждую можно снять одним касанием.
• В списке достаточно фото, названия, цены и кнопки покупки — характеристики уберите в карточку.
• Бесконечная прокрутка удобна, но должна запоминать позицию: вернувшись из карточки, человек должен оказаться там же, где был.
• Дайте возможность переключить вид: плиткой по два товара в ряд или списком.

Вывод

Удобный каталог складывается из четырёх слоёв: понятной структуры категорий, фильтров под реальные критерии выбора в каждой категории, осмысленной сортировки по умолчанию и поиска, который прощает опечатки и понимает синонимы. Сверху нужно аккуратно наложить SEO-логику, чтобы фильтры приносили поисковый трафик, а не дубли. Все эти решения стоит проверять на данных: какие фильтры используют, какие запросы не дают результатов, где люди уходят из категории. Если вы планируете новый магазин или хотите переработать каталог существующего — посмотрите, как мы подходим к разработке интернет-магазинов.