Migracja z WordPressa na Next.js - jak przenieść stronę bez utraty pozycji

Krótka odpowiedź: migracja z WordPressa na Next.js to przeniesienie treści, odtworzenie wyglądu i funkcji w nowym kodzie oraz zachowanie adresów URL albo przekierowanie ich przekierowaniem 301. Jeśli adresy, tytuły i treść zostaną zachowane, pozycje w Google zwykle nie spadają, a strona przyspiesza. Mała strona firmowa to zwykle 1-4 tygodnie pracy.

Kiedy migracja ma sens

• Strona jest wolna na telefonie i nie przechodzi Core Web Vitals mimo wtyczek do cache.
• Płacisz za opiekę i aktualizacje, a i tak co jakiś czas coś przestaje działać.
• Strona była już zainfekowana albo dostajesz ostrzeżenia o podatnych wtyczkach.
• Planujesz rozbudowę w stronę aplikacji z logowaniem, panelem klienta albo integracjami.
• Szablon ogranicza wygląd i każda zmiana to walka z page builderem.

Jeśli żadne z powyższych Cię nie dotyczy, a WordPress działa i sam go sprawnie aktualizujesz, migracja może nie być potrzebna. Porównanie obu technologii znajdziesz w tekście Next.js czy WordPress.

Migracja krok po kroku

1. Inwentaryzacja adresów

Zanim powstanie pierwsza linijka kodu, zbieram listę wszystkich adresów: z mapy witryny, z Google Search Console i z crawla strony. Szczególnie ważne są adresy, które mają wyświetlenia, kliknięcia albo linki z innych stron. To one niosą pozycje i każdy z nich musi mieć swoje miejsce w nowej wersji.

2. Eksport treści

Wpisy, strony, kategorie i media pobiera się przez REST API WordPressa albo z eksportu XML. Treść z edytora blokowego lub page buildera zwykle wymaga oczyszczenia ze zbędnego kodu. To dobry moment, żeby poprawić nagłówki, opisy obrazów i linki wewnętrzne.

3. Wybór sposobu edycji

Są trzy drogi. Pierwsza: WordPress zostaje jako zaplecze (headless), a Next.js tylko wyświetla treści - redakcja pracuje w znanym panelu. Druga: przejście na lżejszy headless CMS, na przykład Sanity lub Payload. Trzecia: treści w kodzie, jeśli zmieniasz je rzadko i wolisz zlecać zmiany niż utrzymywać panel.

4. Budowa i odtworzenie funkcji

Każdą wtyczkę trzeba albo zastąpić kodem, albo zewnętrzną usługą. Formularze kontaktowe działają przez wysyłkę e-maili z serwera, SEO (tytuły, opisy, dane strukturalne, mapa witryny) powstaje w kodzie, a rezerwacje czy newsletter podpina się przez integracje. Najczęściej okazuje się, że połowa zainstalowanych wtyczek nie była już do niczego potrzebna.

5. Przekierowania 301

Jeśli adres się zmienia, na przykład z /2023/05/nazwa-wpisu/ na /blog/nazwa-wpisu, stary adres dostaje stałe przekierowanie 301 na nowy. Next.js obsługuje je w konfiguracji. Przekierowanie musi prowadzić do odpowiednika treści, a nie hurtowo na stronę główną - takie przekierowania Google traktuje jak błąd 404.

6. Wdrożenie i kontrola w Search Console

Po przełączeniu domeny wysyłam nową mapę witryny w Google Search Console i przez kilka tygodni pilnuję raportów indeksowania i błędów 404. Przy zachowanej domenie nie trzeba używać narzędzia zmiany adresu - ono służy tylko do przenosin na inną domenę.

Czy po migracji spadną pozycje w Google

Krótkie wahania przez kilka tygodni, gdy Google ponownie przetwarza stronę, są normalne. Trwały spadek zdarza się wtedy, gdy przy migracji zgubiono adresy, skrócono treść albo usunięto podstrony, które przynosiły ruch. Dlatego inwentaryzacja z punktu 1 jest najważniejszym krokiem całego procesu.

• Zachowaj tytuły, nagłówki i treść podstron, które mają ruch.
• Nie usuwaj podstron bez przekierowania na najbliższy odpowiednik.
• Przenieś dane strukturalne, opisy obrazów i linki wewnętrzne.
• Sprawdź wersję mobilną - Google indeksuje przede wszystkim ją.

Ile trwa i ile kosztuje migracja

Na koszt najbardziej wpływa liczba unikalnych szablonów, ilość treści do oczyszczenia i liczba wtyczek, które trzeba zastąpić. Pełne rozbicie kosztów budowy i utrzymania opisałem w tekście ile kosztuje strona na Next.js.

Od czego zacząć

Wyślij adres obecnej strony. Sprawdzę jej szybkość, liczbę podstron i wtyczek oraz to, które adresy niosą ruch, i wrócę z planem migracji oraz wiążącą wyceną. Szczegóły współpracy znajdziesz na stronie tworzenie stron internetowych.