Сайт каталог продукции у одного клиента - это триста позиций крепежа с десятком технических характеристик у каждой гайки, у другого - сорок моделей мебели с фото и вариантами обивки. Структура каталога решает, найдёт покупатель нужный товар за пару кликов или уйдёт со страницы, не долистав список до конца. Я собирал каталоги на Tilda для небольших ассортиментов и переносил разросшиеся списки товаров на WordPress с WooCommerce, когда фильтрация по одной категории переставала справляться с задачей. Дальше - как раскладываю разделы, откуда беру параметры для фильтров и что кладу в карточку товара, чтобы каталог продавал, а не запутывал.
Зачем каталогу продукции продуманная структура разделов
Разделы каталога - это не оглавление для менеджера, который помнит ассортимент наизусть, а карта для человека, который пришёл с рекламы и ищет конкретную позицию. Если структура каталога товаров построена от того, как удобно продавцу («новинки», «акции», «разное»), а не от того, как покупатель формулирует запрос, часть трафика уходит с первого экрана.
На практике вижу два типовых перекоса. Либо разделов слишком мало, и внутри одной категории лежит пара сотен разнородных товаров без подкатегорий, тогда фильтр становится единственным способом что-то найти. Либо разделов слишком много, они пересекаются по смыслу, и один и тот же товар менеджер то кладёт в один раздел, то в другой - поисковику сложно понять, какая страница отвечает на запрос.
Дерево разделов каталога также напрямую связано с урлами страниц и с тем, как категории ранжируются по коммерческим запросам вроде «крепёж для гипсокартона» или «офисные кресла с сетчатой спинкой». Чем точнее раздел соответствует формулировке запроса, тем меньше работы достаётся фильтру внутри него.
Хлебные крошки наверху карточки и раздела - не украшение, а часть навигации: по ним покупатель возвращается на уровень выше без кнопки «назад» в браузере, а поисковик получает понятную иерархию страницы для сниппета в выдаче.
Как строю дерево категорий для каталога товаров
Плоский список или вложенные разделы
Для каталога до полусотни позиций хватает одного уровня разделов: категории идут в ряд, внутри - карточки товаров без дополнительной вложенности. Как только ассортимент переваливает за пару сотен позиций, плоский список превращается в длинную простыню, по которой неудобно скроллить с телефона.
Тогда добавляю второй уровень: раздел «Крепёж» делится на «Болты», «Гайки», «Шайбы», а внутри каждого при необходимости - ещё один уровень по типоразмеру или материалу. Для интернет-магазина мебели логика похожая: «Мебель для дома» → «Кресла» → «Кресла для геймеров», и уже внутри этой ветки работает фильтр по цвету и материалу обивки.
Сколько уровней вложенности делать
По своей практике больше трёх уровней вложенности каталога не делаю почти никогда: пользователь теряется в хлебных крошках, а поисковые роботы реже доходят до глубоких страниц при обходе сайта. Если категория на третьем уровне всё равно разрастается до сотен товаров, лучше не плодить четвёртый уровень разделов, а усиливать фильтр по параметрам внутри существующей структуры.
Бесплатный материал
🎁 Полезный скрипт в подарок
Подпишитесь на Telegram - пришлю готовый скрипт по этой теме.
Без спама. Отписка в 1 клик.
Подбор товаров по параметрам: как настроить фильтры
Разделы решают, в какую товарную группу попал покупатель, а фильтр - как найти конкретную позицию внутри группы. Для складского крепежа это диаметр резьбы, класс прочности и материал; для мебели - цвет, размер и тип механизма; для стройматериалов - объём упаковки и производитель.
У B2C-каталога параметры чаще про внешний вид и совместимость: цвет, размер, бренд. У B2B на первый план выходят технические допуски: диаметр, класс прочности, соответствие ГОСТу. От этого зависит, сколько атрибутов вообще заводить в карточку - лишние поля ради галочки только замедляют оформление позиции менеджером на складе.
На Tilda характеристики товара задаются в карточке или подгружаются вместе с прайсом при импорте из Excel или Google Таблиц, и блок T‑Store выводит фильтрацию по категории и по цене из коробки. Когда нужно фильтровать сразу по нескольким собственным параметрам одновременно - скажем, по диаметру и по классу прочности сразу - на большом ассортименте я обычно дособираю фильтр отдельным скриптом поверх выгрузки товаров: это уже кастомная доработка, а не настройка через интерфейс конструктора.
В WooCommerce для этого есть штатный механизм: глобальные атрибуты товара (цвет, размер, материал и любые свои) назначаются каждой позиции, а виджет фильтра по атрибутам умеет комбинировать несколько условий через логику «И». На каталоге крепежа обычно завожу атрибуты «Диаметр резьбы», «Класс прочности», «Материал» и «Тип покрытия» - и покупатель одним кликом сужает три сотни товаров до пяти подходящих.
Если ассортимент разрастается до нескольких тысяч позиций с десятками параметров у каждой и фильтр должен отвечать мгновенно даже при сложных комбинациях условий, разговор переходит в сторону отдельной веб-разработки под задачу - с собственной логикой хранения параметров и индексами под конкретные сценарии поиска.
Что должно быть в карточке товара
Карточка - это точка, где решение принимается или откладывается. Обязательный минимум, который закладываю в любой каталог:
- артикул или SKU - без него сложно сверяться со складом и с прайсом поставщика;
- таблица характеристик, а не абзац текста - по ней покупатель сравнивает товары между вкладками;
- фото с нескольких ракурсов, для мебели и техники - фото в интерьере или в работе;
- цена и статус наличия, если позиция закончилась - честно показываю «под заказ» вместо кнопки «в корзину»;
- файлы: сертификаты, паспорт изделия, инструкция - то, что реально просит скачать B2B-покупатель перед заказом партии.
На мобильном экране таблица характеристик и фото должны идти без горизонтального скролла - на практике именно карточка товара, а не главная страница, чаще всего открывается с рекламы или из поиска, и от её вёрстки на телефоне напрямую зависит, дойдёт ли человек до кнопки заказа.
Отдельно - доставка. В Tilda её удобно считать через встроенный калькулятор СДЭК в настройках доставки, а если нужна своя цена и срок доставки по районам на карте, у меня в библиотеке готовых решений есть виджет зон доставки для Tilda - ставлю его, когда стандартного калькулятора недостаточно.
На какой платформе делать сайт-каталог продукции
Платформу выбираю по объёму ассортимента и сложности фильтрации, а не по личным предпочтениям.
| Платформа | Объём каталога | Фильтрация из коробки | Цена разработки |
|---|---|---|---|
| Tilda (T‑Store) | до нескольких сотен позиций, простая структура разделов | по категории и цене, обмен товарами и остатками с 1С через CommerceML | сайт на Tilda - от 30 000 ₽ |
| WordPress + WooCommerce | от сотен до нескольких тысяч товаров, разветвлённые категории | по категориям, меткам и атрибутам товара с комбинированием условий | сайт на WordPress - от 60 000 ₽, интернет-магазин под ключ - от 80 000 ₽ |
| Своя веб-разработка | от нескольких тысяч позиций, сложная фасетная фильтрация и свой поиск | любая логика, но пишется с нуля под задачу заказчика | веб-сервис или SPA - от 300 000 ₽ |
Для загрузки прайса от поставщика в каталог по расписанию - раз в сутки или несколько раз в день - настраиваю сценарий в n8n: он забирает файл с почты или по ссылке, сверяет с текущим ассортиментом и обновляет цены и остатки без ручной работы. А чтобы менеджер не пропускал заявки с карточки товара, добавляю уведомление в Telegram при каждом новом обращении с каталога - отдельным ботом или через существующую CRM.
Сколько стоит каталог продукции и что входит в бюджет
Цена зависит не от количества страниц, а от сложности логики за ними. На стоимость влияет:
- число параметров, по которым нужна фильтрация, и то, комбинируются ли они между собой;
- интеграция с 1С, CRM или системой учёта поставщика для синхронизации остатков;
- количество позиций, которые нужно перенести из старого каталога с сохранением карточек и адресов страниц;
- уникальность дизайна карточки и разделов - типовой шаблон дешевле индивидуальной вёрстки.
Мои ориентиры: сайт-каталог на Tilda - от 30 000 ₽, на WordPress - от 60 000 ₽, интернет-магазин с оплатой и корзиной - от 80 000 ₽. Простая доработка фильтра или карточки на Tilda - от 3 000 ₽, комплексная интеграция каталога с 1С, эквайрингом или СДЭК - от 40 000 ₽. Автоматизация обновления цен через n8n - от 25 000 ₽.
При переносе каталога на новую структуру разделов всегда закладываю время на 301-редиректы со старых адресов категорий и карточек - иначе позиции, которые уже проиндексированы и приносят трафик из поиска, теряют накопленный вес.
Частые вопросы
Сколько разделов делать в каталоге на старте
Начинаю с той структуры, которая реально отражает ассортимент на момент запуска, обычно 5-10 разделов первого уровня. Раздел ради галочки, под который пока нет ни одного товара, только запутывает посетителя и распыляет вес страницы в поиске - его добавляю, когда появляются реальные позиции.
Нужен ли отдельный поиск, если уже есть фильтры по параметрам
Да, и это разные инструменты. Фильтр помогает, когда покупатель знает категорию и параметры, а поиск - когда он вводит артикул, модель или название бренда и не хочет разбираться, в каком разделе это искать. На WooCommerce стандартный поиск по товарам работает из коробки, на Tilda для точного поиска по артикулам иногда дособираю отдельный скрипт поверх встроенного поиска по сайту.
Как перенести старый каталог на новую структуру без потери трафика
Составляю таблицу соответствия старых и новых адресов страниц категорий и карточек товаров и настраиваю 301-редиректы с каждого старого урла на новый. Без этого шага накопленные позиции в поиске и внешние ссылки на старые страницы после смены структуры каталога перестают работать на сайт.
Что делать, если каталог быстро растёт и текущая структура перестаёт справляться
Обычно первый сигнал - фильтр внутри одного раздела возвращает слишком много товаров даже после применения нескольких условий. Тогда добавляю ещё один уровень вложенности в проблемном разделе или новый параметр фильтрации, а не переписываю всю структуру каталога заново - это дешевле и не ломает уже проиндексированные страницы.