Сильний продукт потребував платформи, яку можна контролювати
LT-Company працює зі складними фасадними та алюмінієвими рішеннями. Сайт уже мав впізнавану візуальну мову й великий масив продуктів та проєктів, але Tilda обмежувала технічний контроль, масштабування структури й системну роботу з SEO.
Завдання було ширшим за «перенести сторінки». Потрібно було зберегти знайомий користувачам вигляд, не втратити старі URL, перенести медіа з зовнішньої інфраструктури, відновити інтерактивні блоки й форми, а потім перетворити сайт на основу для регулярного контентного розвитку.
Що показав стартовий аудит
На початку робіт проблема була не в одному «повільному банері». Технічні, контентні й інфраструктурні обмеження підсилювали одне одного.
Швидкість
CSS і JavaScript Tilda блокували перший рендер, великі зображення віддавалися без адаптивних розмірів, WebP і продуманого lazy loading.
Пошукова структура
На головній не було коректного H1, повторювалися meta description, Title були непослідовними, а мовні та canonical-сигнали потребували контролю.
Залежність від платформи
Медіа й частина поведінки сторінок залежали від Tilda CDN та її JavaScript. Відключити конструктор без втрат було неможливо без окремого плану міграції.
Контент і заявки
Комерційні сторінки потребували B2B-фактів, технічних характеристик, зрозумілих CTA, єдиної серверної валідації та наскрізної аналітики заявок.
План: перенести, стабілізувати, а потім масштабувати
Роботи йшли кількома потоками: архітектура, контент, SEO, медіа, форми та візуальна перевірка. Це дозволило не заморозити розвиток сайту на час міграції.
Інвентаризація Tilda
Сторінки, URL, зображення, блоки, форми, мовні маршрути й залежності.
Кастомна тема WordPress
Шаблони, CPT, навігація, шапка, підвал і мобільна поведінка.
Контент і локальні медіа
Перенесення записів, проєктів, хроніки та Tilda-активів у WordPress.
SEO та продуктивність
Meta, canonical, schema, sitemap, зображення, пріоритети й кешування.
Контентна перебудова
16 переписаних сторінок і 12 нових сторінкових пакетів для попиту.
Форми, аналітика та QA
Єдиний lead flow, месенджери, GTM-події та автоматичні перевірки.
WordPress, який зберіг обличчя бренду — і прибрав залежність від Tilda
Кастомна тема відтворила ключові макети, шапку, підвал, навігацію та мобільну логіку. Але всередині це вже інша система: керовані типи контенту, локальні активи й чіткі шаблони.
Реальний WordPress-рендер: оригінальна візуальна мова збережена, контент і шаблон більше не залежать від Tilda.
Конструктор як межа розвитку
- зовнішні медіа й скрипти
- обмежений контроль шаблонів
- складна масштабована SEO-структура
- ризик втрат під час відключення платформи
Керована власна платформа
- локалізовані активи
- контент у керованих записах
- кастомні шаблони й компоненти
- контроль SEO, форм і аналітики
16 сторінок переписано. 12 нових пакетів підготовлено.
Після технічного перенесення ми змінили саму якість комерційного контенту: замість загальних фраз — B2B-аргументація, технічні таблиці, системи, класи, реальні проєкти, FAQ і зрозумілий наступний крок.
Повністю перероблені комерційні сторінки
Від одного hero до повного аргументу для B2B-клієнта
У сторінках з’явилися технічні характеристики, межі застосування, конструктивні переваги, матеріали, кейси, часті запитання та CTA на прорахунок. Компоненти повторно використовуються, але зміст кожної сторінки залишається предметним.
- єдина візуальна система й шапка/підвал сайту
- контент редагується як запис WordPress
- структуровані дані вбудовані в шаблон сторінки
Нова контентна хвиля — 12 сторінкових пакетів
Сторінка структурного скління була і в хвилі переписування, і в липневому пакеті. Тому 16 + 12 описують обсяг двох потоків робіт, а не 28 гарантовано унікальних URL.
Оптимізація вбудована в тему, а не накладена одним плагіном
Ми прибрали причини зайвого навантаження, локалізували активи й зробили контрольованими пріоритети завантаження. Паралельно закрили системні SEO-поля для всіх типів сторінок.
WebP і mobile hero
Окремі полегшені зображення для мобільного першого екрана та сучасні формати.
Пріоритет критичних ресурсів
Preload, fetchpriority, decoding і кероване завантаження ключових зображень.
Стабільний layout
width/height, srcset і sizes для медіа, щоб зменшити стрибки й зайві байти.
Менше зайвого коду
Прибрано emoji, generator, shortlink, wp-embed та непотрібні WP-ресурси.
Schema й sitemap
Organization, WebSite, Breadcrumb, Product/Service, FAQPage і Yoast XML sitemap.
Canonical та meta
Унікальні Title/Description, canonical, Open Graph і noindex для службових маршрутів.
У проєктному архіві є стартовий Lighthouse/PageSpeed-зріз із LCP 11,2 с, але немає повторного верифікованого Lighthouse-звіту з новим LCP. Тому ми показуємо фактично реалізовані оптимізації й не приписуємо сайту неперевірений бал або відсоток прискорення.
Форма стала частиною системи, а не окремим попапом
Ми уніфікували обробку заявок, додали серверну перевірку, захист від спаму, маркетинговий контекст і зручні канали зв’язку. Архітектура готова до підключення CRM, але не заявляє неактивну інтеграцію як працюючу.
- єдиний AJAX-обробник, nonce й серверна валідація
- обов’язкова згода з політикою та thank-you flow
- UTM, GCLID, landing page, first landing і referrer
- honeypot, rate limit, duplicate lock і reCAPTCHA v3
- Viber та WhatsApp біля callback- та inline-форм
- GTM/dataLayer події для submit і кліків месенджерів
- доступний dialog, focus trap і повернення фокуса
- серверна вимога телефону та відсутність порожніх tel:-посилань
Міграція перевірена маршрутами, активами, кодом і реальними viewport
Фінальний статус — це не «відкривається в нашому браузері». Ми зібрали автоматичний технічний контур і окремий UAT-набір для desktop та mobile.
Не «сайт після перенесення», а платформа для наступних років розвитку
LT-Company зберегла впізнаваний інтерфейс, але отримала іншу якість керування: власну тему, локальні активи, структурований контент, контроль SEO, заявок, аналітики та релізів.
Потрібно перенести сайт без втрати структури — і зробити його сильнішим?
Почнемо з аудиту маршрутів, контенту, швидкості й бізнес-логіки. Потім побудуємо сценарій міграції, який захищає накопичене та створює основу для росту.