Создание сайта с товарами: как спроектировать каталог и прием заказов

Какую задачу решает сайт с товарами

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

У этого URL своя роль: он помогает спроектировать товарную модель до разработки. В фокусе — категории, данные об ассортименте, фильтры, карточки, сценарий заказа, импорт и первая товарная группа для запуска. Если уже понятно, что нужен полноценный интернет-магазин с корзиной и оплатой, подробнее о подготовке такого проекта — в материале как подготовиться к заказу интернет-магазина.

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

Каталог, интернет-магазин или подбор по параметрам: что выбрать

Название «сайт с товарами» объединяет проекты с разной логикой. Не стоит добавлять корзину только потому, что на сайте есть ассортимент. И наоборот: если человек может купить без консультации, форма «Оставьте номер — мы перезвоним» создает лишний барьер.

Чтобы выбрать маршрут, ответьте на пять вопросов:

1. Есть ли фиксированная цена для конкретного клиента и товара?
2. Можно ли оформить заказ без участия менеджера?
3. Нужны ли персональные цены, отсрочка или закрытый ассортимент?
4. Сколько параметров действительно влияют на выбор?
5. Откуда поступают цены и остатки: таблица, учетная система, поставщик или ручное обновление?

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

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

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

Структура каталога, карточка и фильтры

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

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

В рабочем шаблоне карточки обычно нужны:

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

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

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

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

Какие данные собрать до дизайна

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

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

Чек-лист ТЗ на сайт с товарами включает:

• Ассортимент: количество категорий, подкатегорий, SKU и вариантов.
• Идентификация: название, артикул, бренд, уникальный код, правила именования.
• Карточка: характеристики, фото, файлы, описание, связанные позиции.
• Категории и фильтры: дерево разделов, параметры выбора для каждой товарной группы, правила совместимости.
• Цены и остатки: источник, частота обновления, ответственный, необходимость синхронизации.
• Заказ: покупка, быстрый заказ, запрос счета, резерв, заявка на опт или расчет.
• Оплата и доставка: доступные способы, регионы, ограничения, самовывоз.
• Интеграции: учетная система, CRM, платежный сервис, доставка, уведомления.
• Поиск и продвижение: приоритетные категории, товары для первого запуска, требования к фиду.
• Аналитика: отправка формы, клик по телефону, добавление в корзину, начало и подтверждение заказа.

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

Сценарий заказа: от карточки до менеджера

Для каталога с расчетом путь может выглядеть так:

1. Посетитель приходит на категорию «Компрессоры».
2. Отбирает модели по производительности, давлению и типу питания.
3. Открывает карточку, изучает характеристики, комплектацию, документы и срок поставки.
4. Выбирает «Получить расчет по модели».
5. Указывает количество, город, способ связи и при необходимости прикладывает список потребностей.
6. После отправки видит подтверждение и понимает, какие данные переданы и что будет дальше.
7. Менеджер получает название товара, артикул, параметры и контакты клиента, а не только сообщение «новая заявка».

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

Baymard Institute указывает, что в среднем 68,8% пользователей добавляют товар в корзину, но не завершают покупку. Это данные исследования 2025 года по интернет-магазинам, а не прогноз для конкретного сайта: причины могут включать сравнение цен, отложенную покупку, условия доставки и неудобное оформление. Источник: Baymard Institute, Ecommerce Checkout Usability Report and Benchmark, 2025.

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

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

Для поиска и товарных размещений заранее согласуют правила URL и индексации. Обычно индексируют согласованные категории, карточки и значимые посадочные страницы подбора. Служебные комбинации фильтров не должны автоматически становиться тысячами слабых страниц: правила их индексации, закрытия или создания определяются после анализа ассортимента и CMS. Для вариантов товара также выбирают модель: отдельные URL, один URL с выбором варианта или другая согласованная схема. Важно исключить дубли через корректную структуру ссылок и canonical там, где это требуется проектом.

В sitemap включают страницы, которые должны участвовать в поиске. Для товарных карточек можно использовать структурированные данные Product: Google описывает требования и поддерживаемые свойства в официальной документации Product structured data. Микроразметка помогает поисковой системе интерпретировать товарные сведения, но не гарантирует позиции или расширенный сниппет.

Если планируются товарные размещения, в фиде заранее проверяют название, ссылку, изображение, цену, наличие, категорию, бренд, идентификаторы и варианты. Правила и обязательные данные для Яндекс Товаров приведены в требованиях Яндекс Товаров. Отдельно назначают источник и регламент обновления price/availability: автоматическая синхронизация из учета либо ручная актуализация с указанной периодичностью. Без этого товар может привлекать переходы при уже изменившейся цене или отсутствии на складе.

Для аналитики выбирают события по модели продаж: просмотр карточки, применение фильтра, поиск по каталогу, клик по кнопке заказа, отправка формы, добавление в корзину, начало оформления и подтверждение заказа. Подробнее о подготовке рекламного трафика — в материале как подготовить рекламу под заявки.

Публичные данные показывают масштаб канала, но не подтверждают спрос в конкретной нише. По оценке Data Insight, «Интернет-торговля в России 2025», по итогам 2024 года объем российского рынка розничной интернет-торговли составил 11,2 трлн рублей, число заказов — 6,8 млрд. Исследование опубликовано в 2025 году; это оценка рынка в целом, а не ожидаемый результат отдельного товарного сайта.

Юридические данные: что подготовить

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

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

Сроки, этапы и зависимость от товарных данных

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

Оценка: каталог с готовыми материалами, несколькими товарными группами, без сложных интеграций и без индивидуального дизайна высокой сложности может потребовать от 15 до 30 рабочих дней. В этот диапазон не следует включать ожидание материалов и длительные согласования. Личный кабинет, персональные цены, обмен с учетом или сложный подбор требуют отдельного планирования.

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

Пример расчета объема наполнения. Допустим, в каталоге 300 позиций, а на ручную проверку одной карточки после импорта уходит ориентировочно 3 минуты. Получается около 900 минут, или 15 часов чистой проверки. Это не смета и не универсальная норма: карточки с вариантами, документами и большим числом параметров требуют больше времени.

Критерии приемки перед публикацией

Сайт стоит принимать по действиям пользователя и доказательству их прохождения, а не только по визуальному впечатлению.

• Товар находится через меню, поиск и согласованные фильтры; поиск по артикулу проверен на тестовых запросах.
• Название, артикул, характеристики, фото, цена и наличие соответствуют согласованному источнику данных.
• Варианты не смешиваются: при выборе размера, цвета или комплектации корректно меняются связанные цена, остаток, изображение и артикул.
• Кнопка запускает нужный сценарий: корзину, форму расчета, резерв или заказ.
• Оформлены тестовые заказы для самовывоза и доставки, если оба сценария предусмотрены проектом.
• В CRM или уведомление переданы товар, артикул, количество, данные клиента и источник обращения — если такая интеграция согласована.
• Проверены письма, уведомления, оплата и доставка на тестовых данных; событие подтверждения заказа не дублируется.
• Условия доставки, оплаты, возврата и сведения о продавце доступны до оформления заказа.
• Путь заказа пройден с телефона без горизонтальной прокрутки, мелких элементов и потери содержимого корзины.
• В аналитике зафиксированы согласованные события, а доступы и ответственные за их проверку определены.
• Есть регламент обновления цен, остатков, карточек, фотографий и проверки ошибок обмена.

С чего начать

Начните не с полного списка функций, а с приоритетных товарных групп и реального процесса продажи. Соберите данные хотя бы для первой версии: название, артикул, изображения, характеристики, варианты, условия заказа, цену или правила расчета, доставку и источник остатка.

Для обращения подготовьте количество SKU и категорий, источник каталога — Excel, CSV, учетная система или старый сайт, необходимость корзины и онлайн-оплаты, способы доставки, CRM или учет, а также приоритетные группы товаров. На этой основе можно разобрать формат каталога, импорт, сценарий заказа и состав интеграций.

Получить чек-лист ТЗ на сайт с товарами и разбор формата каталога. В чек-листе — формат продаж, структура категорий, атрибуты фильтрации, карточка, варианты, источники цен и остатков, заказ, доставка, интеграции, юридические данные, SEO-настройки, аналитика и критерии приемки.

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