Пустые состояния: как превратить «ничего не найдено» в пользу

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

Эта статья — о том, как проектировать пустые состояния интернет-магазина на 1С-Битрикс так, чтобы каждый тупик превращался в следующий шаг. Разберём пустой поиск, нулевой результат выборки через D7 ORM, пустую корзину, 404 и снятые с продажи товары, а также то, как всё это измерять. Если каталог живёт на обмене с учётной системой, часть пустых состояний лечится ещё и на стороне данных — здесь помогает аудит и оптимизация 1С.

Что такое пустое состояние и почему это потеря денег

Пустое состояние (empty state) — это любой экран интерфейса, где системе нечего показать. Формально всё работает: страница отдалась, код 200, ошибок нет. Но с точки зрения пользователя это тупик: он пришёл за товаром, а видит пустоту. Разница между «технически корректно» и «полезно для человека» здесь максимальная.

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

Где в магазине возникают пустые экраны

Прежде чем чинить, полезно составить карту всех мест, где магазин может показать пустоту. В типовом проекте на 1С-Битрикс их больше, чем кажется.

Составив такую таблицу под свой проект, вы получаете чек-лист экранов, каждый из которых нужно спроектировать отдельно. Дальше разберём самые критичные из них.

Пустая выдача поиска: «ничего не найдено»

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

Что помогает вытащить пользователя из пустого поиска:

• Подсказка о причине. «Возможно, в запросе опечатка» или «попробуйте более общий запрос» — короткое объяснение снижает ощущение тупика.
• Исправление и синонимы. «Возможно, вы искали…» с исправленной раскладкой или синонимом. Часть проблем — это латиница вместо кириллицы и наоборот.
• Похожие товары. Даже при нулевом точном совпадении можно показать ближайшие по разделу или популярные позиции.
• Форма запроса товара. «Не нашли нужное? Напишите нам» — превращает тупик в лид.

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

Нулевой результат умного фильтра

Умный фильтр в 1С-Битрикс (компонент catalog.smart.filter) — мощный инструмент подбора, но именно он чаще всего заводит пользователя в пустоту: человек отмечает бренд, цвет, диапазон цены — и получает ноль. Лучший способ бороться с этим — не давать выбрать заведомо пустую комбинацию.

1. Счётчики у значений. Показывайте рядом со значением фильтра количество товаров, которое останется после его выбора. Пользователь видит «(0)» и не идёт в тупик.
2. Блокировка пустых значений. Значения, ведущие к нулю в текущей комбинации, делайте неактивными, а не кликабельными.
3. Понятный нулевой экран. Если ноль всё же случился — прямо скажите, какая комбинация условий его дала, и предложите снять последний фильтр.
4. Быстрый сброс. Кнопка «Сбросить фильтры» должна быть на виду, а не прятаться внизу колонки.

Про устройство и производительность самого фильтра — отдельная большая тема; при кастомизации выборок бывает полезен подход через D7 ORM, чтобы считать счётчики без лишней нагрузки на базу.

Пустая корзина и избранное

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

Рабочее наполнение пустой корзины:

• Недавно просмотренные. Товары, которые человек уже смотрел, — самый вероятный кандидат в корзину.
• Популярное и хиты. Подборка бестселлеров возвращает в воронку тех, у кого пока нет конкретной цели.
• Ссылки на ключевые разделы. Крупные точки входа в каталог вместо тупика.

Избранное и сравнение работают по тому же принципу: пустой список — повод объяснить, как им пользоваться, и сразу показать, что добавлять. Важно, чтобы эти блоки не грузили лишнего на первый экран: подборки можно догружать, а не рендерить синхронно, особенно если магазин использует композитный кэш.

Пустой личный кабинет и история заказов

Новый B2B- или розничный клиент заходит в кабинет и видит пустую историю заказов. Это нормальный этап жизненного цикла, но его тоже нужно оформить. Вместо «Заказов пока нет» — короткое приглашение оформить первый заказ, ссылка в каталог и, если уместно, подсказка о преимуществах авторизованного клиента (сохранённые адреса, повторный заказ, персональные цены).

Для оптовых кабинетов пустое состояние истории — ещё и место, где можно объяснить сценарии: загрузку спецификации, повторение прошлого заказа, согласование. Логика кабинета часто завязана на данные из учётной системы, а безопасный доступ к ним — на REST-слой; про него мы писали в материале REST, вебхуки и безопасность в Битрикс. Сама автоматизация обмена заказами и остатками — это автоматизация продаж и склада на 1С.

404 и товары, снятые с продажи

Страница 404 и карточка снятого товара — пустые состояния, которые к тому же влияют на SEO. Здесь важно разделить два случая.

• Битый URL (404). Отдавайте корректный код 404, но с полезным содержимым: строкой поиска, ссылками на популярные разделы и главную. Пустая системная страница ошибки — упущенная возможность вернуть человека в каталог.
• Товар снят навсегда. Настройте редирект на аналог или раздел, либо отдавайте 410 Gone, чтобы поисковик понял, что страница удалена осознанно. Пользователю покажите аналоги.
• Товар временно отсутствует. Карточку оставляем, кнопку покупки меняем на «Сообщить о поступлении», добавляем аналоги. Это не 404 — товар существует.

Анатомия хорошего пустого состояния

У всех удачных пустых экранов одинаковый скелет, независимо от того, поиск это, фильтр или корзина. Хорошее пустое состояние состоит из четырёх элементов:

1. Понятный заголовок. Человеческим языком: что произошло. «Не нашли товар по запросу» вместо технического «0 результатов».
2. Короткое объяснение. Одна фраза о причине и о том, что можно сделать.
3. Основное действие. Одна заметная кнопка или ссылка — сбросить фильтр, перейти в каталог, повторить поиск.
4. Запасной путь. Подборка товаров, форма запроса или контакт — чтобы даже при неудаче человек остался на сайте.

Тон текста — дружелюбный и по делу, без вины пользователя («вы ввели неверный запрос») и без сарказма. Иллюстрация уместна, но не обязательна: пользы от одной понятной кнопки больше, чем от большой картинки без действия.

Реализация в 1С-Битрикс пошагово

Технически пустые состояния живут в шаблонах компонентов и обработчиках. Общая последовательность внедрения такая:

1. Соберите карту экранов. Выпишите все места из таблицы выше применительно к вашему проекту.
2. Найдите пустые ветки. В шаблонах search.page, catalog.section, catalog.smart.filter, корзины и кабинета найдите вывод «пусто» и замените заглушки полезным содержимым.
3. Настройте 404. Проверьте 404.php и настройки ЧПУ, чтобы битые адреса вели на осмысленную страницу с поиском и разделами.
4. Опишите правила снятых товаров. Заведите логику: снят навсегда — редирект/410, временно нет — карточка с подпиской.
5. Добавьте подборки. Просмотренные, популярные и аналоги — через компоненты каталога, аккуратно с кэшем, чтобы не тормозить страницу.
6. Повесьте аналитику. События на нулевую выдачу, пустой фильтр и 404 с параметрами запроса.

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

Аналитика: измеряем пустые состояния

Пустые состояния часто остаются слепой зоной: никто не знает, как часто они возникают. Между тем это готовый источник улучшений. Настройте отправку событий и регулярные отчёты:

• Нулевые запросы поиска. Собирайте текст запроса — это прямой список недостающих товаров и синонимов.
• Пустые результаты фильтра. Какие комбинации чаще всего дают ноль — сигнал переработать структуру свойств.
• Показы 404. Топ битых URL подсказывает, где сломались ссылки или редиректы.
• Выходы с пустых экранов. Доля людей, ушедших именно с пустого состояния, показывает цену проблемы.

Отчёт по нулевым поисковым запросам стоит просматривать хотя бы раз в месяц: часто пара популярных синонимов закрывает десятки пустых поисков в неделю.

Частые ошибки

• Голое «ничего не найдено». Без объяснения и без выхода — прямой отток тёплого трафика.
• Пустая корзина как тупик. Нет подборок и ссылок, человеку некуда идти.
• Кликабельные пустые фильтры. Значения без счётчиков заводят в комбинации с нулём.
• 404 = системная страница ошибки. Без поиска и разделов, посетитель уходит.
• Снятый товар отдаёт 404. Теряется накопленный SEO-вес и заинтересованный покупатель.
• Нет аналитики пустых состояний. Проблему не видят, значит, не чинят.
• Обвиняющий тон. «Вы ввели неверный запрос» вместо «возможно, опечатка».

Чек-лист внедрения

1. Карта экранов составлена. Все пустые состояния проекта выписаны и распределены по приоритету.
2. Поиск оформлен. Нулевая выдача даёт подсказки, синонимы и популярные товары.
3. Фильтр защищён. Счётчики у значений, блокировка пустых комбинаций, быстрый сброс.
4. Корзина и избранное не пусты. Просмотренное, популярное, ссылки в каталог.
5. Кабинет оформлен. Пустая история заказов приглашает к первому заказу.
6. 404 и снятые товары настроены. Осмысленная страница ошибки, редиректы/410, подписка на поступление.
7. Аналитика включена. События на нулевые состояния, регулярный отчёт по запросам без результата.

Вывод

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

Спроектируйте каждый пустой экран по одной схеме — заголовок, объяснение, действие, запасной путь — и подключите аналитику, чтобы видеть цену проблемы и её причины. Часть пустоты при этом лечится глубже, на уровне данных и обмена с 1С: чистые остатки, корректные категории и стабильные коды убирают целый класс «ничего не найдено» ещё до вёрстки.