Усі статті

Коли стартап виростає з Framer

Ознаки того, що сайт стартапу виріс з Framer, що варто на ньому лишити і як перейти на сайт у коді, не втративши позицій у пошуку.

· Михайло Гафін · 3 хв читання

З Framer зручно запускати перший сайт стартапу. Дизайнер може сам зібрати й опублікувати сайт, маркетинг змінює тексти без розробника, і перша версія виходить за кілька днів. Для багатьох компаній він лишається правильним інструментом роками.

Деякі компанії доходять до моменту, коли сайт має робити те, під що Framer не створювали. Ця стаття про те, як це зрозуміти, що варто лишити на Framer навіть тоді і як переїхати, не втративши того, що сайт заробив у пошуку. Якщо ви тільки вибираєте платформу для першого сайту, почніть зі статті Framer чи Webflow.

Ознаки, що сайт з нього виріс

Три-чотири з них разом зазвичай уже є причиною переїжджати.

Сайт має поводитися як продукт. Зони після входу, сторінки акаунта, калькулятори, що звертаються до вашого бекенду, контент з вашої власної бази. Вбудовування й обхідні шляхи справляються з одним-двома такими пунктами. Далі сайт починає боротися з інструментом.

Контент переростає CMS. Більше колекцій, полів, записів чи мов, ніж вміщує ваш тариф, і редактори, які витрачають більше часу на структуру, ніж на тексти.

Сайт і продукт мають працювати на одній дизайн-системі. Коли в продуктової команди вже є компоненти й токени в коді, підтримувати другу копію тієї самої системи в конструкторі сайтів означає дві версії, що поволі розходяться. Аргументи за одну систему у статті Дизайн-система для стартапів.

Зміни потребують рев'ю. Коли сайт редагують кілька людей, історія змін і перевірка перед публікацією починають важити. Код дає це за замовчуванням.

Вам потрібен контроль над тим, що потрапляє в браузер. Скрипти, обробка згоди на кукі, структуровані дані для кожної сторінки, робота із зображеннями, кешування. Конструктори роблять розумний вибір за вас, і з якогось моменту ви хочете робити його самі.

Що варто лишити на Framer

Переносити все одразу рідко потрібно. Деякі задачі Framer досі виконує дуже добре.

Сторінки кампаній і подій. Короткоживучі сторінки, які маркетинг хоче запускати без розробника.

Експерименти. Нове позиціонування, лендінг для сегмента, який ви тестуєте, список очікування для продукту, якого ще немає.

Увесь сайт, якщо жодна з ознак вище не про вас. Маркетинговому сайту з кількома сторінками і блогом більше може й не знадобитися.

Поширена схема після переїзду: основний сайт у коді й окремий піддомен або шлях для швидких маркетингових сторінок.

Найбільше ризиків під час міграції пов'язано з пошуком, і більшості з них можна уникнути.

Спершу вивантажте все. Кожну сторінку, статтю, зображення, alt-текст і мета-опис, раніше за все інше. Ставтеся до цього як до першого кроку проєкту, бо доступ до старого сайту потім легко втратити.

Збережіть кожну URL-адресу. Новий сайт має відповідати рівно на тих самих адресах. Там, де адресу доводиться змінити, вона отримує 301-редирект на нове місце.

Краул до і після. Краул старого сайту дає список кожної URL-адреси з її заголовком. Запустіть той самий краул на новому сайті до перемикання домену і порівняйте.

Лишіть старий сайт як запасний. Хай він лишається опублікованим на своїй адресі, закритий від індексації (noindex), поки новий не попрацює якийсь час.

Повний чек-лист, з редиректами і Search Console, у статті Як зберегти SEO під час редизайну сайту. Налаштування, специфічні для Framer, які варто перенести, у статті SEO на Framer.

У код переходять заради контролю. Втрачені дорогою позиції в пошуку дають цьому контролю поганий старт.

Хто має робити переїзд

Міграція одночасно зачіпає дизайн, контент, розробку і пошук. Команда, що її робить, має розуміти всі чотири, або хоча б знати, де кожне може зламатися. Розробник, який перезбирає сторінки, але змінює URL-адреси, чи дизайнер, який переробляє верстку, але губить структуровані дані, економить час на збиранні і повертає його втраченим трафіком.

Часті запитання

Чи достатньо Framer для сайту стартапу?

Для більшості маркетингових сайтів на ранній стадії так. Обмеження з'являються, коли сайту потрібні функції продукту, більша CMS, спільні з продуктом компоненти або рев'ю коду.

На що переходити після Framer?

Зазвичай на фреймворк на кшталт Next.js з headless CMS або контентом у репозиторії. Вибір залежить від того, хто редагує сайт і як часто.

Чи зашкодить переїзд з Framer нашому SEO?

Може, якщо URL-адреси зміняться без редиректів або загубиться контент. Збережені адреси, редиректи для решти і порівняння краулів до перемикання дають змогу втримати більшість позицій.

Чи можна лишити частину сайту на Framer?

Так. Багато компаній лишають на Framer сторінки кампаній та експерименти, а основний сайт переносять у код.

Висновок

Лишайтеся на Framer, поки він підходить, переїжджайте, коли сайт починає поводитися як продукт, і робіть пошук першою частиною міграції. Якщо ваш сайт підходить до цього моменту, розкажіть нам, що попереду.

Читайте також

Усі статті →

Що у вас попереду?

Раунд, запуск, вихід на новий ринок
або сайт, з якого компанія вже виросла.
Можна кількома рядками, як є.