Структура каталога интернет-магазина
Структура каталога — это то, как товары разложены по категориям, подкатегориям, фильтрам и адресам страниц. Она отвечает на два вопроса: найдёт ли покупатель нужное за несколько кликов и понимает ли поисковик, какие страницы важны.
Почему это важно именно сейчас
Baymard Institute ежегодно оценивает навигацию топовых магазинов. В исследовании «Homepage and Category Navigation UX 2026» (более 17 000 оценок с 180+ американских и европейских сайтов; статья обновлена 13 октября 2026 года) таксономия категорий оказалась самой слабой темой и на десктопе, и на мобильных: 61% сайтов на десктопе и 65% на мобильных получили оценку «посредственно» или «плохо» (Baymard). То есть это типичная проблема, а не редкость, и хорошая структура даёт реальное преимущество.
Украинских данных такого масштаба за 2025–2026 годы нет, поэтому ниже исследования Baymard показывают поведение покупателей в США и Европе, а документация Google — правила для поиска.
Шаг 1. Начните с того, как ищет покупатель
Структуру строят не по складу или 1С, а по языку покупателя.
- Соберите запросы из Google Search Console, внутреннего поиска по сайту, Keyword Planner и разговоров со службой поддержки.
- Сгруппируйте их по назначению, а не по производителю: «кроссовки для бега», а не «Nike».
- Проверьте на двух-трёх людях не из команды: попросите найти конкретный товар и посмотрите, куда они кликают. Краткий обзор метода — юзабилити.
Пример (условный магазин косметики). Склад хранит товар по брендам. Покупатель ищет «сыворотка с витамином 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 или маркетплейсов должны соответствовать их классификации, а не только вашей.
- Мерчандайзинг. Порядок товаров в категории — отдельная работа (мерчандайзинг).
Как перестраивать действующий каталог
- Снимите текущие данные: какие категории приносят трафик и заказы, какие пустые или дублируются.
- Нарисуйте новую структуру и сопоставьте каждый старый адрес с новым.
- Перенаправьте старые адреса на новые серверным постоянным редиректом (301/308), не на главную. Правила — в статье миграция на новую платформу.
- Обновите sitemap, canonical и внутренние ссылки.
- Через 2–4 недели сравните трафик по категориям и поисковые запросы.
Типичные ошибки
- Строить категории по внутреннему учёту, а не по запросам покупателей.
- Делать категорией то, что должно быть фильтром (цвет, бренд).
- Создавать пустые и дублирующие категории.
- Давать фильтрам бесконечные адреса без правил индексации.
- Забывать о мобильном меню: товарные категории должны быть первым уровнем.
FAQ
Сколько уровней вложенности должно быть в каталоге? Жёсткого числа нет. Ориентир Baymard — подразделять категорию примерно при 10 элементах и иметь не менее 10 товаров в самой глубокой категории. Глубина должна быть такой, чтобы покупатель не терялся.
Чем категория отличается от фильтра? Категория отвечает на вопрос «что это», фильтр — «какой именно». Товары с общими атрибутами лучше показывать одним списком с фильтром.
Нужны ли отдельные адреса для цветов и размеров? Google допускает отдельный адрес для варианта (через путь или параметр), но каноническим советует сделать основной адрес товара.
Как закрыть фильтры от индексации? Через `robots.txt` для параметров фильтров или передачей фильтров во фрагменте адреса. Canonical и nofollow слабее.
Связанные термины
- Страница категории
- Фильтры каталога
- Варианты товара
- PIM-система
- Поиск по сайту
- Как переехать на новую платформу интернет-магазина, не потеряв трафик и данные
Источники
- Baymard Institute, Homepage and Category Navigation UX 2026: 10 Pitfalls and Best Practices (оновлено 13.10.2026) — baymard.com/blog/ecommerce-navigation-best-practice
- Google Search Central, Designing a URL structure for ecommerce sites — developers.google.com/search/docs/specialty/ecommerce/designing-a-url-structure-for-ecommerce-sites
- Google Search Central, Managing crawling of faceted navigation URLs — developers.google.com/search/docs/crawling-indexing/crawling-managing-faceted-navigation
- Google Search Central, Breadcrumb structured data — developers.google.com/search/docs/appearance/structured-data/breadcrumb
- Google Analytics Help, Ecommerce purchases report — support.google.com/analytics/answer/12924131
Читайте также
Фото и видео товара и AI-генерация
Фото товара — главный способ показать покупателю вещь, которую он не может подержать в руках. AI-генерация помогает сделать фон, ракурс или иллюстрацию, но у неё чёткие правила: в Google Merchant Center такие изображения нужно маркировать, а в ЕС действуют…
Сигналы доверия
Сигналы доверия (trust signals) — это элементы сайта, которые помогают покупателю поверить, что магазин настоящий, честный и безопасный для оплаты: отзывы, контакты, условия доставки и возврата, визуальные признаки защиты на форме карты, знакомые способы…
Порог бесплатной доставки
Порог бесплатной доставки (threshold free shipping) — это правило: доставка бесплатна, если сумма заказа не меньше определённой (например, от 1 500 грн). Для магазина это способ поднять средний чек, для покупателя — стимул добавить ещё один товар.
Мобильная версия магазина
Мобильная версия интернет-магазина (mobile UX, m-commerce) — это то, как сайт выглядит и работает на смартфоне: от каталога и поиска до оформления заказа. Мобильный трафик в Украине большой: по свежим данным, около 60–78% онлайн-покупок делают со смартфона…