30 октября 2026 г.

Как построить структуру каталога интернет-магазина

Термокружку можно искать среди посуды, товаров для поездок или подарков. Если магазин предусмотрел только один из этих путей, часть покупателей может пройти мимо товара. Но создавать три одинаковых раздела с копиями карточек тоже незачем: несколько входов могут вести к одному ассортименту.

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

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

Начните с ассортимента и задач покупателя

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

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

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

Частотный запрос подсказывает полезный вход в ассортимент, но ещё не определяет его место в основном дереве. «Сковороды для индукции» могут быть доступной по ссылке выборкой с применённым фильтром.

Решите, где нужна категория, а где достаточно фильтра

У категории и фильтра разные задачи. Категория собирает группу, которую покупатель может осмысленно рассматривать вместе. Фильтр помогает сузить эту группу по свойствам.

Для нашего магазина решения могут выглядеть так:

Проверьте цену разделения. Если сковороды с покрытием и без покрытия спрятаны в разные ветки, покупателю, который ещё не определился, придётся переходить между списками. В исследованиях Baymard чрезмерное дробление похожих товаров мешало их обзору и сравнению. Фильтры позволяют уточнять и комбинировать условия внутри общего списка. Исследование Baymard о чрезмерной категоризации.

Количество товаров само по себе не даёт окончательного ответа. Маленькая группа может быть самостоятельным типом продукции, а большая — оставаться однородной. Перед добавлением категории сформулируйте, какое решение она упрощает и что покупатель потеряет из виду после разделения.

Выберите глубину, при которой каждый уровень помогает

Первый вариант дерева нашего магазина может быть таким:

Каталог
├── Кухня и посуда
│   ├── Сковороды
│   ├── Кастрюли
│   ├── Кружки
│   ├── Термокружки
│   └── Термосы
├── Домашний текстиль
│   ├── Полотенца
│   └── Постельное бельё
└── Освещение
    ├── Настольные лампы
    └── Торшеры

Здесь два уровня категорий: «Кухня и посуда» и, например, «Сковороды». Карточки товаров находятся внутри конечных категорий. Это отправная точка для проверки, а не готовая схема для любого магазина товаров для дома.

Не добавляйте автоматически цепочку «Сковороды → Для индукции → С покрытием → 28 см». В нашем примере покупатель может задать совместимость, покрытие и диаметр фильтрами. Вложенная цепочка заставила бы выбирать признаки в заранее установленном порядке.

Обратная крайность — вывести все категории в один длинный список. NN/g отмечает проблемы и глубоких иерархий, и слишком широких меню: в первом случае содержание скрыто за переходами, во втором растёт нагрузка при выборе. Разбор плоских и глубоких иерархий NN/g.

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

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

Определите, что покупатель увидит после перехода

Страница категории может помогать выбрать подраздел или сразу показывать товары. Решение зависит от того, насколько осмысленно сравнивать ассортимент на этом уровне.

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

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

Если весь ассортимент магазина — несколько разновидностей термокружек, стартовая страница с набором подразделов может оказаться лишней. Именно такую проблему Baymard наблюдал при тестировании DTC-сайтов с небольшим ассортиментом. Это ограничение конкретного сценария, а не запрет промежуточных страниц для всех магазинов. Исследование Baymard о DTC-каталогах.

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

Назовите категории так, чтобы содержимое можно было предсказать

Название — обещание ассортимента. «Домашний текстиль» и «Термокружки» дают ориентир; «Комфорт каждый день» оставляет слишком много вариантов толкования. NN/g рекомендует знакомые аудитории слова и различимые по смыслу категории. Рекомендации NN/g по названиям.

В нашем примере стоит проверить такие замены:

Оценивайте название рядом с соседними пунктами. Если в одном меню стоят «Посуда», «Для кухни» и «Сервировка», покупателю придётся разгадывать границы разделов.

Короткий пункт меню и заголовок страницы могут различаться по длине, сохраняя смысл. Внутри «Освещения» достаточно «Настольные» только при ясном контексте; на отдельной странице понятнее «Настольные лампы». Запрос «купить настольную лампу с доставкой» не нужно целиком переносить в меню.

Предусмотрите несколько естественных путей к товару

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

Это дополнительный маршрут. Карточка конкретной термокружки может оставаться общей для всех входов. Отдельно решаются её основная категория в данных и ссылки, по которым покупатель к ней приходит.

Неоднозначность не всегда требует нового раздела. NN/g рассматривает несколько способов работы с исключениями: в том числе сохранение близкого по смыслу товара в широкой группе с поддержкой поиска и фильтров. Разбор исключений в классификации NN/g.

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

Проверьте спорные решения и запишите, что менять

Когда непонятно, как покупатели объединяют товары, используйте карточную сортировку: предложите сгруппировать названия и объяснить выбор. Полученные названия — материал для работы, они не обязательно подходят для публикации. Методика карточной сортировки NN/g.

Готовое дерево проверяют другим способом. В tree testing участник получает задачу и ищет место в текстовой иерархии без оформления сайта. Можно наблюдать выбор веток, возвраты и успешность поиска. Задание не должно подсказывать ответ названием категории. Методика тестирования дерева NN/g.

Для нашего магазина задача может звучать так: «Вы хотите налить кофе дома и пить его по дороге на работу. Где будете искать подходящий товар?» Просьба «Найдите термокружки» проверяла бы прежде всего совпадение слов.

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

Далее связывайте наблюдение с гипотезой и изменением. Ниже — возможные ситуации учебного примера, а не результаты проведённого исследования.

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

Зафиксируйте правила для наполнения и разработки

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

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

Проверьте также доступность товаров по внутренним ссылкам. Google рекомендует связать категории, подкатегории и карточки; внутренний поиск этого не заменяет, поскольку робот обычно не отправляет в него запросы. При этом Google обычно определяет структуру по связям страниц, а не по папкам в адресе. Документация Google Search Central.

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