--- title: "Migracja z Webflow do Astro bez utraty pozycji w Google" description: "Migracja z Webflow do Astro: eksport kodu pomija CMS, formularze i wersje językowe. Co wyeksportować, co odbudować i jak zachować adresy URL i SEO." url: "https://dardo.studio/pl/blog/migracja-z-webflow-do-astro/" language: "pl" translations: {"en":"https://dardo.studio/en/blog/webflow-to-astro/","es":"https://dardo.studio/es/blog/migrar-de-webflow-a-astro/","fr":"https://dardo.studio/fr/blog/migrer-webflow-vers-astro/","de":"https://dardo.studio/de/blog/webflow-zu-astro-migrieren/","it":"https://dardo.studio/it/blog/migrare-da-webflow-ad-astro/","pt":"https://dardo.studio/pt/blog/migrar-de-webflow-para-astro/","nl":"https://dardo.studio/nl/blog/webflow-naar-astro/","sv":"https://dardo.studio/sv/blogg/migrera-webflow-till-astro/","uk":"https://dardo.studio/uk/blog/webflow-to-astro/","ru":"https://dardo.studio/ru/blog/webflow-to-astro/","ar":"https://dardo.studio/ar/blog/webflow-to-astro/","hi":"https://dardo.studio/hi/blog/webflow-to-astro/","th":"https://dardo.studio/th/blog/webflow-to-astro/","ja":"https://dardo.studio/ja/blog/webflow-to-astro/","ko":"https://dardo.studio/ko/blog/webflow-to-astro/","zh-Hans":"https://dardo.studio/zh-Hans/blog/webflow-to-astro/","zh-Hant":"https://dardo.studio/zh-Hant/blog/webflow-to-astro/"} updated: "2026-10-13T02:19:46.154Z" --- [Blog](https://dardo.studio/pl/blog/) # Migracja z Webflow do Astro: jak przenieść stronę bez utraty treści, designu i pozycji w Google Migracja z Webflow do Astro: eksport kodu pomija CMS, formularze, wyszukiwarkę i wersje językowe. Co wyciągnąć, co odbudować i jak zachować pozycje. Autor: [Nicolás Cerón](https://dardo.studio/pl/studio/) ·12 października 2026 ![Stara kamienna śluza nocą: przez otwarte drewniane wrota mała karmazynowa łódka wypływa z rwącego kanału do spokojnego portu, a na wzgórzu nad nim świeci oświetlone obserwatorium.](https://dardo.studio/_astro/01M4SGD5R7TZ48H2M3RJ9DSK7D_Z2nrI.webp) ## Najważniejsze wnioski - Webflow eksportuje HTML, CSS, JavaScript i obrazy w płatnych planach Workspace, ale bez treści z CMS, obsługi formularzy, wyszukiwarki na stronie, ochrony hasłem i dodatkowych wersji językowych. - Wyeksportuj każdą kolekcję CMS do CSV, osobno dla każdego języka, albo pobierz ją przez Webflow Data API, i pobierz każdy obraz: wyeksportowane pola obrazów nadal wskazują na hosting Webflow. - Traktuj eksport kodu jako punkt odniesienia, a nie nową stronę: zawiera JavaScript Webflow, jQuery i puste Collection lists. - Webflow serwuje adresy URL bez końcowego ukośnika; ustaw w Astro trailingSlash i build.format tak, by były zgodne, i dodaj po stronie serwera przekierowania 301 jeden do jednego dla wszystkiego, co się zmienia. - Zanim zamkniesz projekt w Webflow, sprawdź, czy żaden obraz, plik PDF ani obraz Open Graph nie jest nadal serwowany z website-files.com. ## Krótka odpowiedź Z Webflow łatwiej odejść niż z Framera, który w ogóle nie eksportuje HTML, ale tylko do pewnego stopnia. W płatnych planach Workspace możesz wyeksportować HTML, CSS, JavaScript i obrazy strony, a potem hostować je gdziekolwiek. Centrum pomocy Webflow równie jasno mówi, co zostaje w środku: treści z CMS, obsługa formularzy, wyszukiwarka na stronie, ochrona hasłem, wersje językowe i code components nie trafiają do eksportu, a Collection lists pokazują stan pusty ([Webflow Help](https://help.webflow.com/hc/en-us/articles/33961386739347-How-do-I-export-my-Webflow-site-code)). Dlatego migracja z Webflow do Astro to po części eksport, a po części przebudowa. Eksportujesz to, co daje Webflow, wyciągasz treści z CMS jako CSV albo przez API, odbudowujesz każdy szablon jako komponenty Astro, zastępujesz formularze i wyszukiwarkę, odtwarzasz interakcje, które chcesz zachować, i dajesz każdemu zmienionemu adresowi URL stałe przekierowanie. W tej kolejności nowa strona zachowuje design, treści i pozycje w Google. ## Dlaczego firmy przechodzą z Webflow na Astro Webflow to mocny kreator wizualny i wiele zespołów marketingu powinno na nim zostać. Powody, by odejść, dotyczą zwykle własności i kosztów, a nie designu: - **Stroną zaczynają zarządzać programiści.** Gdy większość zmian wprowadza zespół techniczny, kod we własnym repozytorium jest wygodniejszy w pracy niż wizualne płótno i może leżeć obok Twojego produktu, backendu i testów. - **Koszt planu za każdą stronę.** Według [cennika Webflow](https://webflow.com/pricing), sprawdzonego 13 października 2026 r., plan Basic dla jednej strony kosztuje 15 USD miesięcznie, a Premium, czyli plan z Webflow CMS, 25 USD miesięcznie, w obu przypadkach przy rozliczeniu rocznym. Lokalizacja to dodatek od 9 USD miesięcznie. - **Funkcje, które wymagają prawdziwego backendu:** formularze zapisujące dane w Twoim CRM, treści dostępne po zalogowaniu, wyszukiwanie w więcej niż jednej witrynie albo wszystko, co musi działać na Twojej własnej infrastrukturze. - **Sam eksport nie wystarczy, żeby odejść.** Eksport kodu wymaga płatnego planu Workspace, a nie tylko planu strony, i pomija CMS. Czyste wyjście i tak trzeba zaplanować. Jeśli Twój zespół marketingu co tydzień publikuje strony w edytorze wizualnym, a strona spełnia swoje zadanie, pozostanie na Webflow jest rozsądnym wyborem. Migracja powinna dawać coś konkretnego. ## Co obejmuje eksport kodu z Webflow, a co pomija | Element strony | Czy jest w eksporcie kodu? | Co zrobić w Astro | | ----------------------------------------------- | --------------------------------------------- | --------------------------------------------------------------- | | Strony statyczne | Tak, jako pliki .html, tylko w języku głównym | Odbudować jako strony i komponenty Astro | | Style | Tak: CSS strony, webflow.css i normalize.css | Traktować jako punkt odniesienia i zostawić tylko potrzebny CSS | | Interakcje i komponenty | Tak, przez pliki JavaScript Webflow | Odtworzyć w CSS albo krótkim skryptem | | Obrazy z panelu Assets | Tak | Zoptymalizować przez astro:assets | | Elementy i listy kolekcji CMS | Nie; listy pokazują stan pusty | Wyeksportować do CSV albo pobrać przez API | | Zgłoszenia z formularzy | Brak obsługi | Podłączyć każdy formularz do własnego endpointu | | Wyszukiwarka na stronie | Nie | Dodać statyczny indeks albo usługę wyszukiwania | | Ochrona hasłem | Nie | Zabezpieczyć strony u dostawcy hostingu albo w aplikacji | | Dodatkowe wersje językowe | Nie; tylko język główny | Odbudować z routingiem i18n w Astro | | E-commerce, konta użytkowników, code components | Nie | Zaplanować każdy z nich jako osobny projekt | Źródło: artykuł w centrum pomocy Webflow o [eksporcie kodu strony](https://help.webflow.com/hc/en-us/articles/33961386739347-How-do-I-export-my-Webflow-site-code). ## Co zobaczyliśmy, analizując opublikowane strony na Webflow 13 października 2026 r. pobraliśmy strony główne siedmiu witryn zbudowanych w Webflow, w tym samej webflow.com, i sprawdziliśmy, co musiałaby przenieść migracja: - **Wszystkie siedem witryn ładuje jQuery i obrazy z serwerów Webflow.** Obrazy pochodzą z cdn.prod.website-files.com, a samo centrum pomocy Webflow zaznacza, że pola obrazów i plików wyeksportowane do CSV to linki do hostingu pierwotnego projektu, które przestają działać, gdy ten projekt zostanie usunięty ([Webflow Help](https://help.webflow.com/hc/en-us/articles/33961290794771-How-do-I-import-content-into-the-Webflow-CMS)). Każdy zasób trzeba pobrać i hostować na nowo. - **Wszystkie siedem serwuje z Webflow także obraz do udostępniania w mediach społecznościowych.** O obrazie Open Graph łatwo zapomnieć, a podglądy linków na LinkedInie czy w WhatsAppie tracą obraz, gdy stary projekt zostanie zamknięty. - **Wszystkie siedem renderuje listy z CMS bezpośrednio w opublikowanym HTML**, od 3 do 19 Collection lists na stronę główną. To dobra wiadomość. Stronę na Framerze, jak pokazujemy w [przewodniku migracji z Framera do Astro](https://dardo.studio/pl/blog/migracja-z-framera-do-astro/), runtime odbudowuje dopiero po załadowaniu. Opublikowana strona na Webflow jest za to pełnym punktem odniesienia: widać na niej, jaka treść trafia w które miejsce, choć eksport kodu zostawia te listy puste. - **Pięć z siedmiu korzysta z Webflow Interactions**, oznaczonych atrybutami data-w-id, na jednej ze stron głównych aż na 109 elementach. Każda interakcja to mały fragment zachowania do odtworzenia albo decyzja, by z niego zrezygnować. ## Migracja z Webflow do Astro krok po kroku 1. **Spisz każdy adres URL.** Webflow automatycznie generuje plik /sitemap.xml, gdy ta opcja jest włączona ([Webflow Help](https://help.webflow.com/hc/en-us/articles/33961355371667-Create-a-sitemap-in-Webflow)). Dodaj każdą podstronę kolekcji (Collection page), pobierz raport Strony z Google Search Console dla najdłuższego dostępnego zakresu dat i wyeksportuj istniejące przekierowania 301 do CSV w Site settings, Publishing ([Webflow Help](https://help.webflow.com/hc/en-us/articles/33961211526291-Import-export-301-redirects)). 2. **Wyeksportuj treści.** Wyeksportuj każdą kolekcję CMS do CSV z panelu CMS, osobno dla każdego języka, jeśli korzystasz z Localize, i zachowaj kolumnę Item ID. CSV spłaszcza dane: pola referencji trafiają do niego jako zwykły tekst, multi-referencje jako tekst rozdzielony przecinkami, a rich text jako HTML. Przy wszystkim, co zawiera referencje, [Webflow Data API](https://developers.webflow.com/data/reference/cms/collection-items) zwraca elementy razem z ich polami i wersjami językowymi, co zwykle jest czystszym rozwiązaniem niż ponowne sklejanie plików CSV. 3. **Pobierz każdy zasób.** Obrazy, pliki PDF, fonty, których licencja pozwala na samodzielny hosting, obrazy Open Graph i favicon. Nie zamykaj projektu w Webflow, dopóki nowa strona nie przestanie odwoływać się do website-files.com. 4. **Wyeksportuj kod jako punkt odniesienia.** Jeśli masz płatny plan Workspace, wyeksportuj HTML i CSS. Nie wdrażaj go jako nowej strony: zawierałby webflow.js, jQuery i puste listy CMS. Użyj go, by odczytać dokładne odstępy, breakpointy i strukturę klas. 5. **Zamodeluj treści w Astro.** Zamień każdą kolekcję w [content collection](https://docs.astro.build/en/guides/content-collections/) Astro albo w model w headless CMS, zachowując referencje jako referencje, a następnie odbuduj każdy szablon jako komponenty Astro i przenieś obrazy do [astro:assets](https://docs.astro.build/en/guides/images/). 6. **Odtwórz interakcje, które niosą znaczenie.** Większość Webflow Interactions staje się przejściami CSS, animacjami keyframes albo kilkoma linijkami JavaScriptu. Przy cięższych animacjach możesz sięgnąć po GSAP, który jest darmowy do użytku komercyjnego od kwietnia 2025 r., kiedy udostępnił go tak Webflow ([Webflow](https://webflow.com/blog/gsap-becomes-free)). W każdym przypadku respektuj prefers-reduced-motion. 7. **Zastąp formularze, wyszukiwarkę i strony chronione hasłem.** Daj każdemu formularzowi prawdziwy endpoint (Cloudflare Worker, usługa obsługi formularzy albo Twój CRM), dodaj statyczny indeks wyszukiwania, na przykład [Pagefind](https://pagefind.app/), jeśli strona potrzebuje wyszukiwarki, i przenieś ochronę hasłem do hostingu albo aplikacji. 8. **Porządnie odbuduj wersje językowe.** Eksport kodu zawiera tylko język główny, więc zbuduj każdy język z [routingiem i18n w Astro](https://docs.astro.build/en/guides/internationalization/), z jednym adresem URL na język i tagami hreflang między wersjami. 9. **Dopasuj format adresów URL.** Webflow serwuje strony bez końcowego ukośnika i przekierowuje /pricing/ na /pricing. Ustaw w Astro opcje trailingSlash i build.format tak, by nowa strona generowała te same adresy ([opis konfiguracji Astro](https://docs.astro.build/en/reference/configuration-reference/)); każda niezgodność oznacza zbędne przekierowanie. 10. **Przekierowuj na serwerze, potem uruchom stronę i obserwuj.** Statyczny build Astro bez adaptera zamienia skonfigurowane przekierowania w strony meta refresh, więc ustaw przekierowania 301 jeden do jednego tam, gdzie strona jest hostowana, na przykład w pliku \_redirects w Cloudflare. Przełącz DNS, zachowaj projekt w Webflow, dopóki nowa strona nie zostanie sprawdzona, i śledź raporty indeksowania w Search Console przez kolejne tygodnie. Nasza [checklista SEO przy migracji strony](https://dardo.studio/pl/blog/migracja-strony-seo-checklista/) obejmuje dzień startu i 90 dni po nim. ## Co zmienia się po przeprowadzce | Obszar | W Webflow | W Astro | | ------------ | ------------------------------------------- | -------------------------------------------------------------------- | | Edycja | Wizualny Designer i edytor Webflow CMS | Pola w CMS albo kod, zależnie od wyboru | | Hosting | Hosting Webflow, rozliczany za każdą stronę | Dowolny hosting statyczny lub platforma edge, na przykład Cloudflare | | CMS | Kolekcje Webflow (Collections) | Content collections albo headless CMS | | Formularze | Obsługa formularzy w Webflow | Własny endpoint i własne miejsce na dane | | Wyszukiwarka | Wyszukiwarka Webflow (plan Premium) | Statyczny indeks albo usługa wyszukiwania | | Lokalizacja | Dodatek Webflow Localize | Routing i18n w Astro, jeden adres URL na język | | Animacje | Webflow Interactions i GSAP | CSS i JavaScript, które należą do Ciebie i które możesz mierzyć | ## Jak zachować SEO Wytyczne Google dotyczące [przenoszenia witryny ze zmianą adresów URL](https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes) mają tu pełne zastosowanie: przypisz każdy stary adres URL do najbliższego nowego odpowiednika, użyj stałych przekierowań po stronie serwera i utrzymuj je co najmniej przez rok. Jeśli adresy URL pozostają identyczne, co przy starannej przebudowie z Webflow często się udaje, wystarczy w zasadzie sprawdzić, czy tytuły, opisy, tagi canonical, dane strukturalne i obrazy Open Graph zostały przeniesione. Pułapki typowe dla Webflow to pozostałości: obraz Open Graph albo plik PDF nadal serwowany z website-files.com, testowy adres na webflow.io, który wciąż jest zaindeksowany, albo podstrona z CMS, której slug zmienił się podczas przeprowadzki. Sprawdź wszystkie trzy rzeczy, zanim zamkniesz projekt w Webflow. ## Jak Dardo przeprowadza migrację z Webflow Przeprowadzki z Webflow realizujemy w ramach usługi [migracji strony internetowej](https://dardo.studio/pl/uslugi/migracja-strony-internetowej/): inwentaryzacja adresów URL i treści, eksport CMS, najpierw jedna reprezentatywna strona odbudowana i sprawdzona w uzgodnionych szerokościach ekranu, a potem pozostałe szablony, formularze i przekierowania. Sama budowa to [tworzenie stron internetowych](https://dardo.studio/pl/uslugi/tworzenie-stron-internetowych/) w Astro, a animacje to [kreatywny development](https://dardo.studio/pl/uslugi/kreatywny-development/). Ta strona, dardo.studio, działa na Astro w Cloudflare Workers, a jej treści są w headless CMS, przez który piszemy i publikujemy też tego bloga. Jeśli rozważasz przeprowadzkę, [wyślij nam adres strony i napisz, co chcesz zmienić](https://dardo.studio/pl/kontakt/?service=website-migration). Zanim przygotujemy wycenę, powiemy, czy odejście z Webflow ma sens. ## Najczęstsze pytania **Czy mogę wyeksportować stronę z Webflow do HTML?** Tak, w płatnych planach Workspace: Webflow eksportuje HTML, CSS, JavaScript i obrazy, a Ty możesz hostować je gdziekolwiek, bez obowiązku atrybucji. Same plany strony nie obejmują eksportu kodu, a eksport pomija treści z CMS, obsługę formularzy, wyszukiwarkę na stronie, ochronę hasłem i dodatkowe wersje językowe. **Czy eksport kodu z Webflow zawiera treści z CMS?** Nie. Collection lists pokazują stan pusty, a strony kolekcji tracą treści powiązane z ich polami. Wyeksportuj każdą kolekcję do CSV z panelu CMS albo pobierz ją przez Webflow Data API, które utrzymuje pola i wersje językowe razem. **Czy stracę pozycje w Google po przejściu z Webflow na Astro?** Nie, jeśli każdy adres URL, który przynosi ruch, nadal działa. Zachowaj te same ścieżki, łącznie z formatem Webflow bez końcowego ukośnika, dodaj stałe przekierowania 301 dla wszystkiego, co się zmienia, przenieś tytuły, opisy i dane strukturalne oraz obserwuj Search Console przez kilka tygodni po starcie. **Czy interakcje z Webflow działają w Astro?** Nie w obecnej postaci. Działają na JavaScripcie Webflow, więc każdą interakcję, którą chcesz zachować, odtwarza się w CSS albo krótkim skryptem. Przy cięższych animacjach możesz użyć GSAP, który jest darmowy do użytku komercyjnego od kwietnia 2025 r. **Co dzieje się z formularzami z Webflow po migracji?** Wyeksportowane formularze nigdzie nie wysyłają danych, bo Webflow obsługuje zgłoszenia na własnym hostingu. Podłącz każdy formularz do własnego endpointu, na przykład Cloudflare Workera, usługi obsługi formularzy albo Twojego CRM, przetestuj dostarczanie przed startem i osobno wyeksportuj z Webflow wcześniejsze zgłoszenia. **Czy po odejściu z Webflow mój zespół nadal będzie mógł edytować stronę bez kodowania?** Tak, jeśli strona w Astro korzysta z headless CMS. Redaktorzy pracują w interfejsie webowym, a strona jest budowana na nowo z tych treści. Tak działa dardo.studio. ## Źródła i dalsza lektura Źródła tej strony wraz z dodatkowymi informacjami od oryginalnych wydawców. - [Webflow Help: jak wyeksportować kod strony z Webflow? (po angielsku)](https://help.webflow.com/hc/en-us/articles/33961386739347-How-do-I-export-my-Webflow-site-code) · help.webflow.com - [Webflow Help: import i eksport treści kolekcji CMS (po angielsku)](https://help.webflow.com/hc/en-us/articles/33961290794771-How-do-I-import-content-into-the-Webflow-CMS) · help.webflow.com - [Webflow Help: import i eksport przekierowań 301 (po angielsku)](https://help.webflow.com/hc/en-us/articles/33961211526291-Import-export-301-redirects) · help.webflow.com - [Webflow Help: tworzenie mapy witryny w Webflow (po angielsku)](https://help.webflow.com/hc/en-us/articles/33961355371667-Create-a-sitemap-in-Webflow) · help.webflow.com - [Cennik Webflow](https://webflow.com/pricing) · webflow.com - [Webflow Data API: lista elementów kolekcji (po angielsku)](https://developers.webflow.com/data/reference/cms/collection-items) · developers.webflow.com - [Webflow: GSAP staje się w 100% darmowy (po angielsku)](https://webflow.com/blog/gsap-becomes-free) · webflow.com - [Dokumentacja Astro: content collections](https://docs.astro.build/en/guides/content-collections/) · docs.astro.build - [Dokumentacja Astro: obrazy](https://docs.astro.build/en/guides/images/) · docs.astro.build - [Dokumentacja Astro: routing i18n](https://docs.astro.build/en/guides/internationalization/) · docs.astro.build - [Dokumentacja Astro: opis konfiguracji](https://docs.astro.build/en/reference/configuration-reference/) · docs.astro.build - [Pagefind: wyszukiwarka statyczna (po angielsku)](https://pagefind.app/) · pagefind.app - [Google Search Central: przenoszenie witryny ze zmianą adresów URL](https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes) · developers.google.com [Nicolás Cerón](https://dardo.studio/pl/studio/) Nicolás Cerón jest założycielem Dardo, studia brandingu, projektowania i tworzenia stron internetowych z siedzibą w Bogocie w Kolumbii. ## Powiązane artykuły - [**Migracja z Framera do Astro: jak przenieść stronę bez utraty designu i pozycji w Google**Framer nie ma eksportu HTML, więc przejście na Astro to przebudowa. Co zapisać najpierw, co się psuje i jak zachować design, adresy URL i pozycje.](https://dardo.studio/pl/blog/migracja-z-framera-do-astro/) - [**Checklista SEO przy migracji strony: zmiana platformy lub domeny bez utraty pozycji**Pozycje rzadko spadają przez nową platformę. Spadają, bo adresy URL, które zdobywały ruch, przestają odpowiadać. Checklista od inwentaryzacji URL-i do 90. dnia.](https://dardo.studio/pl/blog/migracja-strony-seo-checklista/) - [**Migracja z WordPressa do Astro: jak przenieść stronę, headless lub w całości, bez utraty pozycji w Google**Migracja z WordPressa do Astro na dwa sposoby: co wyeksportować, jak zachować tytuły z Yoast, odnośniki i obrazy oraz adresy URL, o których się zapomina.](https://dardo.studio/pl/blog/migracja-z-wordpressa-do-astro/) - [**WordPress czy strona dedykowana? Jak wybrać i kiedy każda z opcji się opłaca**WordPress czy strona dedykowana? Kiedy która opcja się opłaca i czym jest headless WordPress: porównanie kosztów, szybkości, aktualizacji i własności.](https://dardo.studio/pl/blog/wordpress-czy-strona-dedykowana/) ## Odkrywaj dalej. - [Usługa · **Migracja strony internetowej bez utraty SEO**](https://dardo.studio/pl/uslugi/migracja-strony-internetowej/) - [Twój projekt · **Zacznijmy rozmowę**](https://dardo.studio/pl/kontakt/)