Плохие фильтры заставляют покупателей уходить к конкурентам. Хорошие фильтры ускоряют поиск нужного товара и увеличивают конверсию. При этом технически неверная реализация фильтров убивает SEO.
Что делают хорошие фильтры
Данные исследований
По данным Data Insight (2024), объём российского e-commerce достиг 8,1 трлн ₽ (+36% год к году). 74% российских покупателей совершают онлайн-покупки не реже раза в месяц. Доля мобильных покупок превысила 62% в 2024 году (Яндекс.Маркет).
Позволяют быстро сузить выбор до нужных товаров: — Из 5 000 кроссовок → 12 кроссовок нужного размера, цвета, бренда
Без фильтров: покупатель листает страницы каталога и уходит.
UX-требования к фильтрам
Расположение
- Боковая колонка (desktop) — стандартный и привычный вариант
- Выпадающие фильтры сверху (mobile) — для мобильных версий
Типы элементов
| Тип фильтра | Для чего |
|---|---|
| Чекбоксы | Несколько значений (бренды, цвета) |
| Радиокнопки | Одно из значений (пол: мужской/женский) |
| Диапазон (слайдер) | Цена, размер, вес |
| Выпадающий список | Длинные списки (страны, материалы) |
| Цветовые свотчи | Цвет товара |
Мгновенное применение vs кнопка «Применить»
Мгновенное применение (AJAX) — лучше для UX: результаты обновляются без перезагрузки страницы.
Кнопка «Применить» — лучше при медленном интернете или большом количестве фильтров.
Количество товаров рядом с фильтром
«Чёрный (12)» — покупатель сразу видит, сколько товаров в этом цвете. Это снижает тупики (0 результатов).
Сброс фильтров
Кнопка «Сбросить всё» + возможность снять отдельный тег.
SEO и фильтры: главная ловушка
Каждая комбинация фильтров создаёт новый URL. Например: — /catalog/krossovki/?color=black&size=42&brand=nike
Если эти страницы индексируются — у вас тысячи дублей, которые размывают SEO.
Правильная реализация: — Фильтрованные страницы с ?параметрами — закрыть в robots.txt или через noindex — Популярные сочетания (чёрные кроссовки Nike) — создать отдельные посадочные страницы с ЧПУ и уникальным контентом
Фасетная навигация (SEO-оптимизированные фильтры)
Для важных сочетаний создайте страницы с «человеческими» URL: — /catalog/krossovki/nike/ — кроссовки Nike — /catalog/krossovki/chernye/ — чёрные кроссовки — /catalog/krossovki/42-razmer/ — кроссовки 42 размера
Каждая такая страница — отдельный SEO-landing page с уникальным H1 и описанием.
Разработаем фильтры с правильной SEO-реализацией и AJAX-обновлением без перезагрузки.
Часто задаваемые вопросы
Как подготовить товарный каталог к запуску?
Начните со структуры категорий, ориентируясь на поисковые запросы покупателей, а не на логику склада. Каждая карточка товара должна содержать уникальное описание, несколько фотографий и технические характеристики.
Какую платформу лучше выбрать для интернет-магазина?
WooCommerce подходит для большинства проектов малого и среднего бизнеса — гибкая, с большим числом плагинов. 1С-Битрикс выбирают для крупных каталогов. Выбор зависит от размера каталога, бюджета и планов роста.
Как выбрать подрядчика для разработки?
Смотрите на портфолио проектов в вашей нише, спрашивайте о поддержке после запуска и фиксируйте сроки в договоре. Хороший подрядчик задаёт вопросы о бизнесе, а не только о дизайне и технологиях.
Сколько времени занимает разработка магазина?
Стандартный интернет-магазин разрабатывается 4–8 недель: проектирование, дизайн, разработка, наполнение каталога и тестирование. Сроки зависят от объёма товаров и сложности интеграций с внешними сервисами.
Читайте также
Хотите понять, сколько может приносить собственный интернет-магазин?
Мы разрабатываем интернет-магазины для товарного бизнеса и помогаем выстроить систему продаж: от структуры и каталога до продвижения, аналитики и стабильных заказов.
Оставьте заявку — разберём вашу нишу, покажем, где сейчас теряется маржа, и оценим потенциал собственной платформы продаж.
