В промышленном каталоге посетитель редко выбирает по одной красивой фотографии. У него может быть обозначение модели, набор характеристик или задача без точного названия оборудования. Сайт должен помочь ему проверить вариант и обратиться с предметным запросом.
Ниже — решения, которые я применял при работе над сайтом КЭМЗ. Это разбор подхода, а не обещание роста заявок: без данных о продажах такого вывода сделать нельзя.
01 / ЯЗЫК ПОКУПАТЕЛЯ
Начните с вопросов закупки, а не с папок склада
Перед проектированием КЭМЗ я обсуждал сайт с руководителем, маркетингом, производством и продажами. Важно было понять, какие названия используют клиенты, какие параметры проверяют и в какой момент им нужен человек. Эта работа определяет структуру лучше, чем произвольное меню «Продукция» с длинным списком моделей.
Для одной аудитории отправная точка — тип оборудования, для другой — известная маркировка, для третьей — мощность или область применения. Названия разделов, синонимы в поиске и состав карточки стоит собирать из таких сценариев. Если покупатели называют изделие иначе, чем внутренний справочник предприятия, это различие нужно учесть в интерфейсе.
02 / ПОИСК
Дайте два пути: через категорию и через модель
Категории помогают тому, кто ещё сравнивает варианты. Поиск по обозначению нужен человеку, который уже знает модель. Фильтры полезны, если показывают действительно различающие характеристики: например, мощность, напряжение, исполнение. Единицы измерения должны быть видны рядом со значениями, а выбранные фильтры — легко сбрасываться, в том числе на телефоне.
В каталоге КЭМЗ мы предусмотрели разделы оборудования, фильтры и переход к отдельной модели. В кейсе показаны примеры экранов и сам подход к их построению. Посмотреть проект КЭМЗ ↗
03 / КАРТОЧКА
Карточка модели — рабочий технический документ
На странице модели нужны точное обозначение, понятное назначение, проверенные характеристики с единицами измерения, изображения и документация, если предприятие готово её публиковать. Параметры лучше подавать таблицей или короткими группами: так можно быстро сверить спецификацию с задачей, а не вычитывать рекламный абзац.
Не стоит заполнять пробелы догадками. Если для конкретной модели нет чертежа, актуального срока поставки или цены, лучше честно предложить запросить эти данные. Для сложного оборудования кнопка «Уточнить параметры» может быть полезнее фиктивной кнопки «Купить».
У каждой значимой модели должен быть постоянный адрес и связь с категорией. Тогда на неё можно отправить ссылку из письма, а поисковая система видит отдельную страницу с собственным содержимым. Google рекомендует продуманную структуру URL и предупреждает о проблемах от множества параметрических копий страниц.
04 / ЗАЯВКА
Заявка должна продолжать выбор
Если человек нажимает «Запросить предложение» на карточке, форма уже должна знать, какую модель он смотрел. Ему остаётся описать условия применения или прикрепить техническое задание, если такая возможность есть. Повторно спрашивать название модели и заставлять искать почту отдела продаж — лишние шаги.
Набор полей определяется реальным процессом продаж. Для первого контакта обычно достаточно способа связи и сути запроса; специфические параметры можно уточнить в разговоре. При этом маршрут данных формы — получатель, хранение, доступы и согласие — надо продумать до публикации. Я отдельно разобрал это в статье о 152‑ФЗ и заявках.
05 / ПОСЛЕ ЗАПУСКА
Каталог должен обновляться и оставаться понятным для поиска
Модельный ряд меняется. Команде нужен редактор, где можно добавить изделие, поправить характеристики, заменить изображение и связать модель с категорией без ручной правки кода. Для сайта КЭМЗ мы использовали Nuxt 3 и Contentful; эти технологии служили конкретной структуре проекта. Само название CMS не делает каталог удобным — важнее состав полей и права редакторов.
Для поиска нужны доступные страницы категорий и моделей, осмысленные заголовки и внутренние ссылки. Фильтры не стоит автоматически превращать в тысячи почти одинаковых индексируемых URL. Публиковать отдельную посадочную страницу имеет смысл, когда за сочетанием параметров стоит реальный запрос и можно дать уникальную, полезную информацию. Это архитектурное решение, а не гарантия позиции.
06 / ПЕРЕД ЗАПУСКОМ
Проверьте маршрут на живой задаче
- Найдите модель по точному обозначению и по категории.
- С телефона сравните ключевые характеристики и сбросьте фильтры.
- Откройте прямую ссылку на модель без перехода через главную.
- Отправьте запрос: проверьте, дошли ли модель и сообщение до ответственного.
- Попросите редактора обновить характеристику и посмотрите опубликованную страницу.
Если какой-то шаг требует догадаться, где продолжать, каталог ещё не закончен. Как я проектирую сайты-каталоги ↗