Migracja WordPress na Next.js to dla większości firm nie decyzja techniczna, tylko biznesowa. Pytanie nie brzmi „która technologia jest modniejsza", tylko „czy przeniesienie strony zwróci mi się szybciej, niż gdybym dalej dokładał do wolnej witryny". W tym artykule pokażemy, jak wygląda taka migracja krok po kroku, jak przeprowadzić ją bez utraty pozycji w Google, kiedy naprawdę się opłaca, a kiedy jest przepaleniem budżetu. I pokażemy to na konkretnym przykładzie: migracji LaserCamp, po której koszt kliknięcia spadł z 0,23 do 0,11 zł, a konwersja wzrosła o 164%.

Na starcie uczciwa deklaracja: budujemy w obu technologiach. Robimy web development i dobieramy narzędzie do celu klienta, zamiast narzucać z góry jedno rozwiązanie. Dlatego ten tekst nie jest reklamą Next.js. Jest mapą, która ma Ci pomóc nie przepłacić, w żadną stronę. Jeśli po weryfikacji okaże się, że Twojej stronie wystarczy porządny WordPress, powiemy to wprost.

Po co migrować: co migracja robi z Twoimi wynikami

Najczęstszy błąd to myślenie o migracji jak o kosmetyce: „będzie ładniej i szybciej". To prawda, ale to nie tu są pieniądze. Pieniądze są w tym, co prędkość robi z Twoim budżetem reklamowym.

Dopóki nie płacisz za ruch, wolna strona „tylko" irytuje. W momencie, gdy odpalasz Google Ads, każda sekunda ładowania zaczyna kosztować, bo płacisz za kliknięcie, którego część użytkowników nie doczeka do załadowania strony. Google podaje, że 53% użytkowników mobilnych porzuca stronę, która nie załaduje się w 3 sekundy. Płacisz za ich kliknięcie, a oni nigdy nie widzą Twojej oferty.

Skala tego efektu jest jednym z najlepiej udokumentowanych parametrów biznesowych w internecie. Badanie „Milliseconds Make Millions" zlecone przez Google i przeprowadzone przez Deloitte na 30 milionach sesji u 37 marek pokazało, że poprawa prędkości o zaledwie 0,1 sekundy podnosiła konwersję o 8,4% w handlu detalicznym i o 10,1% w turystyce. Pozostałe dane układają się w tę samą historię:

• Amazon: każde 100 milisekund wolniejszego ładowania to około 1% mniej sprzedaży.
• Walmart: każda sekunda szybszego ładowania to około 2% więcej konwersji.
• Portent: strona ładująca się w 1 sekundę konwertuje około 2,5 raza lepiej niż ta ładująca się w 5 sekund.

To jest sedno migracji: nie chodzi o „szybszą stronę", tylko o niższy koszt kliknięcia i więcej konwersji z tego samego budżetu Ads. Lepsza prędkość poprawia też Quality Score, a więc realnie obniża stawkę, jaką płacisz za każde wejście. Migracja na Next.js zwraca się tam, gdzie ten mechanizm działa na Twoją niekorzyść każdego dnia.

Case study: migracja LaserCamp z WordPressa na Next.js

Najlepszym dowodem jest LaserCamp, centrum rozrywki spod Warszawy. Klient zgłosił się z klasycznym pytaniem „czy możecie zoptymalizować nasze reklamy?". Ruch był, budżet rósł, a sprzedaż stała w miejscu, szklany sufit. Nasza diagnoza pokazała, że problemem nie jest to, kto wchodzi na stronę, tylko co na niej zastaje: stara strona na WordPressie ładowała się wolno, a jej struktura odzwierciedlała listę usług, a nie pytania klienta. Rodzic szukający urodzin dla dziecka trafiał na ogólną ofertę i odbijał się.

Zamiast łatać starą witrynę, przeprowadziliśmy migrację na Next.js. Uczciwie: to nie była „czysta" migracja jeden do jednego, tylko pełne przebudowanie strony od A do Z, z zachowaniem tego, co na poprzedniej wersji działało najlepiej. Całość zajęła osiem tygodni: cztery tygodnie analizy aktualnej strony, strategii, planowania i projektowania, a potem cztery tygodnie samego wdrożenia na podstawie zatwierdzonego projektu.

Dobry przykład zachowania tego, co działa, to nawigacja. Nie wróciliśmy do klasycznego podziału „usługi, o nas, arena". Zamiast tego pasek nawigacji rozbiliśmy według grupy docelowej, która faktycznie wchodzi na stronę: dla dzieci, dla dorosłych, dla studentów, dla firm. Każda z tych pozycji rozwijała się do podstron dedykowanych konkretnej grupie. Wiedzieliśmy, że to zadziała, bo na poprzedniej stronie taki układ sprawdzał się lepiej niż podział po typie usługi. Architektura całości oparła się na danych z Analytics i Google Ads, a cennik zamieniliśmy w interaktywny konfigurator. Stare adresy zmapowaliśmy na nową strukturę, a przekierowania 301 i mapa witryny zadbały o to, żeby wypracowane pozycje przeszły na nowy serwis.

To jest zresztą rzecz, która wyróżnia nas od konkurencji: zanim cokolwiek zmienimy, badamy, co u klienta już działa i dlaczego. Rozmawiamy z właścicielem, analizujemy dane, zachowujemy i uwydatniamy to, co przynosi wyniki, a dopiero potem dokładamy swoje spojrzenie. Nie kasujemy działającego, żeby pokazać „nową stronę".

Uczciwa uwaga o liczbach: nie zachowaliśmy archiwalnego raportu Lighthouse starej strony, więc nie podajemy „twardego" wyniku sprzed migracji. Nieoptymalizowany WordPress obładowany wtyczkami zwykle ląduje na mobile w okolicach 30 do 50 punktów Performance i nie mamy powodu sądzić, że tam było inaczej. To, co możemy pokazać, to stan obecny i twarde wyniki biznesowe:

• Lighthouse dziś: Performance powyżej 90 (waha się zależnie od obciążenia serwera), a SEO i Accessibility na poziomie 100.
• Koszt kliknięcia: średni CPC spadł z 0,23 zł do 0,11 zł rok do roku, ponad o połowę taniej za to samo kliknięcie. Ten sam budżet zaczął kupować dwa razy więcej ruchu.
• Konwersja: +164% w kluczowej kampanii „Urodziny w LaserCamp", przy jednoczesnym spadku kosztu pozyskania klienta o 42%, mimo zwiększenia budżetu.
• SEO: +62% konwersji z ruchu organicznego, bo lepsza struktura i szybkość pracują też na pozycje w Google.

Największe ryzyko tego projektu nie było techniczne, tylko biznesowe. Wspólnie z klientem podjęliśmy decyzję, żeby na podstawie danych ograniczyć liczbę usług w głównej ścieżce strony. Sprawdziliśmy najpierw, jaką część zysku (procentowo, z zachowaniem pełnej poufności danych finansowych) generuje która usługa, i które z nich klienci wybierają najczęściej. Usługi dodatkowe, które konwertowały najsłabiej albo dawały najmniejszy zysk, zepchnęliśmy z głównego flow, a część usunęliśmy całkowicie. Cel: zbudować autorytet w konkretnych niszach.

Logika jest taka sama jak przy wyborze wykonawcy domu. Jeśli ktoś chce zbudować konkretny typ domu, większe zaufanie wzbudzi firma, która od dwudziestu lat robi tylko takie domy, niż korporacja, która od pięćdziesięciu lat buduje wszystko, od najmniejszych po największe budynki, a do tego baseny. Specjalista w niszy wygrywa. To samo chcieliśmy uzyskać dla LaserCamp.

To było ryzykowne. Wiedzieliśmy dokładnie, ile potencjalnie możemy stracić na usuniętych usługach. Uznaliśmy jednak, że to ryzyko warte sprawdzenia, i się sprawdziło: wyróżnienie tych elementów oferty, które już działały, podniosło ich wyniki od półtora do dwóch razy. Ten wzrost z nawiązką przykrył utracone zyski z usuniętych usług. Innymi słowy, mniej oferty na stronie dało więcej pieniędzy.

Kampania reklamowa nie była problemem. Strona, na którą prowadziła, była. Migracja nie spowodowała spadku pozycji, a ruch organiczny zaczął lepiej konwertować, bo to samo wejście trafiało wreszcie na stronę, która odpowiadała na pytanie użytkownika.

Kiedy migracja się opłaca, a kiedy to przepalony budżet

Tu zaczyna się część, której nie powie Ci nikt, kto żyje z przepisywania stron. Migracja na Next.js nie jest dla każdego. Opłaca się w konkretnych sytuacjach, a w innych jest po prostu przepaleniem pieniędzy.

Migracja zwykle się opłaca, gdy:

• żyjesz z szerokich kampanii Google Ads i płacisz za każde kliknięcie, więc niższy CPC i wyższy Quality Score realnie zwracają koszt przebudowy,
• Twoja strona ładuje się wolno i gubi konwersje, a Ty widzisz szklany sufit mimo rosnącego budżetu,
• masz złożone integracje, dużą skalę albo potrzebę pełnej kontroli nad strukturą pod konwersję.

Migracja częściej nie ma sensu, gdy:

• nie prowadzisz płatnych kampanii, bo wtedy te ułamki sekundy nie przekładają się na pieniądze w tym samym stopniu,
• ruch trafia do Ciebie z poleceń albo dobrze dotargetowanego źródła i jest już kwalifikowany,
• Twoja strona ma być wizytówką, portfolio albo prostym sklepem, a budżet jest rzędu kilku tysięcy złotych. Wtedy lepszym wyborem jest dobrze zrobiony WordPress z Elementorem albo Framer, szybciej i taniej.

Innymi słowy: migracja to inwestycja, która zwraca się na drogim ruchu. Jeśli nie pompujesz w stronę budżetu reklamowego, dobrze zoptymalizowany WordPress prawdopodobnie Ci wystarczy. Najgorszy wybór to przepisywać na Next.js stronę, która tego nie potrzebuje, albo trzymać tanią, wolną witrynę pod budżet reklamowy, który zasługuje na coś lepszego.

Jak wygląda migracja z WordPressa na Next.js krok po kroku

Dobrze poprowadzona migracja to proces, nie skok na głęboką wodę. U nas wygląda tak, od A do Z, żebyś dokładnie wiedział, co się dzieje na każdym etapie:

1. Poznajemy Twój biznes. Zanim podejmiemy się czegokolwiek, rozmawiamy z Tobą lub z kluczowymi osobami w firmie. Te rozmowy potrafią trwać od godziny do trzech i bywają rozbite na kilka spotkań, bo chcemy realnie czuć Twój biznes i rozumieć, co na stronie działa i dlaczego. Bez tego nie ruszamy dalej.
2. Audyt i inwentaryzacja istniejącej strony. Spisujemy wszystkie podstrony, adresy URL, wpisy, obrazy i formularze. Sprawdzamy, które strony przynoszą ruch i konwersje, a które są martwym balastem. To na tej liście opiera się późniejsze mapowanie przekierowań.
3. Wspólnie ustalamy kierunki i projektujemy strukturę. Z zespołem graficznym układamy strukturę pod pytania klienta i ścieżkę konwersji, zachowując to, co już działa. Na każdym kroku pytamy, czy dana decyzja (struktura, wygląd, projektowanie mobile czy desktop first) wpływa pozytywnie czy negatywnie na czynniki priorytetowe. Najważniejszy jest współczynnik konwersji, a składają się na niego mniejsze: czytelność ścieżki do kontaktu, prędkość ładowania, dopasowanie treści do grupy docelowej, zaufanie budowane dowodami i opiniami oraz brak tarcia w formularzu.
4. Przygotowujemy projekt w 100%, zanim ruszymy choćby linijkę kodu. Jesteś na cotygodniowych statusach, zgłaszasz obiekcje i obserwacje, wspólnie wprowadzamy zmiany. Twoje decyzje są nadrzędne, a my dajemy Ci narzędzia i wiedzę do ich podjęcia. Nie pytamy „czerwony czy niebieski", tylko „czerwony, bo wywoła to a to, czy niebieski, bo wywoła tamto", i wtedy wybór należy do Ciebie. Czasem zostawiasz nam swobodę i decydujemy według najlepszej wiedzy. Bez pośredników: ludzie, którzy projektują i piszą Twoją stronę, to ci sami, których masz na spotkaniach.
5. Wdrażamy na Next.js. Dopiero po akceptacji projektu. Treść z WordPressa eksportujemy i przenosimy do formatu MDX, na którym pracujemy, dzięki czemu jest lekka i serwowana jako gotowy dokument, bez odpytywania bazy przy każdym wejściu. Obrazy przechodzą przez optymalizację i nowoczesne formaty (WebP, AVIF) z poprawnymi wymiarami, co bezpośrednio atakuje LCP i CLS, dwa wskaźniki Core Web Vitals, na których WordPress najczęściej traci. Tu też mapujemy stare adresy i ustawiamy przekierowania 301 (szczegóły w następnej sekcji).
6. Testujemy i weryfikujemy. Sprawdzamy przekierowania, formularze, wydajność, wygląd na różnych urządzeniach i pozycje, zanim cokolwiek pójdzie na produkcję.
7. Przełączamy i monitorujemy. Po wdrożeniu zgłaszamy nową mapę witryny w Search Console i obserwujemy indeksację oraz pozycje, żeby wyłapać i naprawić ewentualne problemy od razu, a nie po miesiącu.

To, co wyróżnia nas najbardziej, to etap planowania i projektowania. Jest bardzo dokładny i to w nim dzieje się najwięcej, dlatego jest to usługa o charakterze premium. Nie dostajesz szablonu i pośrednika do kontaktu, tylko zespół, który rozumie Twój biznes i odpowiada za efekt.

Warto dodać, że nie musisz wybierać zero-jedynkowo. WordPress można uruchomić w trybie headless, jako CMS dla treści, z frontendem w Next.js. Klient zachowuje znajomy panel do edycji, a użytkownik dostaje prędkość Next.js. To często najlepszy kompromis dla zespołów, które kochają edycję w WordPressie, ale potrzebują wydajności.

Jak nie stracić pozycji w Google podczas migracji

To pytanie, które spędza sen z powiek każdemu, kto ma stronę przynoszącą ruch. Odpowiedź jest prosta: pozycje nie spadają, jeśli migracja jest zrobiona poprawnie. Diabeł tkwi w „poprawnie". Oto, co o tym decyduje:

• Mapowanie starych adresów na nowe. Zanim cokolwiek przełączysz, każdy istniejący URL musi mieć przypisany odpowiednik na nowej stronie. To z tej mapy powstają przekierowania.
• Przekierowania 301. Każdy stary adres przekierowujemy trwale (301) na nowy. To przekazuje wypracowaną „moc" strony na nowy URL i sprawia, że użytkownik z Google nie trafia na błąd 404.
• Zachowanie struktury treści i nagłówków. Google rozpoznaje stronę po treści i strukturze. Jeśli przepiszesz wszystko od zera i pousuwasz nagłówki, na których rankujesz, tracisz kontekst. Migracja to nie pretekst do skasowania działającej treści.
• Aktualizacja mapy witryny. Po wdrożeniu zgłaszamy świeży sitemap w Search Console, żeby Google szybciej odkrył nową strukturę.
• Monitoring po wdrożeniu. Przez pierwsze tygodnie pilnujemy raportu indeksacji i pozycji. Jeśli coś zaczyna pełznąć w dół, reagujemy od razu.

Co istotne, dobrze przeprowadzona migracja często pozycje podnosi, a nie obniża. Lepsza prędkość i czystsza struktura to sygnały, które Google premiuje. U LaserCamp ruch organiczny po migracji konwertował o 62% lepiej, a pozycje nie ucierpiały. Strach przed utratą pozycji jest uzasadniony tylko wtedy, gdy migrację robi ktoś, kto pomija powyższe kroki.

Ile trwa i ile kosztuje migracja

Typowa migracja strony firmowej zajmuje około kilku tygodni, w zależności od liczby podstron i zakresu przebudowy struktury pod konwersję. Start prac jest możliwy często następnego dnia po akceptacji.

Jeśli chodzi o budżet, to rozwiązanie z półki premium. Dedykowane strony pod konwersję zaczynają się od około 20 000 zł, a ostateczny koszt zależy od liczby podstron i zakresu przebudowy. Dla niższych budżetów rekomendujemy WordPress lub Framer, bo Next.js byłby wtedy nieopłacalny. Pełne rozłożenie kosztów startu i utrzymania w czasie zależy od liczby podstron i zakresu prac, dlatego najtrafniej policzyć je na konkretnym przykładzie podczas mini-audytu.

Najczęstsze błędy przy migracji

Migracje, które kończą się spadkiem pozycji, niemal zawsze powtarzają te same błędy:

• Brak przekierowań 301 albo przekierowanie wszystkiego na stronę główną. To najszybsza droga do utraty pozycji i fali błędów 404. Każdy adres ma trafić na swój odpowiednik.
• Zmiana wszystkich adresów bez potrzeby. Jeśli stara struktura URL działała, nie zmieniaj jej dla samej zmiany. Każdy zmieniony adres to kolejne przekierowanie i kolejne ryzyko.
• Skasowanie treści, która rankuje. Przepisanie strony od zera bywa pokusą, ale jeśli wytniesz nagłówki i akapity, na których wchodzisz w Google, tracisz pozycje, które budowałeś latami.
• Pominięcie aktualizacji mapy witryny i Search Console. Google trzeba pokazać nową strukturę, inaczej będzie ją odkrywał wolno i po omacku.
• Brak monitoringu po wdrożeniu. Najgroźniejsze spadki to te, których nikt nie zauważył przez miesiąc. Pierwsze tygodnie po przełączeniu wymagają obserwacji.
• Migracja bez sensu biznesowego. Przepisanie na Next.js strony, która nie żyje z płatnego ruchu, to przepalony budżet. Najpierw policz, czy zwrot jest realny.

FAQ

Czy migracja na Next.js spowoduje utratę pozycji w Google? Nie, jeśli migracja jest zrobiona poprawnie. Kluczowe jest zmapowanie starych adresów URL na nowe, ustawienie przekierowań 301, zachowanie struktury treści, aktualizacja mapy witryny i monitoring w Search Console po wdrożeniu. Przy zachowaniu tych zasad pozycje zwykle nie spadają, a często rosną dzięki lepszej prędkości.

Czy warto migrować z WordPressa na Next.js? Warto, jeśli prowadzisz aktywne kampanie reklamowe, a Twoja strona ładuje się wolno i gubi konwersje. Wtedy szybciej zwrócisz się na niższym koszcie kliknięcia i wyższej konwersji. Jeśli nie płacisz za ruch i strona Ci wystarcza, migracja często nie ma ekonomicznego sensu.

Ile trwa migracja z WordPressa na Next.js? Typowa migracja strony firmowej zajmuje około kilku tygodni, w zależności od liczby podstron i zakresu przebudowy struktury pod konwersję. Start prac jest możliwy często następnego dnia po akceptacji.

Ile kosztuje migracja strony na Next.js? To rozwiązanie z półki premium. Dedykowane strony pod konwersję zaczynają się od około 20 000 zł. Ostateczny koszt zależy od liczby podstron i zakresu przebudowy. Dla niższych budżetów rekomendujemy WordPress lub Framer.

Czy WordPress jest wolny? Niekoniecznie, ale łatwo go spowolnić stertą wtyczek. W praktyce tylko około 40 do 46 procent stron na WordPressie zalicza wszystkie Core Web Vitals na mobile. Dobrze zoptymalizowany WordPress potrafi być szybki, problem w tym, że większość nie jest.

Nie zgaduj, zmierz

Najprostszy sposób, żeby sprawdzić, czy migracja Ci się opłaci, to zacząć od pomiaru. Zrobimy bezpłatny mini-audyt: sprawdzimy czasy ładowania, Core Web Vitals i największe przecieki konwersji, i powiemy wprost, czy w Twoim przypadku warto migrować na Next.js, czy wystarczy poukładać to, co masz. Bez naciągania na droższe rozwiązanie, jeśli nie ma sensu.

Napisz do nas na hello@novelvision.pl albo umów bezpłatny mini-audyt przez formularz kontaktowy.