Главная / Кейсы / Каталог на трёх языках: как экспортный сайт делают из товарной таблицы, а не из страниц
Металлопрокат для нефтегаза · экспортный сайт из каталога

Каталог на трёх языках: как экспортный сайт делают из товарной таблицы, а не из страниц

1017 страниц из одного каталога, английский и два языка справа налево

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

Задача

Поставщик стали для нефтегаза выходит на внешний рынок. Продукт — сотни позиций по десяткам стандартов, покупатель — снабженец, который ищет не «сталь», а «обсадную трубу API 5CT такой-то группы прочности с сертификатом 3.1». Сайт-визитка тут бесполезен: он не отвечает ни на один поисковый запрос, с которым к нему приходят.

Почему начали с таблицы, а не с дизайна

Ассортимент разложили в один структурированный каталог: категория → стандарт → позиция. Дальше сайт собирается из этой таблицы. Смысл не в экономии — в том, что каждая позиция получает свою страницу с собственным заголовком и описанием, а не строчку в общем PDF-прайсе. Снабженец находит именно то, что искал, и попадает не на главную, а на нужную позицию.

Стандарт — это не документ, это посадочная

Покупатель в этой отрасли ищет по стандарту чаще, чем по названию товара. Поэтому под стандарты сделаны отдельные хабы, а от них — перекрёстные ссылки на позиции. Каталог и стандарты работают как две координаты одной сетки: пришёл по стандарту — видишь позиции, пришёл по позиции — видишь стандарты, которым она отвечает.

Три языка — три полноценных сайта, а не переключатель

Английский и два языка с письмом справа налево. Правостороннюю вёрстку не «отзеркалили»: она собрана на логических свойствах, поэтому не разъезжается на длинных заголовках. У каждой языковой версии свой canonical и взаимные hreflang — поисковик показывает нужную версию нужной стране, а не считает их дублями друг друга.

Честность вместо стоковых картинок

Часть категорий пока без реальных фото отгрузок. Мы не стали подставлять сток — там стоит нейтральный плейсхолдер. В B2B чужая красивая картинка вместо своего товара стоит дороже пустого места: снабженец узнаёт стоки и делает вывод о поставщике.

Экспортный сайт промышленного поставщика — это не страницы, это данные. Собран каталог — сайт масштабируется на любой язык и любой новый ассортимент; собраны «страницы» — каждая новая позиция превращается в отдельный проект.

Материалы проекта

Схема: строка каталога — категория, стандарт, позиция — разворачивается в отдельную страницу сайта
Одна строка каталога — одна полноценная страница: из одной таблицы собраны 1017 страниц
Сетка связей: 18 категорий по горизонтали, 27 стандартов по вертикали, перекрёстные ссылки между ними
Категории и стандарты — две координаты одной сетки: вход возможен с любой стороны
Три колонки одной карточки товара: латиница и две версии с письмом справа налево
Правая вёрстка не отзеркалена, а собрана: у каждой версии свой canonical и взаимные hreflang
Две карточки товара рядом: перечёркнутая стоковая картинка и нейтральный плейсхолдер
Там, где своего фото ещё нет, стоит нейтральный плейсхолдер, а не сток

Кадры к обезличенным кейсам сгенерированы под кейс, это не съёмка объектов клиентов. В кейсах WOLTEK, «Ну где ты, Варвара», CARBON, Loqls, «ЁЖ на ЗОЖ», «Гора Добра», POMELO и «Карточка, которая не кричит» — материалы самих проектов.

* Названия компаний не раскрываем — работаем по договору о неразглашении. Имена брендов, созданных с нуля, оставляем: без имени пропадает смысл работы. Детали по конкретным проектам — на личной встрече.

Все кейсы

Другие кейсы

Похожая задача?

Расскажите про нишу и задачу — обсудим, как это работает в вашем случае.