Шапка и навигация (Header)
Логотип Кнопка «Каталог» Поиск Геолокация Телефон / Контакты
Хлебные крошки (Breadcrumbs)
Главная → Оборудование → Освещение для бассейнов
Комментарии по реализации
- Обеспечивают понятную иерархию разделов, помогают пользователю вернуться на уровень выше.
- Расположите под шапкой, используйте текстовые ссылки с разделителем «/» или «→».
- Активная страница должна визуально отличаться (жирный шрифт или цвет), но не быть кликабельной.
Заголовок H1 + Промо-баннер
H1: Название категории Фоновое изображение / Слайдер CTA-кнопка «Смотреть акции»
Комментарии по реализации
- Один заголовок H1 на страницу, максимально близкий к частотному запросу.
- Баннер не должен перекрывать навигацию; текст должен контрастировать с фоном.
- Добавьте призыв к действию (CTA) для сезонных или акционных предложений, чтобы удержать внимание.
Сетка подкатегорий
Светодиодные прожекторы (892) Галогенные лампы (156) Пульты управления (44) Закладные (532)
Комментарии по реализации
- Используйте карточки с миниатюрами, названиями и количеством товаров.
- Разместите сразу после H1/баннера: это ускоряет путь пользователя к целевому товару.
- На мобильных устройствах переключайте сетку в горизонтальный скролл или компактный список из 2 колонок.
Панель фильтров и сортировки
Цена (от-до) Бренд Страна Наличие Характеристики
Комментарии по реализации
- Разместите слева на десктопе, в выезжающем блоке (drawer) на мобильных.
- Ключевые фильтры (цена, бренд, наличие) должны быть раскрыты по умолчанию.
- Кнопка «Применить» и «Сбросить» обязательны. Избегайте авто-перезагрузки страницы при каждом клике.
Каталог товаров (Карточки)
Фото + Галерея Цена / Старая цена Рейтинг ★ Метки: SALE / NEW Кнопка «В корзину»
Комментарии по реализации
- Карточки должны быть единообразными: фото сверху, заголовок, ключевые характеристики, цена, CTA.
- Метки (SALE, NEW, ХИТ) размещайте в углу изображения, используйте контрастные цвета.
- Показывайте рейтинг и количество отзывов — это напрямую влияет на кликабельность и доверие.
Пагинация / «Показать ещё»
← 1 2 3 ... 11 → или кнопка «Загрузить ещё»
Комментарии по реализации
- Для каталогов до 100 товаров используйте классическую пагинацию.
- Для больших каталогов предпочтительнее кнопка «Показать ещё» — она сохраняет контекст скролла и не разрывает внимание.
- Номера страниц должны быть крупными, активная страница выделена цветом.
SEO-текст и информационный блок
H2: Описание категории H3: Виды оборудования Маркированные списки Внутренние ссылки
Комментарии по реализации
- Размещайте после каталога, чтобы не мешать быстрой покупке.
- Используйте четкую иерархию H2 → H3, короткие абзацы, маркированные списки и таблицы.
- Добавляйте 3–5 внутренних ссылок на смежные категории или статьи блога для перелинковки.
Подвал и блок доверия (Footer)
Лого + Слоган Контакты / Соцсети Доставка / Оплата / Возврат Бейджи безопасности Копирайт
Комментарии по реализации
- Разделите на 3–4 колонки: Каталог, Информация, Контакты, Документы.
- Добавьте визуальные бейджи способов оплаты и доставки для повышения конверсии.
- Ссылки на политику конфиденциальности и оферту обязательны для домена доверия.
Комментарии по реализации