1 sierpnia 20266 min czytania

Migracja z Webflow na własny kod bez utraty SEO

Migracja z Webflow na własny kod bez utraty SEO, treści i pozycji. Tłumaczę, kiedy warto przejść na Astro i jak prowadzę cały proces krok po kroku.

Migracja z Webflow zwykle nie zaczyna się od problemu z Webflow. Zaczyna się od momentu, w którym strona przerasta narzędzie: rośnie liczba wpisów w CMS, rachunek za hosting robi się większy niż wartość, którą daje, albo prosta zmiana wymaga obejścia zamiast ustawienia. Webflow jest dobrym narzędziem i dla wielu projektów zostaje najlepszym wyborem. Pytanie nie brzmi „czy Webflow jest zły", tylko „czy nadal ci wystarcza".

Dobra wiadomość: stronę da się przenieść z Webflow na własny kod bez utraty pozycji w Google, treści ani wyglądu. Zła: nie zrobi tego jeden klik „eksportuj". Migrację trzeba potraktować jak przeniesienie kontraktu, który strona ma z użytkownikami i wyszukiwarkami, a nie jak skopiowanie wyglądu do nowego narzędzia.

Poniżej tłumaczę, kiedy migracja z Webflow ma sens, czego eksport nie zabiera ze sobą, i jak prowadzę taki proces, żeby po przełączeniu nic nie zniknęło.

Kiedy migracja z Webflow ma sens (a kiedy lepiej zostać)

Zostań na Webflow, jeśli strona jest niewielka, rzadko się zmienia, a osoba, która ją redaguje, ceni sobie edycję bez wchodzenia w kod. To realna wartość i nie warto jej wymieniać na własny stack tylko dlatego, że tak wypada.

Migrację warto rozważyć, gdy powtarza się któryś z tych sygnałów:

  • Sufit CMS. Rośnie katalog, blog albo baza realizacji i zaczynasz uderzać w limity kolekcji albo referencji.
  • Koszt. Za stronę z CMS płacisz w Webflow zwykle kilkadziesiąt dolarów miesięcznie, podczas gdy strona na własnym kodzie hostuje się taniej, a często za darmo (porównanie kosztów Webflow i custom).
  • Wydajność. Każda animacja i interakcja dodana w Webflow ląduje we wspólnym pliku webflow.js, który ładuje się na każdej podstronie, nawet tam, gdzie nie jest używana. Im więcej efektów, tym cięższa strona.
  • Logika, której Webflow nie udźwignie. Konta użytkowników, panele, niestandardowe integracje albo aplikacja obok strony. Tu szybciej dochodzisz do ściany.

Jeśli rozpoznajesz dwa albo więcej z tych punktów, migracja z Webflow przestaje być kwestią gustu, a staje się kwestią kosztu utrzymania status quo.

Czego eksport z Webflow nie zabiera ze sobą

Największa pułapka to założenie, że skoro Webflow ma przycisk eksportu kodu, to migracja jest prawie darmowa. Nie jest, z trzech powodów.

Po pierwsze, eksport kodu jest w Webflow przypięty do płatnego planu Workspace, a nie do planu hostingowego strony (Site plan). To częsta pułapka: można płacić za sam hosting strony w Webflow i wciąż nie mieć przycisku eksportu, dopóki nie dojdzie płatny Workspace (eksport kodu w Help Center Webflow). Po drugie, z eksportu wychodzi statyczny HTML i CSS, ale bez treści z CMS: wpisy blogowe, realizacje i produkty zostają w Webflow, podobnie jak e-commerce, konta użytkowników i lokalizacja. Po trzecie, interakcje, formularze i to, co obsługiwał hosting Webflow, po eksporcie po prostu przestają działać.

Dlatego eksportu nie traktuję jako migracji, tylko jako jeden z materiałów dowodowych. Prawdziwym źródłem prawdy jest działająca produkcja: to, co użytkownik widzi, jakie adresy istnieją i jakie dane dostaje wyszukiwarka.

Jak prowadzę migrację z Webflow krok po kroku

Migrację rozbijam na etapy, w których każdy da się sprawdzić osobno, zanim ruszymy dalej. Kolejność ma znaczenie, bo najwięcej wartości gubi się nie przy przepisywaniu wyglądu, tylko przy adresach i przekierowaniach.

  1. Inwentaryzacja adresów. Zbieram wszystkie URL-e strony z mapy witryny, z analityki i z Search Console, nie tylko te widoczne w menu. Każdy adres, który ma ruch albo linki z zewnątrz, jest zobowiązaniem, którego nie wolno zgubić.
  2. Model treści. Kolekcje CMS z Webflow zamieniam na jasną strukturę treści, którą redaguje się dalej bez kodu. Slugi zostają takie same, bo to one trzymają pozycje w Google.
  3. Odtworzenie wyglądu i zachowania. Wygląd i responsywność odtwarzam od zera na czystym kodzie, zamiast kopiować wygenerowany przez Webflow DOM. Efekt dla użytkownika ten sam, kod lżejszy i twój.
  4. Przeniesienie assetów. Obrazy, fonty i pliki do pobrania ściągam z Webflow na własny hosting, bo linki do CDN Webflow po odejściu potrafią przestać działać.
  5. Przekierowania 301. Dla każdego starego adresu, który się zmienia, ustawiam trwałe przekierowanie na nowy. To jest ten jeden krok, który najczęściej decyduje, czy migracja z Webflow kosztuje cię pozycje, czy nie.
  6. Parytet SEO. Sprawdzam, że tytuły, opisy, adresy kanoniczne, hreflang i dane strukturalne po przełączeniu zgadzają się z tym, co było, chyba że świadomie coś poprawiamy.
  7. Testy i przełączenie. Zanim zmienimy DNS, wszystko działa na środowisku podglądowym: formularze, przekierowania, nagłówki. Stara strona zostaje pod ręką jako plan awaryjny, aż nowa okaże się stabilna.

Jak nie stracić SEO przy migracji z Webflow

Utrata pozycji po migracji prawie zawsze wynika z jednej z kilku rzeczy, a każdej da się zapobiec. Adresy, które się zmieniają, dostają przekierowanie 301 prowadzące prosto do celu, bez łańcuchów. Mapa witryny po przełączeniu zawiera tylko finalne, kanoniczne adresy. Linki wewnętrzne prowadzą od razu do nowych adresów, a nie przez przekierowania. Tytuły i opisy, które dobrze pracowały, zostają, dopóki nie mamy powodu ich zmienić.

Po przełączeniu przez pierwsze tygodnie po prostu się patrzy: czy Search Console nie zgłasza nagłego wzrostu błędów 404, czy najważniejsze strony wchodzą do indeksu i czy ruch z wyszukiwarki się trzyma. Migracja nie kończy się w dniu przełączenia DNS, tylko wtedy, gdy dane potwierdzą, że nic nie zniknęło.

Dlaczego najczęściej migruję na Astro

Kiedy strona nie potrzebuje ciężkiej aplikacji po stronie użytkownika, buduję ją na Astro, bo domyślnie nie wysyła do przeglądarki żadnego zbędnego JavaScriptu, więc strona ładuje się natychmiast. To odwrotność wspólnego pliku webflow.js: kod ładuje się tylko tam, gdzie faktycznie jest interakcja. Hosting takiej strony jest tani albo darmowy, a całość jest twoja, bez uzależnienia od jednego dostawcy.

To nie znaczy, że Webflow znika z gry. Nadal buduję na Webflow, gdy klient chce sam redagować stronę bez wchodzenia w kod i nie planuje jej rozpychać ponad możliwości narzędzia. Astro wybieram wtedy, gdy liczy się wydajność, skala treści albo pełna własność. Wybór technologii to skutek tego, dokąd strona zmierza, a nie mody.

Jeśli masz stronę w Webflow i zastanawiasz się nad przejściem na własny kod, migracje prowadzę jako osobną usługę: od inwentaryzacji adresów po przełączenie bez utraty pozycji.

Częste pytania

Czy migracja z Webflow oznacza utratę pozycji w Google?

Nie, jeśli jest zrobiona poprawnie. Warunek to zachowanie adresów albo trwałe przekierowania 301 ze starych na nowe, ten sam zestaw treści i zgodne dane SEO. Pozycje spadają wtedy, gdy adresy giną bez przekierowania, a nie z samego faktu zmiany technologii.

Czy da się wyeksportować stronę z Webflow za darmo?

Eksport kodu wymaga płatnego planu Workspace, a i tak wychodzi z niego tylko statyczny HTML i CSS, bez treści z CMS i bez działających formularzy. Dlatego eksport to punkt wyjścia, a nie gotowa migracja.

Ile trwa migracja z Webflow?

To zależy głównie od liczby podstron, wielkości CMS i tego, ile jest niestandardowych interakcji. Prosta strona wizytówka to kwestia dni, rozbudowany serwis z dużym blogiem i wieloma realizacjami to tygodnie. Najwięcej czasu zajmuje nie wygląd, tylko rzetelne przeniesienie treści i adresów.

Webflow na Astro czy na WordPress?

Astro wybieram, gdy priorytetem jest wydajność i pełna własność kodu bez comiesięcznych opłat za platformę. WordPress ma sens, gdy kluczowa jest rozbudowana redakcja treści przez osoby nietechniczne i szeroki ekosystem wtyczek. Dobór zależy od tego, kto i jak będzie stronę utrzymywał po migracji.

Kontakt

Masz projekt?
Napisz.

Opowiedz w kilku zdaniach, co chcesz zbudować i na kiedy.

  1. Piszesz, co chcesz zbudować
  2. Odpowiadam w 24 h
  3. Ustalamy zakres i wycenę

Czego potrzebujesz
Budżet projektu