Пустые состояния — это экраны, о которых вспоминают в последнюю очередь, а зря. Пользователь попадает на них в самый уязвимый момент: он не нашёл товар, случайно опустошил корзину или перешёл по битой ссылке. И то, что он там увидит, решает — уйдёт он с сайта или вернётся к покупке. Голое «Ничего не найдено» по центру пустого экрана — это упущенная продажа.
В этой статье разберём, как проектировать пустые и ошибочные состояния интернет-магазина на 1С-Битрикс: пустую корзину, нулевую выдачу поиска и фильтра, страницу 404 и ошибки оформления заказа. Покажем, из чего состоит хороший пустой экран, как это реализуется в Битрикс и почему это влияет и на конверсию, и на SEO. Многие такие сценарии завязаны на данные из учёта, поэтому по ходу упомянем автоматизацию на 1С.
Коротко
- Пустое состояние — это не тупик, а развилка: оно должно возвращать пользователя к товарам.
- Хороший пустой экран объясняет причину, даёт одно явное действие и полезные альтернативы.
- Страница 404 обязана отдавать статус 404, иначе мусорные URL попадают в индекс.
- Логи пустого поиска — готовый список того, что покупатели ищут, но не находят.
Почему пустые состояния важны
На пустое состояние человек попадает не от хорошей жизни. Он что-то искал и не нашёл, отфильтровал в ноль, удалил товары из корзины или пришёл по устаревшей ссылке. Эмоционально это точка раздражения или растерянности — и одновременно точка принятия решения: продолжить или закрыть вкладку.
Именно поэтому пустые состояния дают несоразмерно большой эффект на конверсию при малых затратах. Основные страницы вылизывают все, а пустой поиск и 404 часто остаются в состоянии «дефолтного шаблона CMS». Между тем это дешёвая точка роста: превратить тупик в развилку почти всегда проще, чем выжать конверсию из уже вылизанной карточки.
Анатомия хорошего пустого экрана
У всех пустых состояний общая структура, меняется только содержание. Собрав её один раз, вы получаете предсказуемый и переиспользуемый паттерн.
| Элемент | Зачем нужен | Пример |
|---|---|---|
| Причина | Снять растерянность, объяснить, что произошло | «В корзине пока нет товаров» |
| Главное действие | Дать очевидный следующий шаг | Кнопка «Перейти в каталог» |
| Альтернативы | Удержать, если главное действие не подходит | Популярные категории, избранное |
| Персональный блок | Использовать контекст пользователя | Недавно просмотренные, прошлые заказы |
| Тон | Не давить и не обвинять | Дружелюбный текст без жаргона |
Дальше разберём каждое состояние отдельно — везде эта структура наполняется своим содержанием.
Пустая корзина
Пустая корзина в 1С-Битрикс выводится компонентом корзины (модуль «Интернет-магазин», sale.basket.basket), и по умолчанию это часто просто строка «Корзина пуста». Между тем корзину открывают в двух совершенно разных ситуациях, и обе — шанс на продажу.
- Корзина ещё пуста. Пользователь только зашёл или зашёл проверить. Предложите перейти в каталог и покажите популярные категории и недавно просмотренные товары.
- Заказ оформлен. Корзина опустела после покупки. Здесь уместно поблагодарить, дать ссылку на заказ в личном кабинете и предложить сопутствующее.
- Товары удалили. Если пользователь очистил корзину, дайте возможность восстановить или показать историю.
Для авторизованного клиента корзина — идеальное место для повторной покупки: покажите его прошлые заказы и кнопку «Повторить заказ». Данные о заказах и остатках приходят из учёта, поэтому корректность «повторить заказ» зависит от актуальности обмена — здесь помогает автоматизация продаж и склада на 1С.
Нулевая выдача поиска
Когда поиск ничего не нашёл, худшее, что можно сделать, — показать пустой экран со словом «Ничего». Это прямой выход с сайта. Нулевая выдача должна работать как навигационная развилка.
- Повторите запрос. Покажите, что именно искали, — часто пользователь видит опечатку сам.
- Предложите проверку. Совет проверить написание, попробовать более общий запрос или синоним.
- Дайте альтернативы. Товары по части запроса, похожие позиции, популярные категории.
- Оставьте выход в каталог. Явная ссылка на разделы, чтобы не застрять.
Отдельно настройте синонимы и морфологию штатного поиска Битрикс, чтобы «ноутбук» и «ноутбуки», профессиональные термины и бытовые названия находили одно. И обязательно логируйте пустые запросы — это бесплатная маркетинговая аналитика: список того, что покупатели ищут, но у вас не находят.
Пустой результат фильтра
Пустая выдача умного фильтра (catalog.smart.filter) отличается от пустого поиска: здесь пользователь сам сузил условия так, что под них ничего не подошло. Он не ошибся в написании — он перестарался с ограничениями.
- Объясните причину. «Под выбранные условия товаров нет» вместо голого пустого списка.
- Дайте снять фильтры. Кнопки «сбросить последний фильтр» и «сбросить всё» рядом с сообщением.
- Покажите близкое. Товары, подходящие под большинство условий, кроме одного самого узкого.
- Предупреждайте заранее. В идеале фасетный индекс не даёт выбрать комбинацию, ведущую в ноль, — недоступные значения гасятся.
Последний пункт — самый сильный: если умный фильтр показывает счётчики и блокирует пустые комбинации, пользователь просто не доходит до нулевого результата. Это вопрос корректной настройки фасетного индекса.
Страница 404 и HTTP-статус
Страница 404 — самое техничное из пустых состояний, и здесь ошибаются чаще всего. Главное правило: страница «не найдено» обязана отдавать HTTP-статус 404, а не 200. Если она отвечает 200, поисковики считают битые URL нормальными страницами, индексируют их и тратят краулинговый бюджет на пустышки.
В 1С-Битрикс это настраивается через файл 404.php и настройки обработки ошибок ЧПУ: страница должна выставлять корректный статус и не «маскироваться» под нормальный ответ. Содержательно на 404 нужны:
- Дружелюбный текст. Без «Error 404 Not Found» и технического жаргона — понятное объяснение.
- Поиск. Поле поиска прямо на странице ошибки — частый и быстрый путь дальше.
- Популярные разделы и главная. Ссылки, которые вернут пользователя в каталог.
- Редиректы со старых URL. Частые адреса-источники 404 стоит перенаправлять на актуальные страницы.
404 — частая точка входа из старых ссылок, закладок и выдачи. Хорошо оформленная, она превращает «ошибка» в «давайте я помогу найти».
Ошибки оформления заказа
Отдельный класс критичных состояний — ошибки на оформлении заказа (sale.order.ajax и связанные шаги). Пользователь уже готов купить, и любая невнятная ошибка здесь стоит дороже всего.
- Товар кончился в процессе. Если позиция ушла из наличия, честно скажите об этом и предложите аналог, а не роняйте оформление молча.
- Ошибка оплаты. Понятное сообщение с возможностью повторить оплату и сохранённой корзиной, а не «что-то пошло не так».
- Ошибка валидации. Подсветка конкретного поля и понятная причина, а не общий красный блок вверху формы.
- Сбой связи с 1С. Если заказ не ушёл в учёт, он не должен теряться — нужна очередь и повтор, а пользователю — подтверждение приёма.
Наличие и статусы часто зависят от обмена с 1С, поэтому устойчивость оформления к сбоям учёта — это в том числе задача интеграции и складского контура. Про надёжность обмена данными и точек интеграции мы писали в статье про REST, вебхуки и безопасность в Битрикс.
Тексты, тон и микрокопирайтинг
Пустые состояния — это в основном текст, и тон важнее графики. Несколько правил, которые работают всегда:
- Не обвиняйте. «Вы ввели неверный запрос» хуже, чем «По запросу ничего не нашлось — давайте уточним».
- Без жаргона. «Ошибка 404», «Not Found», «Exception» — это для логов, а не для покупателя.
- Одно понятное действие. Главная кнопка формулируется глаголом: «Перейти в каталог», «Повторить поиск».
- Коротко. Пользователь на пустом экране не читает абзацы — он сканирует.
Реализация в 1С-Битрикс
Технически пустые состояния — это шаблоны компонентов и системные страницы. Общая логика реализации такая:
- Шаблоны компонентов. Пустую корзину, поиск и фильтр верстают в шаблонах соответствующих компонентов (sale.basket.basket, поиск, catalog.smart.filter), а не «заглушками».
- Страница 404. Настраивается через 404.php и обработку ошибок ЧПУ с корректным HTTP-статусом.
- Персонализация. Недавно просмотренные, избранное и прошлые заказы подтягиваются из данных пользователя и обмена с учётом.
- Единый паттерн. Все пустые состояния используют один визуальный и текстовый шаблон, чтобы не собирать каждое с нуля.
- Кэш и композит. Статические части пустых страниц кэшируются, персональные блоки догружаются, чтобы не тормозить.
Инфраструктурная стабильность (чтобы страницы вообще отдавались быстро и без сбоев) — отдельная тема; мы разбирали её в материале про хостинг и инфраструктуру BitrixVM. Если пустые состояния и обработка ошибок оформляются как переиспользуемый функционал, полезен подход из статьи про разработку модуля на Битрикс.
Аналитика пустых состояний
Пустые состояния нельзя «сделать и забыть» — их измеряют и улучшают по данным.
- Поведение после экрана. Доля выходов против доли возврата в каталог или повтора действия.
- Логи пустого поиска. Регулярно смотрите запросы без результатов — это заявки на новый ассортимент и синонимы.
- Источники 404. Какие URL чаще всего дают ошибку и откуда на них приходят — под них настраивают редиректы.
- Ошибки оформления. Частота и типы ошибок на checkout — прямая утечка выручки, которую надо чинить в первую очередь.
Частые ошибки
- Голая заглушка. «Корзина пуста» или «Ничего не найдено» без действий и альтернатив.
- 404 со статусом 200. Битые URL индексируются и засоряют выдачу.
- Технический жаргон. «Error 404», «Exception» вместо человеческого текста.
- Пустой фильтр без выхода. Нет кнопки сбросить условия, пользователь застревает.
- Немой сбой оформления. Заказ не проходит, а пользователь не понимает почему.
- Игнор мобильных. На маленьком экране пустое состояние выглядит как поломка.
- Нет аналитики. Пустые запросы и источники 404 не логируются, точки роста теряются.
Чек-лист внедрения
- Единый паттерн. Причина, главное действие, альтернативы и персональный блок — во всех пустых состояниях.
- Корзина проработана. Разные тексты для «ещё пуста» и «заказ оформлен», повтор заказа для авторизованных.
- Пустой поиск. Показ запроса, советы, альтернативы, синонимы, логирование пустых запросов.
- Пустой фильтр. Сброс условий, показ близкого, гашение пустых комбинаций в фасетах.
- 404 корректна. HTTP-статус 404, поиск и ссылки на разделы, редиректы со старых URL.
- Ошибки оформления. Понятные сообщения, сохранение корзины, устойчивость к сбоям обмена с 1С.
- Мобильная проверка. Все состояния протестированы на реальных устройствах.
- Аналитика включена. Логи пустого поиска, источники 404, ошибки checkout под наблюдением.
Вывод
Пустые состояния — недооценённая точка роста конверсии. На пустую корзину, нулевой поиск, пустой фильтр и 404 пользователь попадает в момент раздражения, и именно там решается, останется он или уйдёт. Правильный пустой экран объясняет причину, даёт очевидное действие и полезные альтернативы, а страница 404 ещё и бережёт SEO корректным статусом.
Проработайте пустые состояния по единому паттерну, свяжите их с актуальными данными из учёта и измеряйте поведение пользователей после них. Это одна из самых дешёвых и быстрых оптимизаций магазина: превратить тупики в развилки почти всегда проще, чем выжать ещё процент из вылизанной карточки товара.
