Доработка структуры каталога и навигации в OcStore 1.5.6.4

Проблема

Интернет-магазин на OcStore 1.5.6.4 имеет сложную структуру каталога: один и тот же товар может одновременно относиться к нескольким тематическим категориям - по назначению, характеристикам, серии и другим признакам.

Из-за особенностей старой версии движка возникало сразу несколько проблем:

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

Решение

Структуру каталога разделили на две независимые логики.

SEO-структура товара стала постоянной и больше не зависит от тематической категории, из которой открыт товар.

Для карточек используется единый основной URL непосредственно внутри родительского товарного раздела. Тематические категории при этом сохраняются как полноценные SEO-посадочные страницы и могут содержать один и тот же товар.

Хлебные крошки также сделали стабильными:

Главная → основной раздел → товар

Одинаковая цепочка используется и в интерфейсе, и в структурированных данных BreadcrumbList.

Чтобы пользователь при этом не терял контекст, из какой категории он пришёл, добавлена отдельная ссылка:

← Вернуться в «Название категории»

Дополнительно была расширена система плиток категорий: теперь в одном блоке можно размещать не только подкатегории, но и отдельные товары текущей категории.

Реализация

На уровне OcStore 1.5.6.4 была переработана логика формирования SEO URL карточек товаров.

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

Canonical карточки всегда указывает на один и тот же основной адрес.

Внутренние ссылки из категорий также ведут непосредственно на канонический URL товара, поэтому сайт больше не создаёт разные внутренние пути к одной карточке.

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

Категория, из которой пользователь открыл товар, сохраняется отдельно. На карточке выводится контекстная ссылка возврата, которая не участвует в BreadcrumbList, canonical или формировании URL.

Также доработан административный интерфейс категорий:

• подкатегории и отдельные товары можно размещать в одном блоке плиток;
• их можно перемешивать и сортировать перетаскиванием;
• выбрать товар можно только из товаров текущей категории;
• товарная плитка оформляется в том же стиле, что и подкатегория;
• клик по ней сразу открывает карточку товара;
• для каждой товарной плитки можно задать собственное короткое название;
• изменение названия плитки не меняет название самого товара, H1, Title и другие SEO-поля.

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

Результат

Для клиента. Каталог стал проще в сопровождении. Один товар можно использовать сразу в нескольких тематических разделах, не определяя искусственно, какая из этих категорий должна быть для него «главной». Также отпала необходимость создавать пустые или почти пустые подкатегории для отдельных товаров.

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

Для SEO. Для каждой карточки товара закреплён один основной URL, не зависящий от дополнительной категории размещения. Внутренние ссылки ведут сразу на канонический адрес, а альтернативные старые URL перенаправляются на него через 301 Redirect. Canonical и хлебные крошки также соответствуют одной постоянной структуре страницы. Это устраняет конкуренцию нескольких URL одной карточки, снижает вероятность появления дублей в индексе и помогает поисковым системам однозначно определять основной адрес товара. Дополнительно более последовательная внутренняя перелинковка уменьшает зависимость индексации карточек от структуры тематических категорий и упрощает дальнейшее развитие каталога без изменения URL уже существующих товаров.