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 без помилок і три мови без порожніх перекладів.