Фильтры

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

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

Виды фильтров

По типу выбора

Одиночные - можно выбрать только одно значение (например, сортировка)
Множественные - можно выбрать несколько значений одновременно (например, несколько цветов)
Интервальные - выбор диапазона (цена от и до, год выпуска)

По характеру параметров

Категориальные - дискретные значения (бренд, цвет, размер)
Количественные - числовые характеристики (вес, объём памяти)
Логические - да/нет (есть в наличии, бесплатная доставка)

По расположению

Боковая панель - классическое расположение слева или справа от списка товаров
Верхняя панель - над списком товаров, часто для основных параметров
Выпадающие списки - компактные фильтры, экономящие место
Слайдеры - для выбора ценовых диапазонов

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

При выборе фильтров обычно меняется URL страницы, добавляя параметры:

https://site.ru/catalog/telefony
https://site.ru/catalog/telefony?brand=samsung
https://site.ru/catalog/telefony?brand=samsung&price_from=10000&price_to=30000
https://site.ru/catalog/telefony?brand=samsung&brand=xiaomi&sort=price

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

Зачем нужны фильтры

Для пользователей

Быстро находят нужный товар среди сотен и тысяч позиций
Экономят время на просмотр нерелевантных вариантов
Могут сравнивать товары по характеристикам
Получают точное соответствие своим потребностям

Для бизнеса

Повышают конверсию (пользователь быстрее находит подходящий товар)
Улучшают пользовательский опыт
Увеличивают средний чек (позволяют подбирать товары в нужном ценовом диапазоне)
Собирают данные о предпочтениях покупателей

Для SEO

При правильной настройке страницы с фильтрами могут привлекать дополнительный трафик по низкочастотным запросам (например, «телефон самсунг до 30000 рублей»).

Проблемы фильтров для SEO

Дубли страниц

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

/catalog/telefony?brand=samsung&color=black
/catalog/telefony?color=black&brand=samsung
/catalog/telefony?brand=samsung&color=black&sort=price

Разные URL с одинаковым содержанием

Порядок параметров в URL не должен влиять на содержание, но технически это разные адреса.

Размытие ссылочного веса

Внешние ссылки могут вести на разные версии страниц, распределяя вес.

Замедление индексации

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

Каннибализация запросов

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

Управление индексацией страниц с фильтрами

1. Канонические ссылки

Самый популярный способ. На всех страницах с фильтрами указывается каноническая ссылка на основную страницу категории:

<link rel="canonical" href="https://site.ru/catalog/telefony">

2. Закрытие от индексации

Страницы с фильтрами закрываются мета-тегом noindex:

<meta name="robots" content="noindex, follow">

3. Закрытие в robots.txt

Можно запретить сканирование всех страниц с параметрами:

Disallow: /*?

Но этот способ опасен, так может закрыть и полезные страницы.

4. Настройка параметров в Search Console

В Google Search Console можно указать, какие параметры не меняют содержание страницы.

5. Индексация только популярных комбинаций

Для страниц с фильтрами, которые действительно ищут пользователи (например, «самсунг», «айфон»), можно разрешить индексацию, а для остальных закрыть.

Техническая реализация

ЧПУ для фильтров

Вместо параметров можно использовать человеко-понятные URL:

Плохо: /catalog/telefony?brand=samsung&color=black
Хорошо: /catalog/telefony/samsung/black

AJAX-фильтрация

Современный подход - фильтрация без перезагрузки страницы и без изменения URL. В этом случае проблема дублей не возникает, но страницы с фильтрами не индексируются.

Умные фильтры

Некоторые CMS позволяют настроить фильтры так, что URL меняется только для основных параметров, а второстепенные обрабатываются через POST-запросы.

Примеры настройки

Интернет-магазин электроники

Основная страница: /catalog/telefony
Страница с фильтром по бренду: /catalog/telefony/samsung
Страница с фильтром по цене: /catalog/telefony/tsena-10-30
Страница с двумя фильтрами: /catalog/telefony/samsung/black

На всех этих страницах можно разрешить индексацию, так как они могут привлекать целевой трафик.

Страницы с сортировкой и служебными параметрами закрываем:

/catalog/telefony?sort=price&page=2 - noindex

Магазин одежды

Для параметров, важных для поиска (размер, цвет), можно создавать отдельные страницы:

/catalog/krossovki/nike/42-razmer

Для второстепенных параметров - закрывать индексацию.

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

Удобные фильтры улучшают поведенческие метрики:

Пользователи быстрее находят нужный товар
Меньше отказов
Больше времени на сайте
Выше конверсия

Типичные ошибки

Индексация всех комбинаций фильтров - тысячи дублей вместо 1 каталога
Отсутствие канонических ссылок - поисковики сами выбирают основную версию
Разные URL с одинаковым контентом - параметры в разном порядке
Закрытие важных фильтров - страницы, по которым реально ищут пользователи, остаются вне индекса
Слишком много фильтров - запутывают пользователей, усложняют выбор
Медленная работа - фильтры должны срабатывать мгновенно
Некорректная работа на мобильных - фильтры неадаптированы для сенсорного экрана

Связанные термины

Аноним

Поиск