Структура каталога интернет-магазина

Как разделить категории, фильтры и варианты товаров, проверить дерево каталога на реальном ассортименте и подготовить вводные для разработки магазина.

Окно каталога с ветвями категорий и элементами фильтрации товаров

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

Результатом этой работы должна стать не только схема меню. Нужны список категорий, набор характеристик для каждой группы и примеры того, как товары попадут на страницы. По этим материалам проще обсуждать объём разработки интернет-магазина на 1С-Битрикс.

Разделите категории, фильтры и варианты

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

Например, для условного магазина освещения категориями могут быть настольные лампы и торшеры. Цвет корпуса, материал и тип цоколя становятся характеристиками. Если одна модель выпускается в двух цветах с разными остатками, нужно отдельно описать её варианты. Это пример проектирования, а не универсальная схема для любого магазина.

Не превращайте каждый признак в отдельную ветку меню. Разделы «чёрные лампы», «металлические лампы» и «лампы с выключателем» пересекаются: один товар попадает сразу во все три. Иногда такая подборка нужна как самостоятельная страница, но её назначение стоит согласовать отдельно от основного дерева.

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

Проверьте дерево на ассортименте

Возьмите по несколько товаров из разных групп: популярные, редкие, сложные по характеристикам и недавно добавленные. Разложите их по будущим категориям. Отдельно отметьте позиции, которые не нашли места, и те, для которых понадобилось несколько одинаковых карточек.

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

Проверка не требует готового сайта. Подойдут список разделов и таблица с товарами. Важно увидеть логику выбора до того, как в неё вложены дизайн и загрузка всего каталога. Если ассортимент неоднородный, один и тот же набор фильтров не нужно навязывать всем категориям.

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

Свяжите страницы и продумайте пустые результаты

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

Для поиска также важны связи между страницами. Google рекомендует доступные ссылки от категорий к подкатегориям и карточкам. Поисковая строка не заменяет навигацию: робот обычно не вводит в неё запросы. Это техническое требование к доступности страниц, а не обещание высоких позиций.

Заранее определите, что произойдёт при отсутствии подходящих товаров. Полезно показать применённые условия и возможность снять отдельный фильтр. Не подменяйте пустой результат неподходящими товарами без объяснения. Для снятой с продажи позиции отдельно решите, остаётся ли карточка, предлагается ли аналог и кто поддерживает эту связь.

Подготовьте пакет для согласования

Перед обсуждением разработки соберите четыре материала:

  • дерево категорий с короткими пояснениями;
  • образец товаров с артикулами, характеристиками и вариантами;
  • список фильтров по группам и допустимые значения;
  • сценарии поиска, сравнения и выбора отсутствующего товара.

Добавьте владельца данных: кто создаёт категории, исправляет характеристики и принимает новую номенклатуру. Укажите источник каталога и правила обновления. Иначе структура, согласованная на старте, может разойтись с очередной выгрузкой поставщика.

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

Источники

  • каталог
  • интернет-магазин
  • структура сайта

Автор — Денис Бондаренко. Проектирую и разрабатываю сайты, интернет-магазины и приложения.