Главная страница интернет-магазина — как витрина в торговом центре: у неё есть три секунды, чтобы объяснить посетителю, куда он попал, что здесь можно купить и что делать дальше. Если за эти секунды человек не понял, где искать нужный товар, он уходит — и никакой красивый баннер это не спасёт. Главная не должна быть «красивой картинкой»: это функциональный узел, через который проходит значимая доля трафика и от которого зависит, дойдёт ли посетитель до каталога и карточки товара.
Разберём анатомию работающей главной по блокам: что ставить на первый экран, как устроить каталожное меню, какие витрины действительно помогают, где размещать триггеры доверия и как всё это не превратить в тормозящую страницу. Всё — применительно к 1С-Битрикс и торговому каталогу, а по ходу свяжем витрины и наличие с обменом и автоматизацией продаж и склада на 1С.
Коротко
- Главная не продаёт напрямую — она распределяет трафик в каталог, поиск и ключевые категории.
- Первый экран и каталожное меню важнее баннеров: за них борется каждый посетитель.
- Витрины хитов и новинок работают только с актуальным наличием и ценой из 1С.
- Тяжёлую главную спасают композитный сайт, кэш компонентов и проектирование от мобильного.
Зачем магазину главная страница
Первое заблуждение — считать, что главная должна «продавать». В реальности прямые заказы прямо с главной единичны: люди приходят на неё из рекламы, закладок и брендовых запросов, а покупку совершают уже в карточке товара после пути через каталог. Поэтому правильная метрика главной — не выручка со страницы, а доля посетителей, которые ушли глубже: в категорию, поиск или на витрину товара.
Из этого следует и логика проектирования. Главная — это распределитель: она должна за секунды показать ассортимент, дать быстрый путь к поиску и в популярные категории и снять базовые возражения по доверию (оплата, доставка, гарантии). Всё, что мешает этому распределению, — лишнее.
Первый экран: оффер, поиск, корзина
Первый экран — то, что человек видит без прокрутки. Здесь решается судьба визита, поэтому на нём должны быть четыре обязательных элемента:
- Оффер и позиционирование. Одна фраза, объясняющая, что за магазин и в чём его выгода: ассортимент, доставка, цены.
- Строка поиска. Заметная, а не спрятанная под иконку. Для магазина с большим ассортиментом поиск — главный инструмент навигации.
- Вход в каталог. Кнопка или меню категорий, чтобы можно было сразу пойти по дереву разделов.
- Корзина и вход. Иконка корзины с количеством и авторизация — они должны быть на месте с первого экрана.
Крупный баннер тоже уместен, но он не должен вытеснять поиск и меню. Частая ошибка — отдать весь первый экран под слайдер акций, из-за чего посетитель прокручивает целую высоту, прежде чем увидит, как искать товар.
Каталожное меню и навигация
Каталожное меню — второй по важности элемент после первого экрана. Именно оно даёт посетителю карту магазина. Для среднего и крупного ассортимента используют «мегаменю»: при наведении на раздел раскрывается панель с подкатегориями, популярными подборками и иногда изображениями.
Хорошее каталожное меню отвечает нескольким требованиям:
- Отражает реальную структуру каталога. Разделы меню соответствуют разделам инфоблока, а не живут отдельной жизнью.
- Не слишком глубокое. Два-три уровня максимум; всё, что глубже, находится через поиск и фильтр внутри раздела.
- Быстрое. Меню на сотни пунктов кэшируется, иначе оно тормозит каждую страницу.
В 1С-Битрикс структура каталога строится на инфоблоках и их разделах, а меню генерируется из них. Это удобно: добавили раздел товаров — он появился в навигации без ручной правки шаблона.
Блок категорий как точка входа
Помимо меню, на главной почти всегда есть визуальный блок категорий — плитки с картинками и названиями популярных разделов. Он дублирует меню, но работает иначе: меню — для тех, кто знает, что ищет, плитки — для тех, кто «пришёл посмотреть». Хорошо, когда порядок плиток отражает реальный спрос, а не алфавит.
Не превращайте блок категорий в свалку из 40 плиток. Выберите 6–12 ключевых направлений, а полный список оставьте меню и странице каталога. Задача блока — быстро увести человека в нужную ветку, а не показать «весь ассортимент разом».
Акции и промо без баннерной слепоты
Акционные баннеры — законная часть главной, но у них есть враг: баннерная слепота. Посетители научились игнорировать всё, что выглядит как реклама. Чтобы промо работало, соблюдайте несколько правил.
Слайдер из десяти баннеров почти бесполезен: до третьего слайда доходят единицы. Лучше два-три статичных промо с конкретными офферами, чем бесконечная карусель. И обязательно связывайте акцию с реальными условиями: если скидка действует до определённой даты или на товары, которых уже нет в наличии, это подрывает доверие.
Витрины товаров: хиты, новинки, персонализация
Витрины — подборки товаров прямо на главной: хиты продаж, новинки, товары со скидкой, рекомендации. Они дают посетителю быстрый путь в карточку, минуя каталог. Ключевое требование к витрине — актуальность: она должна показывать товары, которые есть в наличии и по правильной цене.
Здесь всё упирается в данные из учётной системы. Наличие и цены приходят в торговый каталог обменом с 1С; если обмен настроен плохо, витрина «Хиты» легко покажет распроданные позиции. Поэтому качество главной напрямую зависит от качества интеграции — эту связку мы закрываем услугой автоматизации продаж и склада на 1С, а типичные сбои обмена разбираем в статье про современную работу с данными через D7 и ORM.
- Хиты продаж. Формируются по реальной статистике заказов, а не «вручную на глаз».
- Новинки. Товары, недавно появившиеся в каталоге по дате создания.
- Персональные рекомендации. Подборка на основе просмотров и истории заказов авторизованного пользователя.
Триггеры доверия: оплата, доставка, отзывы
Новый посетитель подсознательно проверяет: можно ли вам доверять деньги. Главная должна снять базовые возражения ещё до перехода в каталог. Работают конкретные, а не абстрактные сигналы.
| Триггер | Что показать | Зачем |
|---|---|---|
| Доставка | Сроки, стоимость, регионы | Снимает главный вопрос покупателя |
| Оплата | Способы, СБП, безопасность | Показывает, что платить удобно и безопасно |
| Отзывы | Оценки, реальные комментарии | Социальное доказательство |
| Гарантии | Возврат, обмен, поддержка | Снижает страх ошибки |
| Контакты | Телефон, мессенджеры, адрес | Подтверждает реальность компании |
Не превращайте это в набор безликих иконок «Быстрая доставка / Низкие цены / Гарантия качества» — они давно не работают. Конкретика («доставим по Москве завтра», «оплата по СБП без комиссии») убеждает куда сильнее.
Контент и SEO-блок на главной
Внизу главной уместен небольшой текстовый блок: кто вы, что продаёте, ссылки на ключевые категории. Он помогает и посетителю сориентироваться, и поисковой оптимизации — за счёт осмысленного текста и внутренних ссылок. Но именно небольшой: «портянка» на несколько тысяч знаков ради ключевых слов отпугивает людей и почти не влияет на ранжирование.
Гораздо полезнее для SEO продуманная структура: корректные заголовки, микроразметка, скорость и внутренняя перелинковка. Техническую сторону оптимизации магазина мы разбираем в материалах по разработке — например, о выкатке изменений без простоя, чтобы правки главной не ломали боевой сайт.
Скорость и композитный сайт
Главная — одна из самых тяжёлых страниц: меню, несколько витрин, баннеры, блоки доверия. Если всё это считать при каждом заходе, страница будет медленной, а медленная главная теряет посетителей ещё до каталога.
В 1С-Битрикс базовое решение — композитный сайт: статическая часть страницы кэшируется и отдаётся почти мгновенно, а динамика (корзина, цена авторизованного клиента, актуальное наличие) догружается отдельным запросом. Дополнительно кэшируют сами компоненты витрин с тегированным кэшем, чтобы подборки пересчитывались только при изменении товаров. Инфраструктурная сторона скорости — тема статьи про хостинг и инфраструктуру для 1С-Битрикс, а разовую диагностику тормозов закрывает аудит и оптимизация 1С.
Мобильная главная
Большая часть трафика магазина — со смартфонов, поэтому проектировать главную стоит «от мобильного». На маленьком экране меняются приоритеты: строка поиска и категории выходят вперёд, крупные баннеры сжимаются или уходят вниз, витрины превращаются в горизонтальные карусели, а мегаменю — в компактное выдвижное меню.
- Поиск на виду. На мобильном он часто важнее меню — не прячьте его глубоко.
- Крупные области нажатия. Плитки и кнопки под палец, а не под курсор.
- Лёгкие изображения. Баннеры и обложки в WebP с адаптивными размерами, чтобы не жечь мобильный трафик.
Как это собирается в 1С-Битрикс
Технически главная в 1С-Битрикс собирается из штатных компонентов, а не «рисуется» статикой. Понимание, что за что отвечает, помогает и заказчику, и разработчику.
- Каталожное меню. Строится по разделам инфоблока каталога; кэшируется, чтобы не нагружать каждую страницу.
- Витрины товаров. Компоненты каталога (catalog.section.list, catalog.top) выводят подборки хитов, новинок и скидок с ценой и наличием из торгового каталога.
- Поиск. Компонент search.title даёт быстрый поиск с подсказками на первом экране.
- Акции и баннеры. Отдельный инфоблок «Баннеры» — чтобы контент-менеджер менял промо без правки шаблона.
- Блоки доверия и контент. Включаемые области или инфоблок с редактируемым содержимым.
Такая сборка удобна в поддержке: контент главной меняется из админки, а данные о товарах и наличии приходят из 1С через автоматизацию на 1С, не требуя ручного ведения витрин.
Частые ошибки
- Весь первый экран под слайдер. Посетитель прокручивает высоту экрана, прежде чем найдёт поиск и меню.
- Карусель из десяти баннеров. До дальних слайдов доходят единицы, а страница тяжелеет.
- Витрины с распроданными товарами. Наличие не подтягивается из 1С — доверие падает.
- Иконки-штампы вместо фактов. «Быстро, качественно, надёжно» ничего не сообщают покупателю.
- SEO-«портянка» внизу. Огромный текст ради ключей отпугивает людей и не помогает продвижению.
- Главную не кэшируют. Самая посещаемая страница считается заново при каждом заходе.
- Проектирование только под десктоп. На смартфоне блоки ломаются или идут в неудобном порядке.
Чек-лист и вывод
- Первый экран. Оффер, заметный поиск, вход в каталог, корзина видны без прокрутки.
- Меню каталога. Отражает структуру инфоблоков, кэшируется, не глубже трёх уровней.
- Блок категорий. 6–12 ключевых направлений по спросу, а не весь список.
- Витрины актуальны. Хиты, новинки и скидки с наличием и ценой из 1С.
- Триггеры доверия конкретны. Доставка, оплата, отзывы, гарантии с фактами.
- Скорость. Композитный сайт и кэш компонентов включены, изображения в WebP.
- Мобильная версия. Порядок блоков и размеры проверены на смартфоне.
Идеальная главная — не про красоту, а про распределение внимания: за секунды объяснить, что за магазин, дать быстрый путь к поиску и в каталог и снять базовые страхи покупателя. Всё остальное — витрины, акции, контент — усиливает этот каркас, но не заменяет его. А поскольку витрины и наличие держатся на данных из 1С, работающая главная начинается с настроенного обмена и продуманной архитектуры каталога.
