SEO фильтры и навигация в большом e-commerce – рассказываю, как подружить покупателей и поисковики

Вы тоже иногда открываете раздел «Каталог», кликаете три фильтра — и получаете странный зверь из бесконечной пагинации и одинаковых страниц? Я, признаться, в такие моменты закрываю ноутбук и иду за чаем: у плохих фильтров один талант — отнимать деньги у рекламы и силы у SEO. Давайте разберём это по‑взрослому и с лёгкой улыбкой. Я покажу, какие страницы стоит отдавать в индекс, как не утонуть в дублях, где прячется быстрый трафик «смартфоны 128 ГБ чёрные», и почему History API с простыми правилами иногда творят чудеса быстрее, чем «космический» редизайн. Поехали?

Зачем фильтры — это не «украшение», а деньги

• Людям проще: дошли до нужного товара без квеста — конверсия растёт.
• Поисковики спокойнее: меньше дублей и «мусорных» URL — выше доверие и crawl budget туда, где надо.
• Семантика шире: фильтрованные страницы могут ловить хвосты вроде «кроссовки водонепроницаемые 44».

Полезно:

• Яндекс Вебмастер — индексация и проблемы: https://webmaster.yandex.ru/
• Screaming Frog — краул и поиск дублей: https://www.screamingfrog.co.uk/seo-spider/
• UX‑паттерны каталога: https://baymard.com/research

Типичные ошибки, из‑за которых SEO не взлетает

• Индексируются все комбинации фильтров, включая бессмысленные «цвет=чёрный+чёрный».
• Каноникалы указывают сами на себя, хотя страница — вариация базовой категории.
• Пагинация без rel="next/prev" и без чёткой логики «главной» страницы.
• Параметры в URL в разном порядке порождают дубли: ?brand=apple&color=black и ?color=black&brand=apple.
• Мета‑шаблоны одинаковые, H1 скучный и неконкретный: «Смартфоны — страница 7».
• Фильтры тяжелые на мобиле: подвисания, «скачущий» интерфейс, пользователи уходят.

Как я настраиваю фильтры: опорная схема

1) Решаем, что индексировать, а что — нет

• В индекс — только «денежные» сочетания: 1–2 приоритетных атрибута (категория + бренд, категория + объём/тип).
• Всё остальное — noindex или каноникал на «чистую» категорию.
• Фильтры «цена», «наличие», «скидка», «сортировка» — не индексируем, параметры закрываем.

Подсказка: составьте список «белых» параметров и их комбинаций. Остальные — «серые» (не индекс) и «чёрные» (блокировка).

2) Приводим URL к порядку

• Стандартный формат: /category/brand‑apple/volume‑128gb/
• Фиксируем порядок параметров и разделители. Убираем дубль «/» и пустые параметры.
• Для AJAX — используем History API: меняем URL без перезагрузки, но только для «белых» комбинаций делаем серверную версию страницы.

Документация по History API: https://developer.mozilla.org/ru/docs/Web/API/History_API

3) Каноникалы, мета и заголовки — по шаблону, но по‑умному

Каноникал:

• Для «белых» страниц — на себя.
• Для «серых» — на базовую категорию.

Title/H1/Description генерируем из атрибутов:

• H1: «Смартфоны 128 ГБ, чёрные — купить с доставкой»
• Title: «Смартфоны 128 ГБ чёрные — цены, наличие, доставка по России»
• Description: выгода + ассортимент + срок/гео.

Добавляем микроразметку: BreadcrumbList, Product/Offer (если выводите карточки).
Справочник: https://schema.org/ и Google Search docs: https://developers.google.com/search/docs

4) Пагинация и сортировка

• Пагинация — статична и дружелюбна: /category/page‑2/
• Сортировка — параметр, закрытый от индекса: ?sort=price_asc, noindex + canon на версию без sort.
• На странице пагинации даём уникальный intro‑текст на первых 1–2 страницах, дальше — лаконично.

5) Кластеризация фильтров

• Главные: тип, бренд, ключевая характеристика (объём, размер, материал).
• Второстепенные: цвет, отделка, дополнительные опции — для UX, но не для индекса (в 90% случаев).
• На основе спроса (Wordstat/поисковые подсказки/внутренняя аналитика) составляем «whitelist» комбинаций.

Инструменты для спроса:

• Wordstat: https://wordstat.yandex.ru/
• Подсказки и смежные запросы — смотрим прямо в выдаче.

6) Производительность и мобильный UX

• Фильтры раскрываются по аккордеону, чекбоксы не «прыгают», кнопка «Показать» фиксируется нижней плашкой на мобиле.
• Ленивая загрузка карточек, предварительный скелетон, WebP/AVIF для изображений.
• Контролируем LCP/CLS — фильтрация не должна ломать разметку.

7) Карта индексации и Sitemap

• В Sitemap — только «белые» страницы.
• Раз в неделю пересчитываем популярные фильтры и, при необходимости, расширяем карту.
• Убираем «осиротевшие» страницы: без переходов, без спроса, без продаж — в архив.

Как понять, что мы идём в правильную сторону

• Доля «белых» страниц в индексе растёт, «мусорных» — падает.
• Органика на хвостах «категория + атрибут» растёт без обвала основного ядра.
• Путь: категория → фильтр → карточка → добавление в корзину — короче, отказов меньше.
• Скорость в каталоге на мобиле — зелёная зона по LCP/CLS.
• Краул в логах расходуется на «белые» страницы, а не на пагинацию/сортировки.

Подсказка: смотрим карты кликов и скролла — где залипают и где уходят: https://metrica.yandex.ru/

Два коротких кейса

• Электроника (150k+ SKU).
  Что сделала: whitelist из 320 сочетаний, каноникал на категорию для серых, History API для UX, серверные страницы — только для «денежных» фильтров.
  Результат: +27% органики на хвостах за 8 недель, доля дублей в индексе −62%, конверсия из каталога +0,6 п. п.
• Дом и ремонт (70k SKU, Битрикс).
  Что сделала: унификация URL, композит + кеш, WebP, микроразметка BreadcrumbList/Product, пагинация по шаблону.
  Результат: LCP мобайл с 3,6 до 2,1 сек, рост органики +18%, глубина просмотра каталога +22%.

План на 30 дней: без рефакторинга всего мира

1. Неделя 1
• Инвентаризация существующих URL фильтров, сбор спроса, draft «белого списка».
• Решение по каноникалам и robots для серых/чёрных.
2. Неделя 2
• Шаблоны Title/H1/Description, внедрение BreadcrumbList и Product/Offer.
• История URL: фиксируем порядок параметров, чистим дубли.
3. Неделя 3
• AJAX+History API, серверные страницы для whitelist.
• Пагинация и закрытие сортировок от индекса.
4. Неделя 4
• Sitemap только для «белых», отчёты в Вебмастере, метрики UX, Clarity/Вебвизор.
• Список корректировок на основе данных: расширяем whitelist или сужаем.

Чек‑лист перед выкладкой

1. Есть whitelist комбинаций и он согласован с семантикой.
2. Каноникалы работают по правилам: белые — на себя, серые — на категорию.
3. URL единообразны, порядок параметров фиксирован.
4. Мета‑шаблоны генерируются из атрибутов и не дублируют друг друга.
5. Пагинация чистая, сортировки закрыты от индекса.
6. Sitemap содержит только «белые» страницы, robots не пропускает «мусор».
7. LCP/CLS на мобиле в зелёной зоне, фильтры не «ломают» верстку.
8. Метрики включены: переходы по фильтрам, добавления в корзину, продажи по «фасетным» страницам.

Если коротко — про баланс

Индексируем то, что люди ищут и покупают. Остальное оставляем для удобства, но не для роботов. Фильтры — это навигатор, а не генератор свалки URL. Сделаем аккуратно — и органика подтянется без лишней суеты, а пользователи перестанут играть в «найди иголку в стоге».

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