Migracja WordPress na szybką stronę Astro + Keystatic + Cloudflare

Migracja strony firmowej z WordPressa na kodowane rozwiązanie to nie tylko decyzja technologiczna, ale przede wszystkim ruch biznesowy. Jeśli Twoja firma działa na Śląsku, obsługuje klientów z Bytomia i strefy konurbacji, a Twoja obecna strona działa wolno, jest przeciążona wtyczkami lub generuje ciągły strach o bezpieczeństwo – czas na zmianę. W tym przewodniku pokażę, jak przejść z WordPressa na zestaw Astro + Keystatic + Cloudflare Pages, zachowując dotychczasowe pozycje w Google i otwierając drogę do jeszcze lepszych wyników Core Web Vitals.

1. Kiedy migracja z WordPressa staje się koniecznością?

Przygotowałem listę sygnałów, które widzę u lokalnych klientów podczas audytów:

1. Wydajność – po aktualizacjach wtyczek wynik w PageSpeed spada poniżej 60/100, a Core Web Vitals świeci się na czerwono (LCP > 3 s, INP > 400 ms).
2. Bezpieczeństwo – co miesiąc pojawia się alert o lukach w popularnych pluginach (np. formularze, cache, buildery stron).
3. RODO i analityka – chcesz przejść na analitykę cookieless zgodną z RODO, ale stary theme blokuje niestandardową implementację.
4. Koszty utrzymania – licencje na motywy i wtyczki premium przekraczają 1000 zł rocznie, a serwer VPS potrzebuje admina.
5. UX i treści – redaktorzy skarżą się, że panel jest przeładowany, a edycja kończy się błędami JavaScript w Gutenberg.
6. Vendor lock-in – masz builder blokujący eksport treści, np. Elementor lub Divi, i każda zmiana wymaga dodatkowego kodowania.
7. Plany rozwoju – chcesz uruchomić nowe sekcje usług ("usługa + miasto"), dopracować blog, dodać landing page dla kampanii – WordPress zaczyna przeszkadzać.

Jeżeli widzisz u siebie min. trzy z powyższych punktów, migracja na kodowaną platformę jest bezpieczniejsza niż kolejna „łatka”.

2. Audyt startowy – fundament bezpiecznej migracji

Migracja zaczyna się od zrozumienia, co działa dziś. Zrób checklistę:

• Eksport treści – zgraj wpisy i podstrony (XML, CSV, ręczne backupy). Zapisz media w strukturze katalogów.
• Mapa adresów URL – pobierz sitemapę XML, wylistuj wszystkie slugi, zanotuj parametry.
• Search Console – wyeksportuj topowe zapytania i podstrony, porównaj ostatnie 3 miesiące.
• Linki zwrotne – z narzędzi typu Ahrefs/Senuto pobierz listę URL-i z backlinkami.
• Wydajność – wykonaj testy w PageSpeed i Lighthouse, zanotuj LCP, INP, CLS. Przyda się do porównania po wdrożeniu.
• Formularze – spisz, gdzie trafiają wiadomości, jakie pola są obowiązkowe, czy jest integracja z CRM.

Ten materiał posłuży do zaprojektowania modeli danych w Keystatic oraz do kontroli skuteczności migracji po wdrożeniu.

3. Mapowanie URL-i 1:1 i przekierowania 301

Sukces migracji zależy od zachowania struktury. Krok po kroku:

• Zachowaj dotychczasowe slugi – jeśli WordPress generował /blog/tytul/, utrzymaj dokładnie taki sam adres w Astro.
• Pilnuj wielkości liter – Cloudflare Pages traktuje URL-e jako case-sensitive; utwórz przekierowania dla wariantów.
• Ustandaryzuj ukośniki – wybierz wersję z ukośnikiem końcowym lub bez i zastosuj ją konsekwentnie.
• Parametry zapytań – jeśli stare wtyczki generowały ?utm=..., ustaw reguły, aby parametry nie blokowały cache.

Minimalny szablon _redirects dla Cloudflare Pages możesz przygotować tak:

/aktualnosci/nasza-oferta-2023     /blog/nasza-oferta-2023/     301
/blog/2020/01/stary-artykul        /blog/stary-artykul/         301
/kontakt                           /kontakt                        200

Gdy mapowań jest więcej niż 20, warto stworzyć arkusz do kontroli:

source_url,target_url,status
https://twojadomena.pl/uslugi/www-wordpress,https://twojadomena.pl/blog/migracja-z-wordpressa/,301
https://twojadomena.pl/blog/stary-poradnik,https://twojadomena.pl/blog/stary-poradnik-odswiezony/,301

4. Model treści w Keystatic – porządek zamiast chaosu w panelu

Keystatic pozwala stworzyć czytelne kolekcje zamiast dziesiątek wtyczek. Najczęściej dla firm usługowych konfiguruję:

• blog – z polami: title, description, pubDate, tags, excerpt, body, readingTime, translationSlug.
• services – opis oferty, USP, FAQ (możesz użyć elementów podobnych do tych z artykułu Strona wizytówkowa z Keystatic CMS).
• cities – landing page w formacie „usługa + miasto”, zgodnie z taktyką opisaną w Strona wizytówkowa, która zdobywa frazy "usługa + miasto" w całej Polsce.

Editor w Keystatic działa w przeglądarce, więc redaktor może dodać wpis, a Ty zatwierdzasz PR na GitHubie. Zero ryzyka, że ktoś zresetuje konfigurację jak w WordPressie.

5. Nowy stack: Astro + Tailwind + Cloudflare Pages + Functions

Jak zastąpić najpopularniejsze wtyczki?

Funkcjonalność w WordPressie	Zamiennik w nowym stacku
Formularze kontaktowe + ochrona przed spamem	Formularz HTML + Cloudflare Workers + Turnstile lub honeypot
SEO (Yoast, RankMath)	Frontmatter + manualne meta + lekki komponent SEO w Astro
Optymalizacja obrazów	Skrypt pipeline obrazów AVIF/WebP + @astrojs/image
Optymalizacja fontów	Subsetowanie wg poradnika Optymalizacja fontów na stronie WWW
Cache + CDN	Cloudflare Pages + defaultowy CDN + Workers Cache API
Backup	Kontrola wersji Git + snapshoty w repo + eksport Keystatic

Astro generuje statyczne pliki, a tam, gdzie potrzebujesz dynamicznych elementów (formularz, kalkulator), dodajesz wyspy HTMX lub React oraz Functions na Cloudflare. Zyskujesz szybkość i kontrolę.

6. SEO podczas migracji – checklista „zero strat”

• Meta i nagłówki – przenieś tytuły, opisy, H1-H3; w nowym stacku edytujesz je w frontmatter.
• Dane strukturalne – dodaj JSON-LD LocalBusiness, Service, Article, FAQ. Możesz skopiować fragmenty z artykułu Jak zadbać o bezpieczeństwo swojej strony internetowej, gdzie opisuję ujęcie polityki prywatności.
• Hreflang – jeśli masz wersję EN, zachowaj slug w translationSlug i ustaw hreflang="pl-PL" oraz en-GB.
• Sitemap i robots – generowana automatycznie w Astro, zaktualizuj robots.txt, aby wskazać nową sitemapę.
• Testy 301 – przed deployem wrzuć _redirects na staging i sprawdź 10 kluczowych adresów przez curl -I.
• Monitoring – po wdrożeniu śledź Search Console i raport „Pokrycie”. Spadki to sygnał, że któreś przekierowanie nie działa.

7. Wydajność po migracji – czemu Astro wygrywa

Wyniki, które osiągamy po migracji na kodowany stack:

• LCP < 1,8 s dzięki agresywnemu lazy loadingowi i pipeline’owi obrazów (zobacz Obrazy bez kompromisów: pipeline dla stron wizytówkowych).
• INP < 200 ms – brak ciężkich wtyczek JS, tylko komponenty potrzebne użytkownikom.
• CLS bliski 0 – precyzyjne aspect-ratio i inlinowany krytyczny CSS.
• Font Display – subsetting i preload opisane w Optymalizacja fontów na stronie WWW.
• Bezpieczeństwo – brak panelu WordPress = brak botów logujących się na /wp-admin.

8. Wdrożenie i testy QA

1. Środowisko staging – postaw wersję na subdomenie (np. preview.twojadomena.pl).
2. Sprawdź formularze – wyślij testowe zapytanie, zweryfikuj integracje (CRM, e-mail).
3. Dostępność – użyj axe DevTools, przejdź checklistę Dostępność WCAG 2025.
4. Analityka – osadź cookieless metryki zgodnie z poradnikiem RODO.
5. Smoke test mobilny – otwórz stronę na telefonie, zwróć uwagę na prędkość i tap targets.
6. Kopie zapasowe – przed przełączeniem DNS zrób snapshot repo i archiwum WordPressa (na wszelki wypadek).

9. Harmonogram i koszty migracji

Etap	Zakres	Typowy czas	Szacunkowy koszt netto
Audyt i inwentaryzacja	Eksport treści, analiza SEO, plan 301	3–5 dni	1200–1800 zł
Projekt informacji + Keystatic	Model kolekcji, struktura nawigacji, content mapping	3–4 dni	900–1400 zł
Implementacja Astro + integracje	Layout, komponenty, formularze, pipeline obrazów	7–10 dni	2400–3600 zł
QA + performance + SEO	Testy 301, Lighthouse, Search Console, WCAG	3–4 dni	800–1200 zł
Launch + monitoring	Deploy na Cloudflare, obserwacja metryk 30 dni	2 dni	500–700 zł

W sumie dla typowej strony usługowej mówimy o 2–4 tygodniach pracy i budżecie 5800–8700 zł netto. To często mniej niż 3-letnie utrzymanie złożonego WordPressa, a efekt to spokojny sen i szybsza strona.

10. Materiały do użycia od razu

Lista kontrolna migracji (skrót)

• Export treści i multimediów z WordPressa
• Mapa URL + priorytet ruchu (na podstawie Search Console)
• Przygotowana lista przekierowań _redirects
• Kolekcje Keystatic (blog, services, cities)
• Wdrożone dane strukturalne (LocalBusiness, Service, Article, FAQ)
• Testy 301 (curl, Screaming Frog), testy formularzy
• Raport Lighthouse (desktop/mobile) zapisany do porównania

Schemat procesu (tekstowy)

WordPress (eksport treści, analiza SEO)
        ↓
Mapowanie URL + plan 301 + projekt kolekcji Keystatic
        ↓
Astro + Tailwind + Cloudflare Pages (implementacja + QA)
        ↓
Launch + monitorowanie metryk + iteracje rozwojowe

FAQ – najczęstsze pytania klientów z Bytomia

Czy po migracji muszę dalej płacić za hosting WordPress?

Nie. Cała strona działa statycznie na Cloudflare Pages, więc WordPress i jego hosting można wyłączyć po okresie obserwacji (zazwyczaj 30 dni), zostawiając jedynie backup.

Co jeśli w przyszłości będę chciał rozbudować stronę o sklep?

Astro świetnie łączy się z usługami typu Shopify lub z headless CMS (np. Medusa). Migracja z WordPressa porządkuje kod, dzięki czemu kolejne moduły wdrożymy bez technicznego długu.

Jak szybko zobaczę efekty w Google?

Jeśli przekierowania 301 i struktura treści są przygotowane poprawnie, ruch organiczny pozostaje stabilny. Zazwyczaj po 4–6 tygodniach widać poprawę metryk Core Web Vitals i drobny wzrost pozycji na frazy lokalne.

Następne kroki – zacznijmy od bezpłatnej oceny migracji

Migracja z WordPressa na kodowaną stronę nie musi być ryzykowna. Jeśli chcesz sprawdzić, jaki będzie koszt, harmonogram i którędy poprowadzić przekierowania, umów bezpłatną konsultację. Możesz też zadzwonić pod +48 697 433 120 lub napisać na kontakt@qualix.pl. Razem przygotujemy plan, dzięki któremu Twoja strona będzie szybsza, bezpieczniejsza i zdobywająca więcej zapytań z Bytomia i całego Śląska.

Na koniec pamiętaj o mierzeniu efektów: porównaj raporty Search Console po 30 i 60 dniach, sprawdź średni czas ładowania oraz liczbę nowych kontaktów z formularzy. Jeżeli potrzebujesz wsparcia w interpretacji wyników – chętnie pomogę.