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

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

Чому це важливо саме зараз

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 слабші.

Пов'язані терміни

• Сторінка категорії
• Фільтри каталогу
• Варіанти товару
• 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