--- title: "Migracja z Framera do Astro bez utraty pozycji w Google" description: "Framer nie eksportuje HTML. Jak przenieść stronę z Framera do Astro: co zapisać, jak odtworzyć CMS, animacje i formularze oraz zachować adresy URL i SEO." url: "https://dardo.studio/pl/blog/migracja-z-framera-do-astro/" language: "pl" translations: {"en":"https://dardo.studio/en/blog/framer-to-astro/","es":"https://dardo.studio/es/blog/migrar-de-framer-a-astro/","fr":"https://dardo.studio/fr/blog/migrer-framer-vers-astro/","de":"https://dardo.studio/de/blog/framer-zu-astro-migrieren/","it":"https://dardo.studio/it/blog/migrare-da-framer-ad-astro/","pt":"https://dardo.studio/pt/blog/migrar-de-framer-para-astro/","nl":"https://dardo.studio/nl/blog/framer-naar-astro/","sv":"https://dardo.studio/sv/blogg/migrera-framer-till-astro/","uk":"https://dardo.studio/uk/blog/framer-to-astro/","ru":"https://dardo.studio/ru/blog/framer-to-astro/","ar":"https://dardo.studio/ar/blog/framer-to-astro/","hi":"https://dardo.studio/hi/blog/framer-to-astro/","th":"https://dardo.studio/th/blog/framer-to-astro/","ja":"https://dardo.studio/ja/blog/framer-to-astro/","ko":"https://dardo.studio/ko/blog/framer-to-astro/","zh-Hans":"https://dardo.studio/zh-Hans/blog/framer-to-astro/","zh-Hant":"https://dardo.studio/zh-Hant/blog/framer-to-astro/"} updated: "2026-10-13T01:01:13.018Z" --- [Blog](https://dardo.studio/pl/blog/) # 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. Autor: [Nicolás Cerón](https://dardo.studio/pl/studio/) ·12 października 2026 ![Pusta złocona rama na sztaludze w pracowni malarza nocą, z karmazynową nicią biegnącą od ramy przez otwarte okno i w górę ścieżką na zboczu do oświetlonego obserwatorium pod gwiazdami.](https://dardo.studio/_astro/01M4S57PW4TH7D1E7E3RQM4Z4E_Z3SVDC.webp) ## Najważniejsze wnioski - Framer nie oferuje eksportu HTML do samodzielnego hostingu, więc przejście na Astro oznacza przebudowę strony, w której punktem odniesienia są opublikowane strony z Framera. - Przed przebudową zapisz każdy adres URL, kolekcję CMS, breakpoint i animację, bo Framer ładuje treści, obrazy i kod z własnego CDN i runtime'u. - Formularze i pliki CMS Framera zależą od jego runtime'u: podłącz każdy formularz do własnego endpointu i przenieś treści do kolekcji Astro albo do headless CMS. - Ustaw przekierowania 301 jeden do jednego po stronie serwera u dostawcy hostingu; statyczny build Astro bez adaptera tworzy tylko przekierowania meta refresh. - Po starcie upewnij się, że żaden tag canonical, wpis w mapie witryny ani tag Open Graph nie wskazuje już starego adresu na Framerze. ## Krótka odpowiedź Centrum pomocy Framera mówi wprost, że Framer nie oferuje eksportu HTML do samodzielnego hostingu ([Framer Help](https://www.framer.com/help/articles/can-i-export-my-website-to-html-and-self-host-it/)). Dlatego migracja z Framera do Astro to przebudowa, a nie eksport. Zapisujesz opublikowaną stronę jako punkt odniesienia, odtwarzasz każdy szablon jako komponenty Astro, przenosisz treści z CMS do kolekcji, odtwarzasz animacje, których naprawdę potrzebujesz, i dajesz każdemu zmienionemu adresowi URL stałe przekierowanie. W tej kolejności nowa strona może wyglądać tak samo, ładować mniej JavaScriptu i zachować pozycje w Google. Jeśli pominiesz zapis strony albo mapę przekierowań, skończysz z redesignem, o który nikt nie prosił, i spadkiem ruchu z wyszukiwarki. ## Dlaczego firmy odchodzą z Framera Framer to dobre narzędzie do szybkiego projektowania i publikowania stron marketingowych. Powody, by z niego odejść, są zwykle praktyczne, a nie estetyczne: - **Hosting i własność.** Strona na Framerze działa na serwerach Framera. Zespoły, które chcą mieć kod we własnym repozytorium, na własnym hostingu albo obok własnego backendu, potrzebują przebudowy. - **Koszt planu za każdą stronę.** Według [cennika Framera](https://www.framer.com/pricing/), sprawdzonego 12 października 2026 r., plan Basic kosztuje 10 USD miesięcznie, a plan Pro, który dodaje przekierowania, 30 USD miesięcznie, w obu przypadkach przy rozliczeniu rocznym. Lokalizacja to płatny dodatek. - **Ograniczenia przekierowań.** Przekierowania we Framerze działają tylko dla ścieżek w obrębie tej samej domeny ([Framer Help](https://www.framer.com/help/articles/how-to-setup-redirects-to-maintain-seo-ranking/)). - **Formularze, dane i integracje**, które wymagają prawdziwego backendu: CRM, system rezerwacji, treści dostępne po zalogowaniu albo wszystko, co musi działać na Twojej własnej infrastrukturze. Jeśli Twój zespół marketingu co tydzień buduje i edytuje strony wizualnie, a strona spełnia swoje zadanie, pozostanie na Framerze może być dobrą decyzją. Migracja kosztuje czas projektantów i programistów, więc powinna dawać coś konkretnego. ## Czego nauczyło nas budowanie narzędzia do zapisu stron z Framera Dardo zbudowało wewnętrzne narzędzie, które zapisuje opublikowaną stronę z Framera (witrynę, której jesteś właścicielem) i zamienia ją w samodzielny plik referencyjny oraz tracker migracji do Astro z jednym wierszem na każdy element do odbudowania. Przy jego budowie zobaczyliśmy, gdzie strony na Framerze ukrywają swoją złożoność: - **Zasoby są na CDN Framera.** Obrazy, fonty i kod ładują się z framerusercontent.com i powiązanych domen. Obrazy responsywne pobierają ten sam plik w kilku szerokościach (?width=512, ?width=1024), więc narzędzie zachowuje jeden lokalny plik na obraz, ten największy. - **JavaScript przychodzi warstwami.** Framer ładuje małe moduły, które jedynie reeksportują właściwy bundle, więc jedno przejście pomija część kodu. Narzędzie skanuje stronę ponownie, dopóki nie pojawi się żaden nowy moduł. - **Treści z CMS to osobny format plików.** Kolekcje CMS Framera są dostarczane jako pliki .framercms, które strona pobiera z CDN fragmentami (byte ranges). Na zwykłym hostingu statycznym te żądania zwracają cały plik, a moduł, który buduje ich adresy URL, wskazuje z powrotem na Framera. - **Runtime przepisuje stronę po załadowaniu.** Reactowy runtime Framera hydratuje HTML i może ponownie wstawić usunięte elementy. Na przykład plakietka „Made in Framer” jest hydratowana we własnym kontenerze. - **Formularze zależą od Framera.** Zapisane formularze nie mają w HTML atrybutu action; zgłoszenia działają wyłącznie przez runtime Framera po stronie klienta. - **Tagi SEO wskazują na Framera.** Jeśli ich nie przepiszesz, adresy canonical i Open Graph nadal będą wskazywać pierwotny adres na Framerze. - **Animacje to dane.** Efekty pojawiania się (appear effects) są zapisane w stronie jako dane JSON, dlatego narzędzie zapisuje je razem z klatkami kluczowymi i czasem trwania każdej uruchomionej animacji. Wniosek, jaki z tego wyciągnęliśmy: eksport jest materiałem dowodowym, a nie produktem końcowym. Nigdy nie wdrażamy zapisanego HTML-a ani runtime'u Framera. Pokazują nam za to dokładnie, co trzeba odbudować. ## Migracja z Framera do Astro krok po kroku 1. **Spisz każdy adres URL.** Zacznij od pliku sitemap.xml strony, dodaj każdą podstronę z CMS i pobierz raport Strony z Google Search Console dla najdłuższego dostępnego zakresu dat. Zanotuj przekierowania ustawione już we Framerze w Site Settings, Hosting. 2. **Wyeksportuj to, na co pozwala Framer.** Framer podaje, że treści z CMS można wyeksportować za pomocą wtyczek do formatów takich jak CSV czy JSON ([Framer Help](https://www.framer.com/help/articles/porting-your-data-from-framer/)). Pobierz każdy obraz i plik oraz sprawdź licencję każdego fontu, zanim zaczniesz hostować go samodzielnie. 3. **Zapisz opublikowaną stronę jako punkt odniesienia.** Zarejestruj każdy szablon w każdym breakpoincie oraz czas trwania każdej animacji, którą chcesz zachować. Nasze narzędzie zapisuje strony przy szerokości 1440, 810 i 390 pikseli, a potem przy każdym breakpoincie znalezionym w CSS strony: piksel poniżej, dokładnie w nim i piksel powyżej. 4. **Odbuduj szablony jako komponenty Astro.** Przenieś kolekcje CMS do [content collections](https://docs.astro.build/en/guides/content-collections/) albo do headless CMS, obrazy do [astro:assets](https://docs.astro.build/en/guides/images/), a wersje językowe do [routingu i18n w Astro](https://docs.astro.build/en/guides/internationalization/), z jednym adresem URL na każdy język. 5. **Odtwórz animacje, które niosą znaczenie.** Większość efektów z Framera staje się przejściami CSS, animacjami keyframes albo krótkim skryptem. Respektuj prefers-reduced-motion. W jednej z naszych własnych przebudów z Framera do Astro, 18-podstronowej witryny, która nie była projektem dla klienta, 217 z 219 stanów przewijania i interakcji zgadzało się z oryginałem w granicach 1% różnicy pikseli. 6. **Daj każdemu formularzowi prawdziwy endpoint.** Podłącz każdy formularz do własnego handlera (Cloudflare Worker, usługa obsługi formularzy albo Twój CRM) i przetestuj dostarczanie zgłoszeń na środowisku testowym. 7. **Przenieś metadane dla wyszukiwarek.** Tytuły, opisy, tagi Open Graph, dane strukturalne i samoodwołujący się tag canonical na każdej podstronie oraz nowa mapa witryny XML. 8. **Przekierowuj na serwerze, nie w HTML.** Statyczny build Astro bez adaptera zamienia skonfigurowane przekierowania w strony meta refresh, które nie mają kodu statusu HTTP ([opis konfiguracji Astro](https://docs.astro.build/en/reference/configuration-reference/)). Ustaw przekierowania 301 jeden do jednego tam, gdzie strona jest hostowana, na przykład w pliku \_redirects w Cloudflare albo w Workerze. 9. **Uruchom, a potem obserwuj.** Przełącz DNS, zachowaj projekt we Framerze, dopóki nowa strona nie zostanie sprawdzona, i śledź raporty indeksowania i Strony 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 | We Framerze | W Astro | | -------------- | ----------------------------------------------- | --------------------------------------------------------------------------------------------- | | Edycja | Wizualne płótno we Framerze | Pola w CMS albo kod, zależnie od wyboru | | Hosting | Serwery Framera | Dowolny hosting statyczny lub platforma edge, na przykład Cloudflare | | Przekierowania | Plan Pro; podścieżki w obrębie tej samej domeny | Przekierowania 301 po stronie serwera u Twojego dostawcy hostingu, bez ograniczenia do domeny | | Animacje | Wbudowane efekty i interakcje | CSS i JavaScript, które należą do Ciebie i które możesz mierzyć | | CMS | Kolekcje CMS Framera | Content collections albo headless CMS | | Formularze | Obsługa formularzy przez Framera | Własny endpoint i własne przechowywanie danych | ## Jak zachować SEO Poradnik Google o [przenoszeniu witryny ze zmianą adresów URL](https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes) ma tu pełne zastosowanie: przypisz każdy stary adres URL do najbliższego nowego odpowiednika, używaj stałych przekierowań po stronie serwera i utrzymuj je co najmniej przez rok. Jeśli adresy URL pozostaną identyczne, co przy starannej przebudowie często się udaje, wystarczy sprawdzić, czy nowe podstrony mają tę samą treść i metadane. Pułapka typowa dla Framera to pozostawiony stary adres na Framerze. Upewnij się, że żaden tag canonical, wpis w mapie witryny ani tag Open Graph nie wskazuje już starego adresu URL na Framerze, a projekt we Framerze zostanie wycofany z publikacji lub przekierowany, gdy nowa strona zacznie działać. ## Jak Dardo prowadzi migrację z Framera Przeprowadzki z Framera realizujemy w ramach usługi [migracji strony internetowej](https://dardo.studio/pl/uslugi/migracja-strony-internetowej/): inwentaryzacja, zapis strony, najpierw jedna reprezentatywna podstrona odbudowana i sprawdzona w uzgodnionych szerokościach, potem pozostałe szablony, formularze i przekierowania. Sama budowa to [tworzenie stron internetowych](https://dardo.studio/pl/uslugi/tworzenie-stron-internetowych/) w Astro, a praca nad animacjami to [kreatywny development](https://dardo.studio/pl/uslugi/kreatywny-development/). Ta strona, dardo.studio, działa na Astro na Cloudflare Workers, a jej treści są w headless CMS. To konfiguracja, której używamy najczęściej. 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 przebudowa się opłaca. ## Najczęstsze pytania **Czy mogę wyeksportować stronę z Framera do HTML?** Oficjalnie nie. Centrum pomocy Framera podaje, że Framer nie oferuje eksportu HTML do samodzielnego hostingu. Istnieją narzędzia, które zapisują opublikowaną stronę, ale wynik nadal zależy od runtime'u i CDN Framera, więc traktuj go jako punkt odniesienia do przebudowy, a nie coś do wdrożenia. **Czy stracę pozycje w Google po przejściu z Framera na Astro?** Nie, jeśli każdy adres URL, który przynosi ruch, nadal działa. Zachowaj identyczne ścieżki tam, gdzie to możliwe, dodaj stałe przekierowania 301 dla tych, które się zmieniają, przenieś tytuły, opisy i dane strukturalne oraz obserwuj Search Console przez kilka tygodni po starcie. **Czy mogę wyeksportować treści z CMS Framera?** Framer podaje, że treści z CMS można wyeksportować za pomocą wtyczek do formatów takich jak CSV czy JSON. Pobierz też każdy obraz i plik, bo pola kolekcji często wskazują na CDN Framera. **Czy po przejściu na Astro mój zespół nadal będzie mógł edytować stronę bez kodowania?** Tak, jeśli nowa strona korzysta z headless CMS. Redaktorzy pracują w interfejsie webowym, a strona w Astro jest budowana na nowo z tych treści. Tak działa dardo.studio. **Czy animacje z Framera działają w Astro?** Nie bezpośrednio. Efekty Framera działają w jego własnym runtime, więc każdą animację, którą chcesz zachować, odtwarza się w CSS albo krótkim skryptem, najlepiej z wersją z ograniczonym ruchem. ## Źródła i dalsza lektura Źródła tej strony wraz z dodatkowymi informacjami od oryginalnych wydawców. - [Framer Help: czy mogę wyeksportować stronę do HTML i hostować ją samodzielnie? (po angielsku)](https://www.framer.com/help/articles/can-i-export-my-website-to-html-and-self-host-it/) · framer.com - [Framer Help: przenoszenie danych z Framera (po angielsku)](https://www.framer.com/help/articles/porting-your-data-from-framer/) · framer.com - [Framer Help: jak skonfigurować przekierowania (po angielsku)](https://www.framer.com/help/articles/how-to-setup-redirects-to-maintain-seo-ranking/) · framer.com - [Cennik Framera](https://www.framer.com/pricing/) · framer.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 (przekierowania)](https://docs.astro.build/en/reference/configuration-reference/) · docs.astro.build - [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 - [**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/) - [**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/) - [**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.](https://dardo.studio/pl/blog/migracja-z-webflow-do-astro/) - [**Strony internetowe 3D: kiedy się opłacają i jak sprawić, by działały szybko**Strony internetowe 3D: kiedy się opłacają, kiedy lepsze są wideo lub zdjęcia i jak dziesięć światów 3D Janus Observatory pozostało szybkich i dostępnych.](https://dardo.studio/pl/blog/strony-internetowe-3d/) ## 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/)