Роботи / 01

ДемонстраціяNext.js 15React 19TypeScript

Магазин на Next.js з SEO в коді

Вітрина електроніки: категорії, фільтри, картка, пошук, кошик і оформлення. Розмітка і карта сайту збираються з коду.

Відкрити демо Ваші адреси

shop.combeon.com

Головна демо-магазину: категорії і пошук

44товари у 8 категоріях

85адрес у sitemap.xml з коду

21тип schema.org у JSON-LD

31автоперевірка на 390 і 1440

Яку проблему вирішує

Зміна каталогу ламає адреси

П’ять патернів з вашої відкритої карти сайту і що з кожним стає.

Категорія в адресі товаруперенесли категорію, змінились адреси всіх товарів

Зараз/ua/gadzheti-ta-igrashki-zovnishni-nakopichuvachi-ssd-nakopichuvachi/zovnishnij-ssd-nakopichuvach-kingston-dual-portable-1-tb-spsd1tb

Стане/ua/p/zovnishnij-ssd-nakopichuvach-kingston-dual-portable-1-tb-spsd1tb

Товар за будь-яким шляхомдублі з кодом 200 і лише canonical

Зараз/ua/abcdef/zovnishnij-ssd-…-spsd1tb200

Стане/ua/abcdef/zovnishnij-ssd-…-spsd1tb301→/ua/p/zovnishnij-ssd-…-spsd1tb

Старі адреси категорійпісля перейменування

Зараз/ua/stara-adresa-katehorii/404

Стане/ua/stara-adresa-katehorii/301→/ua/c/nova-adresa/запис у карті 301 створюється сам

Два написання одного словарізні адреси для однієї категорії

Зараз/ua/foto-ta-video-aksesuari-dlya-foto-…404поруч зaksessuari

Станеaksesuariодин запис у словнику слугів·aksessuari301

Фільтри з сирих значеньпо одному товару в значенні

ЗаразСерія:21594600iA2000

СтанеОбʼєм: 1 ТБ→/ua/c/zovnishni-ssd/obiem-1-tb/назви умовні

Рядки 1, 2, 4 і 5: адреси і значення з вашого сайту, перевірені 28.09.2026. Адреса в рядку 3 і все «стане» це схема пропозиції.

Як вирішуємо

П’ять кроків до стабільних адрес

Натисніть на крок.

Словник: одне слово, три мови

uaaksesuari

ruaksessuary

enaccessories

варіантaksessuari → 301

Кожне слово в адресі береться з одного словника. Друге написання веде 301 на перше.

ua / ru / enтранслітераціяодне джерело

Товар живе окремо від дерева

товар/ua/p/{slug}

категорія/ua/c/{slug}/

бренд/ua/brand/{slug}/

Адреса товару стала постійною. Категорію показують хлібні крихти і розмітка.

33 тис. товарів3 мовиBreadcrumbList

// при перенесенні категорії on('category.moved', (old, next) => redirects.add(old.url, next.url, 301)); // кожна стара адреса лишається в карті

Перенесли категорію чи товар, запис 301 зʼявляється сам. Контент-менеджер лише переносить категорію.

історія адресбез ланцюжків0 × 404

Категорія з активним фільтром бренду, стан фільтра в адресі

Фільтр будується з атрибутів товару. Корисні комбінації отримують власну чисту адресу, решта закрита від індексу.

атрибутистан в адресіnoindex для шуму

<link rel="canonical" href="https://shop.combeon.com/produkt/apple-ipad-air-m3-11/"> // JSON-LD { "@type": "Product", "sku": "EL-TB-0004", "offers": { "@type": "Offer", ... } } { "@type": "BreadcrumbList", ... }

Canonical, hreflang і sitemap генерує код. Після викладки перевіряємо індексацію в Search Console.

ProductOfferBreadcrumbListItemList

Що бачить покупець

Шлях від категорії до замовлення

Категорія смартфонів — Категоріябренди чіпами, сортування, бейджі

Картка планшета з ціною і доставкою — Картка товаруціна, наявність, способи доставки

Категорія ноутбуків на телефоні — Мобільна категорія390 px

Кошик з двома товарами — Кошикдоставка обирається до оформлення

Оформлення замовлення — Оформленняодна сторінка до номера замовлення

Відкрити демо

Вітрина польською, товари і ціни демонстраційні. Вхід вільний.

Подивіться код сторінки товару: canonical, JSON-LD, sitemap.xml.

Відкрити демо Наступна робота →

shop.combeon.com