Как создать каталог товаров на сайте: структура, фильтры, SEO и удобство для покупателей

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

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

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

Зачем продумывать каталог до разработки сайта

Каталог — это не просто список товаров с фотографиями и ценами. Он одновременно выполняет несколько задач:

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

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

Поэтому сначала необходимо ответить на вопросы:

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

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

Как определить структуру каталога

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

Начните с товарной матрицы

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

В ней можно указать:

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

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

Не создавайте слишком глубокую вложенность

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

Например, логика может выглядеть так:

• Оборудование
• Насосы
• Центробежные насосы
• Насосы для определенного типа задач

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

Разделяйте категории и фильтры

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

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

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

Какие страницы должны быть в каталоге

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

Страница раздела каталога

Страница категории знакомит посетителя с группой товаров. На ней обычно размещают:

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

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

Страница подкатегории

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

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

Карточка товара

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

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

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

Страницы брендов и сфер применения

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

Такие страницы следует создавать только при наличии достаточного количества товаров и уникальной информации. Страница с одним товаром и коротким автоматически сгенерированным текстом редко приносит пользу посетителю.

Как сделать карточки товаров понятными

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

В карточке списка обычно достаточно показать:

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

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

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

Показывайте реальное наличие

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

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

Не скрывайте важную цену

Если цена зависит от комплектации, объема заказа или дополнительных условий, это нужно объяснить. Кнопка «уточнить стоимость» допустима для сложных B2B-товаров, но желательно сообщить хотя бы принцип формирования цены.

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

Как спроектировать фильтры

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

Какие фильтры бывают

Наиболее распространенные типы фильтров:

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

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

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

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

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

Добавьте сброс фильтров

Кнопка сброса должна быть заметной и доступной без прокрутки к началу страницы. Также полезно показывать активные параметры в виде отдельных элементов, которые можно удалить по одному.

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

Фильтры и SEO: какие страницы индексировать

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

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

Какие фильтрованные страницы могут быть полезны

Индексировать фильтрованную страницу можно рассматривать в тех случаях, когда:

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

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

Учитывайте сортировку и пагинацию

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

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

Как писать SEO-тексты для категорий

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

Хорошее описание может объяснять:

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

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

Используйте понятную структуру

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

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

Внутренняя перелинковка каталога

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

В каталоге можно использовать следующие связи:

• ссылка от категории к подкатегориям;
• ссылка от товара к родительской категории;
• ссылки на совместимые товары;
• ссылки на аксессуары и расходные материалы;
• ссылки на похожие модели;
• ссылки на инструкции и полезные статьи;
• ссылки на товары той же серии.

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

Добавьте хлебные крошки

Хлебные крошки показывают путь от главной страницы к текущему разделу или товару. Они помогают понять структуру каталога и быстро вернуться на уровень выше.

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

Как сделать каталог удобным на мобильных устройствах

Мобильная версия каталога должна проектироваться не после десктопной, а одновременно с ней. Маленький экран меняет способ выбора товара и порядок действий.

На мобильном устройстве важно:

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

Если посетитель открыл товар, вернулся назад