Steiner — сайт промышленного оборудования: макет Figma, каталог и SEO-аудит

Steiner Ukraine (steiner.com.ua) — поставщик технологического и упаковочного оборудования, насосов, запчастей и сервиса для пищевых производств, работает с 2006 года. Сайт на WordPress и WooCommerce с темой Industrium у компании уже был, а у заказчика был новый макет в Figma и SEO-аудит сайта. Страницы не совпадали с макетом, каталог держался на фильтрах с адресами, которые не годились для продвижения, части страниц вообще не существовало, а мобильный PageSpeed главной был 49. С июля по сентябрь 2026 года мы привели сайт к макету, перестроили каталог и закрыли SEO-аудит — всё на рабочем сайте, без остановки.

Технический стек

WordPress + WooCommerce, тема Industrium, Elementor, TranslatePress (украинский, русский и английский), Yoast SEO и кеш FlyingPress. Тему мы не трогали: каждая страница и каждая системная правка — отдельный mu-plugin, так что обновление темы ничего не сломает.

Сайт по макету

Мы сверили 20 фреймов Figma с живыми страницами, составили план и закрыли 82 пункта. Шапку с меню и переключателем языков и серую полосу хлебных крошек сделали сразу на весь сайт. Сверстали страницы, которых не было: «Производители», «Инженерные решения» и «Отраслевые решения» с 13 отраслями. Страницу «Насосы и системы» перестроили: 22 насоса разбиты на две секции, статичные сетки заменены каруселями с описанием и лонгридами на все 28 позиций. Привели к макету главную, «Оборудование», «О нас», «Карьеру», запчасти, блог, страницу отрасли «Мороженое» и шаблон товара с вкладками и кнопкой «Отправить запрос на просчёт». Мобильной версии в макете не было, поэтому адаптив мы сделали сами.

Каталог на категориях

Категории каталога раньше были фильтрами с адресами вида /katalog/?filter_…. Мы собрали структуру из таблицы заказчика — технологическое и упаковочное оборудование, насосы и системы, запчасти, услуги, — сделали короткие адреса категорий и разложили товары: 39 позиций попали в категории, которые стояли пустыми. Старые фильтр-адреса ведут на категории через 301, меню и сайдбар показывают категории, а комбинации фильтров закрыты от индекса. Страница категории — по макету: хлебные крошки, H1 с описанием, слайдер брендов, фильтры-таблетки, «Показать ещё» и пагинация без перезагрузки, FAQ. На телефоне фильтры открываются отдельной панелью.

SEO-аудит и скорость

Аудит заказчика состоял из 13 пунктов, и мы закрыли все. Мобильный PageSpeed главной поднялся с 49 до 75, LCP — с 8,3 до 4,5 с, CLS — с 0,248 до 0,108, вес главной упал с 8,5 МБ до 2,4 МБ. Картинки перевели в WebP без плагина: 6 615 файлов, минус 2,1 ГБ на диске. На 10 типовых страницах валидатор W3C показывает 0 ошибок. По SEO-таблице заказчика заменили H1 на 75 страницах, убрали 31 группу одинаковых meta description, починили 42 битые картинки и лишние 404. После первой сдачи заказчик нашёл недоделки — тогда мы прошли все 1 320 адресов из карты сайта и исправили шесть мест, которые на выборке выглядели закрытыми.

Три языка

Переводы в TranslatePress были заполнены частично. Русский словарь мы заполнили с 18 421 пустой строки до нуля, английский — до нуля кириллицы на страницах, и 31 августа английскую версию открыли для индекса. Новые материалы теперь переводятся автоматически после публикации.

Итог

Мы привели существующий сайт Steiner к новому макету без изменения темы: новые страницы, насосы с каруселями, каталог на категориях с 301 со старых фильтров, адаптив, полностью закрытый SEO-аудит, PageSpeed 49 → 75, WebP, W3C без ошибок и три языка без пустых переводов.