К содержимому

Структура каталога интернет-магазина

| Статья: 6 мин чтения | Страницы магазина

Структура каталога — это то, как товары разложены по категориям, подкатегориям, фильтрам и адресам страниц. Она отвечает на два вопроса: найдёт ли покупатель нужное за несколько кликов и понимает ли поисковик, какие страницы важны.

Почему это важно именно сейчас

Baymard Institute ежегодно оценивает навигацию топовых магазинов. В исследовании «Homepage and Category Navigation UX 2026» (более 17 000 оценок с 180+ американских и европейских сайтов; статья обновлена 13 октября 2026 года) таксономия категорий оказалась самой слабой темой и на десктопе, и на мобильных: 61% сайтов на десктопе и 65% на мобильных получили оценку «посредственно» или «плохо» (Baymard). То есть это типичная проблема, а не редкость, и хорошая структура даёт реальное преимущество.

Украинских данных такого масштаба за 2025–2026 годы нет, поэтому ниже исследования Baymard показывают поведение покупателей в США и Европе, а документация Google — правила для поиска.

Шаг 1. Начните с того, как ищет покупатель

Структуру строят не по складу или 1С, а по языку покупателя.

  1. Соберите запросы из Google Search Console, внутреннего поиска по сайту, Keyword Planner и разговоров со службой поддержки.
  2. Сгруппируйте их по назначению, а не по производителю: «кроссовки для бега», а не «Nike».
  3. Проверьте на двух-трёх людях не из команды: попросите найти конкретный товар и посмотрите, куда они кликают. Краткий обзор метода — юзабилити.

Пример (условный магазин косметики). Склад хранит товар по брендам. Покупатель ищет «сыворотка с витамином C» или «крем для сухой кожи». Категории по типу средства и проблеме кожи будут полезнее алфавитного списка брендов, а бренд лучше сделать фильтром.

Шаг 2. Разделите категории и фильтры

Самая распространённая ошибка по Baymard: 79% сайтов используют отдельные категории там, где следовало бы дать фильтры для типов товара с общими атрибутами. Рекомендация исследования: если у товаров общие атрибуты, показывайте их одним списком с фильтром, чтобы покупатель мог видеть весь ассортимент (Baymard).

Практическое правило:

  • Категория — это ответ на вопрос «что это за товар».
  • Фильтр — «какой именно»: цвет, размер, бренд, цена, материал, наличие.

В примере с одеждой «Футболки» и «Рубашки» — категории, а «мужские», «хлопок» и «размер M» — фильтры. Подробнее о фильтрах — статья фильтры товаров.

Шаг 3. Держите глубину и ширину в границах

По тем же данным Baymard:

  • 51% сайтов не разбивают категории и подкатегории на удобные части.
  • Рекомендация: делите категорию на подкатегории, когда в ней около 10 элементов, и стремитесь к как минимум 10 товарам в самой глубокой категории. Больше примерно 10 вариантов подкатегорий перегружает пользователей.

Это не закон природы, а эмпирический ориентир из тестов. Если в категории два товара, ей не нужна отдельная страница; если там 3 000 позиций, нужны подкатегории и фильтры.

Шаг 4. Покажите покупателю, где он

Baymard фиксирует: 96% сайтов не выделяют в главном меню текущий раздел (было 95% в 2025 году), 31% не делают заголовки меню кликабельными, 22% не ставят товарные категории первым уровнем мобильного меню. Рекомендации: на мобильных первым уровнем показывать категории товаров, выделять текущий раздел, делать родительские категории кликабельными, а на промежуточных страницах ставить подкатегории вверх, до промо-блоков, с понятными миниатюрами (38% этого не делают, у 39% миниатюры нечёткие или отсутствуют) (Baymard).

Для выпадающих меню по наведению исследование советует задержку 300–500 мс, чтобы меню не срабатывало случайно. На мобильных этого нет, поэтому там приоритет — простые первые уровни. См. мобильный UX и страницу категории.

Шаг 5. Хлебные крошки

Хлебные крошки (breadcrumbs) показывают путь к товару и помогают подняться на уровень выше. Google использует разметку `BreadcrumbList`, чтобы показать этот путь в результатах поиска, и советует отображать типичный путь пользователя, а не копировать структуру адреса. Если товар доступен несколькими путями, можно задать несколько цепочек (Google Search Central).

Шаг 6. Адреса страниц (URL)

Для поисковых систем структура — это ещё и адреса. Что советует Google для интернет-магазинов (Google Search Central):

  • Каждый вариант товара (цвет, размер) может иметь собственный адрес, но каноническим остаётся основной адрес товара, на который указывает `rel="canonical"`.
  • Используйте описательные слова в адресе, а не номера: `/product/black-t-shirt` лучше, чем `/product/3243`.
  • Параметры пишите как `ключ=значение` (`?page=2`, `?color=green`), не повторяйте один параметр.
  • Не используйте фрагменты `#` для показа разного контента, потому что Google их игнорирует.
  • Каждая страница пагинации имеет собственный адрес; будьте последовательны в отношении первой страницы (всегда с `?page=1` или всегда без).
  • Пустые категории не ставьте в меню: пустую страницу закройте `noindex` или отдайте 404.
  • Пользуйтесь ссылками `<a href>`, а не JavaScript-навигацией, и давайте содержательный текст ссылки (название товара, а не «подробнее»).
  • Один и тот же адрес используйте в ссылках, sitemap и canonical.

Шаг 7. Фильтры и поисковая индексация

Если фильтры формируют адреса через параметры, число страниц может стать почти бесконечным, и роботы Google тратят ресурс впустую. Документация Google (Search Central) предлагает выбор:

  • Фильтрованные адреса не нужны в поиске: закройте их в `robots.txt` (пример — `/?color=`) или передавайте фильтры после `#`; страницы товаров и категория без фильтров остаются открытыми.
  • Нужны в поиске (например, «красные кроссовки»): используйте стандартный разделитель `&`, держите порядок фильтров в адресе постоянным, а для комбинаций без результатов отдавайте 404. Google предупреждает, что это увеличивает нагрузку на сервер и замедляет обнаружение новых адресов.
  • `rel="canonical"` и `nofollow` Google считает более слабыми сигналами: canonical может со временем уменьшить объём обхода, а `nofollow` работает, только если им помечена каждая ссылка на такой адрес.

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

Шаг 8. Данные, на которых держится структура

  • Атрибуты. Одни и те же характеристики называйте одинаково по всему каталогу, иначе фильтры рассыпаются. Для большого ассортимента это делает PIM.
  • Категории в аналитике. В Google Analytics в отчёте «Ecommerce purchases» категория товара передаётся пятью уровнями (`Item category` — `Item category 5`) (Google Analytics Help). Если в каталоге глубже, данные придётся упрощать, так что запланируйте это заранее.
  • Фид. Категории в фиде товаров для Google или маркетплейсов должны соответствовать их классификации, а не только вашей.
  • Мерчандайзинг. Порядок товаров в категории — отдельная работа (мерчандайзинг).

Как перестраивать действующий каталог

  1. Снимите текущие данные: какие категории приносят трафик и заказы, какие пустые или дублируются.
  2. Нарисуйте новую структуру и сопоставьте каждый старый адрес с новым.
  3. Перенаправьте старые адреса на новые серверным постоянным редиректом (301/308), не на главную. Правила — в статье миграция на новую платформу.
  4. Обновите sitemap, canonical и внутренние ссылки.
  5. Через 2–4 недели сравните трафик по категориям и поисковые запросы.

Типичные ошибки

  • Строить категории по внутреннему учёту, а не по запросам покупателей.
  • Делать категорией то, что должно быть фильтром (цвет, бренд).
  • Создавать пустые и дублирующие категории.
  • Давать фильтрам бесконечные адреса без правил индексации.
  • Забывать о мобильном меню: товарные категории должны быть первым уровнем.

FAQ

Сколько уровней вложенности должно быть в каталоге? Жёсткого числа нет. Ориентир Baymard — подразделять категорию примерно при 10 элементах и иметь не менее 10 товаров в самой глубокой категории. Глубина должна быть такой, чтобы покупатель не терялся.

Чем категория отличается от фильтра? Категория отвечает на вопрос «что это», фильтр — «какой именно». Товары с общими атрибутами лучше показывать одним списком с фильтром.

Нужны ли отдельные адреса для цветов и размеров? Google допускает отдельный адрес для варианта (через путь или параметр), но каноническим советует сделать основной адрес товара.

Как закрыть фильтры от индексации? Через `robots.txt` для параметров фильтров или передачей фильтров во фрагменте адреса. Canonical и nofollow слабее.

Связанные термины

Источники

Хотите проверить это на своём магазине?

CRO / Оптимизация конверсии

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

Об услуге →

Поделиться

Читайте также

  • Фото и видео товара и AI-генерация

    | Статья: 3 мин чтения

    Фото товара — главный способ показать покупателю вещь, которую он не может подержать в руках. AI-генерация помогает сделать фон, ракурс или иллюстрацию, но у неё чёткие правила: в Google Merchant Center такие изображения нужно маркировать, а в ЕС действуют…

  • Сигналы доверия

    | Статья: 3 мин чтения

    Сигналы доверия (trust signals) — это элементы сайта, которые помогают покупателю поверить, что магазин настоящий, честный и безопасный для оплаты: отзывы, контакты, условия доставки и возврата, визуальные признаки защиты на форме карты, знакомые способы…

  • Порог бесплатной доставки

    | Статья: 4 мин чтения

    Порог бесплатной доставки (threshold free shipping) — это правило: доставка бесплатна, если сумма заказа не меньше определённой (например, от 1 500 грн). Для магазина это способ поднять средний чек, для покупателя — стимул добавить ещё один товар.

  • Мобильная версия магазина

    | Статья: 4 мин чтения

    Мобильная версия интернет-магазина (mobile UX, m-commerce) — это то, как сайт выглядит и работает на смартфоне: от каталога и поиска до оформления заказа. Мобильный трафик в Украине большой: по свежим данным, около 60–78% онлайн-покупок делают со смартфона…