--- title: "Framer zu Astro migrieren: So zieht Ihre Website um — Dardo" description: "Framer zu Astro migrieren ohne HTML-Export: was Sie erfassen, wie Sie CMS, Animationen und Formulare neu bauen und wie URLs und SEO erhalten bleiben." url: "https://dardo.studio/de/blog/framer-zu-astro-migrieren/" language: "de" 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/","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/","pl":"https://dardo.studio/pl/blog/migracja-z-framera-do-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:04.449Z" --- [Blog](https://dardo.studio/de/blog/) # Von Framer zu Astro migrieren: eine Framer-Website umziehen, ohne Design oder Rankings zu verlieren Framer hat keinen HTML-Export, der Wechsel zu Astro ist also ein Neuaufbau. Was Sie vorher sichern, was bricht und wie Design, URLs und Rankings bleiben. Von [Nicolás Cerón](https://dardo.studio/de/studio/) ·12\. Oktober 2026 ![Ein leerer vergoldeter Bilderrahmen auf einer Staffelei in einem Maleratelier bei Nacht; ein purpurroter Faden führt vom Rahmen durch ein offenes Fenster einen Hügelpfad hinauf zu einer beleuchteten Sternwarte unter dem Sternenhimmel.](https://dardo.studio/_astro/01M4S57PW4TH7D1E7E3RQM4Z4E_Z3SVDC.webp) ## Das Wichtigste in Kürze - Framer bietet keinen HTML-Export zum Selbsthosten an. Der Umzug zu Astro bedeutet daher einen Neuaufbau der Website, mit den veröffentlichten Framer-Seiten als Referenz. - Erfassen Sie vor dem Neuaufbau jede URL, jede CMS-Collection, jeden Breakpoint und jede Animation, denn Framer lädt Inhalte, Bilder und Code aus seinem eigenen CDN und seiner eigenen Runtime. - Framer-Formulare und CMS-Dateien hängen von Framers Runtime ab: Geben Sie jedem Formular einen eigenen Endpunkt und überführen Sie die CMS-Inhalte in Astro-Collections oder ein Headless CMS. - Richten Sie bei Ihrem Hoster serverseitige 1:1-Weiterleitungen per 301 ein; ein statischer Astro-Build ohne Adapter erzeugt nur Meta-Refresh-Weiterleitungen. - Prüfen Sie nach dem Launch, dass kein Canonical, kein Sitemap-Eintrag und kein Open-Graph-Tag mehr auf die alte Framer-Adresse verweist. ## Die kurze Antwort Framers eigenes Hilfecenter stellt klar, dass Framer keinen HTML-Export zum Selbsthosten anbietet ([Framer Help](https://www.framer.com/help/articles/can-i-export-my-website-to-html-and-self-host-it/)). Der Wechsel von Framer zu Astro ist deshalb kein Export, sondern ein Neuaufbau. Sie erfassen die veröffentlichte Website als Referenz, bauen jedes Template als Astro-Komponente neu, überführen die CMS-Inhalte in Collections, setzen die Animationen neu um, die Sie wirklich brauchen, und geben jeder URL, die sich ändert, eine permanente Weiterleitung. In dieser Reihenfolge umgesetzt, kann die neue Website genauso aussehen, weniger JavaScript laden und ihre Rankings behalten. Wer die Erfassung oder die Weiterleitungstabelle überspringt, bekommt ein Redesign, das niemand bestellt hat, und einen Einbruch beim Suchmaschinen-Traffic. ## Warum Teams Framer verlassen Framer ist ein gutes Werkzeug, um Marketing-Websites schnell zu gestalten und zu veröffentlichen. Die Gründe für einen Wechsel sind meist praktischer, nicht ästhetischer Natur: - **Hosting und Eigentum.** Eine Framer-Website läuft auf Framers Servern. Teams, die den Code im eigenen Repository, bei ihrem eigenen Hoster oder neben ihrem eigenen Backend haben wollen, brauchen einen Neuaufbau. - **Tarifkosten pro Website.** Laut Framers [Preisseite](https://www.framer.com/pricing/), abgerufen am 12. Oktober 2026, kostet der Basic-Tarif 10 USD im Monat und der Pro-Tarif, der Weiterleitungen hinzufügt, 30 USD im Monat, beide bei jährlicher Abrechnung. Lokalisierung ist ein kostenpflichtiges Add-on. - **Begrenzte Weiterleitungen.** Framer-Weiterleitungen funktionieren nur für Pfade innerhalb derselben Domain ([Framer Help](https://www.framer.com/help/articles/how-to-setup-redirects-to-maintain-seo-ranking/)). - **Formulare, Daten und Integrationen**, die ein echtes Backend brauchen: ein CRM, ein Buchungssystem, geschützte Inhalte oder alles, was auf Ihrer eigenen Infrastruktur laufen muss. Wenn Ihr Marketingteam jede Woche Seiten visuell baut und bearbeitet und die Website ihren Zweck erfüllt, kann es die richtige Entscheidung sein, bei Framer zu bleiben. Eine Migration kostet Design- und Entwicklungszeit; sie sollte Ihnen etwas Konkretes bringen. ## Was wir beim Bau eines Framer-Capture-Tools gelernt haben Dardo hat ein internes Tool entwickelt, das eine veröffentlichte Framer-Seite einer Website erfasst, die Ihnen gehört, und daraus eine eigenständige Referenzdatei macht, dazu einen Tracker für die Astro-Migration mit einer Zeile pro Element, das neu gebaut werden muss. Beim Bau haben wir gelernt, wo Framer-Websites ihre Komplexität verstecken: - **Assets liegen auf Framers CDN.** Bilder, Schriften und Code werden von framerusercontent.com und verwandten Domains geladen. Responsive Bilder fordern dieselbe Datei in mehreren Breiten an (?width=512, ?width=1024), deshalb behält die Erfassung pro Bild eine einzige lokale Datei, die größte. - **Das JavaScript kommt in Schichten.** Framer lädt kleine Module, die nur das eigentliche Bundle re-exportieren, sodass ein einzelner Durchlauf Code übersieht. Das Tool scannt so lange erneut, bis kein neues Modul mehr auftaucht. - **CMS-Inhalte sind ein eigenes Dateiformat.** Framer-CMS-Collections werden als .framercms-Dateien ausgeliefert, die die Seite in Byte-Bereichen vom CDN abruft. Auf einem gewöhnlichen statischen Hosting liefern diese Anfragen die ganze Datei zurück, und das Modul, das ihre URLs zusammensetzt, verweist zurück auf Framer. - **Die Runtime schreibt die Seite nach dem Laden um.** Framers React-Runtime hydriert das HTML und kann Elemente wieder einfügen, die Sie entfernt haben. Das „Made in Framer“-Badge zum Beispiel wird in einen eigenen Container hydriert. - **Formulare hängen von Framer ab.** Die erfassten Formulare haben keine HTML-Action; Einsendungen funktionieren nur über Framers Client-Runtime. - **SEO-Tags verweisen auf Framer.** Ohne Anpassung werben Canonical- und Open-Graph-URLs weiter für die ursprüngliche Framer-Adresse. - **Animationen sind Daten.** Einblendeffekte sind als JSON-Payloads in der Seite gespeichert. Das Tool zeichnet sie deshalb zusammen mit den Keyframes und dem Timing jeder laufenden Animation auf. Unser Fazit: Der Export ist Beweismaterial, nicht das Ergebnis. Wir liefern nie das erfasste HTML oder Framers Runtime aus. Beides zeigt uns genau, was wir neu bauen müssen. ## Von Framer zu Astro migrieren, Schritt für Schritt 1. **Jede URL erfassen.** Beginnen Sie mit der sitemap.xml der Website, ergänzen Sie jede CMS-Seite und exportieren Sie den Bericht „Seiten“ der Google Search Console für den längsten verfügbaren Zeitraum. Notieren Sie alle Weiterleitungen, die bereits in Framer unter Site Settings, Hosting eingerichtet sind. 2. **Exportieren, was Framer erlaubt.** Laut Framer lassen sich CMS-Inhalte mit Plugins in Formate wie CSV oder JSON exportieren ([Framer Help](https://www.framer.com/help/articles/porting-your-data-from-framer/)). Laden Sie jedes Bild und jede Datei herunter und prüfen Sie die Lizenz jeder Schrift, bevor Sie sie selbst hosten. 3. **Die veröffentlichte Website als Referenz erfassen.** Halten Sie jedes Template an jedem Breakpoint fest, dazu das Timing jeder Animation, die Sie behalten möchten. Unser Tool erfasst Seiten in 1440, 810 und 390 Pixeln Breite, dann jeweils ein Pixel unter, genau auf und über jedem Breakpoint, den es im CSS der Website findet. 4. **Templates als Astro-Komponenten neu bauen.** Überführen Sie CMS-Collections in [Content Collections](https://docs.astro.build/en/guides/content-collections/) oder ein Headless CMS, Bilder in [astro:assets](https://docs.astro.build/en/guides/images/) und lokalisierte Seiten in [Astros i18n-Routing](https://docs.astro.build/en/guides/internationalization/), mit einer URL pro Sprache. 5. **Die Animationen neu umsetzen, die eine Bedeutung tragen.** Die meisten Framer-Effekte werden zu CSS-Transitions, Keyframes oder einem kleinen Skript. Berücksichtigen Sie prefers-reduced-motion. Bei einem unserer eigenen Neuaufbauten von Framer zu Astro, einer Website mit 18 Routen, die kein Kundenprojekt war, stimmten 217 von 219 Scroll- und Interaktionszuständen mit höchstens 1 % Pixelabweichung mit dem Original überein. 6. **Jedem Formular einen echten Endpunkt geben.** Verbinden Sie jedes Formular mit Ihrem eigenen Handler (einem Cloudflare Worker, einem Formulardienst oder Ihrem CRM) und testen Sie die Zustellung auf der Staging-Umgebung. 7. **Suchmetadaten übernehmen.** Titel, Beschreibungen, Open-Graph-Tags, strukturierte Daten und ein selbstreferenzierendes Canonical auf jeder Seite, dazu eine neue XML-Sitemap. 8. **Auf dem Server weiterleiten, nicht im HTML.** Ein statischer Astro-Build ohne Adapter macht aus konfigurierten Weiterleitungen Meta-Refresh-Seiten ohne HTTP-Statuscode ([Astro-Konfigurationsreferenz](https://docs.astro.build/en/reference/configuration-reference/)). Richten Sie 1:1-Weiterleitungen per 301 dort ein, wo die Website gehostet wird, zum Beispiel in einer \_redirects-Datei bei Cloudflare oder in einem Worker. 9. **Launchen, dann beobachten.** Stellen Sie das DNS um, behalten Sie das Framer-Projekt, bis die neue Website geprüft ist, und verfolgen Sie in den folgenden Wochen die Berichte zur Indexierung und zu den Seiten in der Search Console. Unsere [SEO-Checkliste für den Website-Relaunch](https://dardo.studio/de/blog/website-relaunch-seo-checkliste/) deckt den Launch-Tag und die 90 Tage danach ab. ## Was sich nach dem Umzug ändert | Bereich | Auf Framer | Auf Astro | | --------------- | ------------------------------------------------ | ---------------------------------------------------------------------------- | | Bearbeitung | Visuelle Arbeitsfläche in Framer | CMS-Felder oder Code, je nachdem, wofür Sie sich entscheiden | | Hosting | Framers Server | Jedes statische Hosting oder jede Edge-Plattform, etwa Cloudflare | | Weiterleitungen | Pro-Tarif; Unterpfade innerhalb derselben Domain | Serverseitige 301-Weiterleitungen bei Ihrem Hoster, ohne Domain-Beschränkung | | Animationen | Integrierte Effekte und Interaktionen | CSS und JavaScript, die Ihnen gehören und die Sie messen können | | CMS | Framer-CMS-Collections | Content Collections oder ein Headless CMS | | Formulare | Formularverarbeitung durch Framer | Ihr eigener Endpunkt und Ihre eigene Datenspeicherung | ## SEO erhalten Googles Leitfaden zu [Website-Umzügen mit URL-Änderungen](https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes) gilt auch hier: Ordnen Sie jede alte URL ihrer nächstliegenden neuen Entsprechung zu, verwenden Sie permanente serverseitige Weiterleitungen und behalten Sie sie mindestens ein Jahr bei. Bleiben die URLs identisch, was ein sorgfältiger Neuaufbau oft erreicht, müssen Sie nur prüfen, ob die neuen Seiten dieselben Inhalte und Metadaten tragen. Die Framer-typische Falle ist die übrig gebliebene Framer-Adresse. Stellen Sie sicher, dass kein Canonical, kein Sitemap-Eintrag und kein Open-Graph-Tag noch die alte Framer-URL nennt und dass das Framer-Projekt offline genommen oder weitergeleitet ist, sobald die neue Website live ist. ## Wie Dardo eine Framer-Migration umsetzt Framer-Umzüge setzen wir im Rahmen unserer Leistung [Website-Migration](https://dardo.studio/de/leistungen/website-migration-seo/) um: Bestandsaufnahme, Erfassung, eine repräsentative Seite, die zuerst neu gebaut und in vereinbarten Breiten abgenommen wird, danach die übrigen Templates, Formulare und Weiterleitungen. Der Bau selbst ist [Webentwicklung](https://dardo.studio/de/leistungen/webentwicklung/) mit Astro, die Animationsarbeit ist [Creative Development](https://dardo.studio/de/leistungen/creative-development/). Diese Website, dardo.studio, läuft mit Astro auf Cloudflare Workers, ihre Inhalte liegen in einem Headless CMS. Das ist das Setup, das wir am häufigsten einsetzen. Wenn Sie einen Umzug abwägen, [schicken Sie uns die Website und was Sie ändern möchten](https://dardo.studio/de/kontakt/?service=website-migration). Wir sagen Ihnen, ob sich ein Neuaufbau lohnt, bevor wir ein Angebot dafür machen. ## Häufige Fragen **Kann ich meine Framer-Website als HTML exportieren?** Nicht offiziell. Laut Framers Hilfecenter gibt es keinen HTML-Export zum Selbsthosten. Tools können eine veröffentlichte Seite erfassen, doch das Ergebnis hängt weiterhin von Framers Runtime und CDN ab. Behandeln Sie es deshalb als Referenz für einen Neuaufbau, nicht als etwas, das Sie live schalten. **Verliere ich meine Google-Rankings, wenn ich von Framer zu Astro wechsle?** Nicht, wenn jede URL, die Traffic bringt, weiter funktioniert. Behalten Sie die Pfade nach Möglichkeit bei, richten Sie für geänderte Pfade permanente 301-Weiterleitungen ein, übernehmen Sie Titel, Beschreibungen und strukturierte Daten und beobachten Sie die Search Console in den Wochen nach dem Launch. **Kann ich die Inhalte aus dem Framer CMS exportieren?** Laut Framer lassen sich CMS-Inhalte mit Plugins in Formate wie CSV oder JSON exportieren. Laden Sie zusätzlich jedes Bild und jede Datei herunter, denn Collection-Felder verweisen oft auf Framers CDN. **Kann mein Team die Website nach dem Wechsel zu Astro weiterhin ohne Code bearbeiten?** Ja, wenn die neue Website ein Headless CMS nutzt. Die Redaktion arbeitet in einer Weboberfläche, und die Astro-Website wird aus diesen Inhalten neu gebaut. So funktioniert auch dardo.studio. **Funktionieren Framer-Animationen in Astro?** Nicht direkt. Framers Effekte laufen in seiner eigenen Runtime. Jede Animation, die Sie behalten möchten, wird deshalb mit CSS oder einem kleinen Skript neu umgesetzt, idealerweise mit einer Variante für reduzierte Bewegung. ## Quellen & weiterführende Literatur Quellen zu dieser Seite, mit weiteren Details der ursprünglichen Herausgeber. - [Framer Help: Kann ich meine Website als HTML exportieren und selbst hosten? (Englisch)](https://www.framer.com/help/articles/can-i-export-my-website-to-html-and-self-host-it/) · framer.com - [Framer Help: Daten aus Framer übertragen (Englisch)](https://www.framer.com/help/articles/porting-your-data-from-framer/) · framer.com - [Framer Help: Weiterleitungen einrichten (Englisch)](https://www.framer.com/help/articles/how-to-setup-redirects-to-maintain-seo-ranking/) · framer.com - [Framer: Preise](https://www.framer.com/pricing/) · framer.com - [Astro-Dokumentation: Content Collections](https://docs.astro.build/en/guides/content-collections/) · docs.astro.build - [Astro-Dokumentation: Bilder](https://docs.astro.build/en/guides/images/) · docs.astro.build - [Astro-Dokumentation: Internationalisierung (i18n) und Routing](https://docs.astro.build/en/guides/internationalization/) · docs.astro.build - [Astro-Dokumentation: Konfigurationsreferenz (Weiterleitungen)](https://docs.astro.build/en/reference/configuration-reference/) · docs.astro.build - [Google Search Central: Website-Umzüge mit URL-Änderungen](https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes) · developers.google.com [Nicolás Cerón](https://dardo.studio/de/studio/) Nicolás Cerón ist der Gründer von Dardo, einem Studio für Branding, Webdesign und Webentwicklung in Bogotá, Kolumbien. ## Verwandte Artikel - [**SEO-Checkliste für den Website-Relaunch: Plattform oder Domain wechseln, ohne Rankings zu verlieren**Rankings brechen selten wegen der neuen Plattform ein, sondern weil URLs, die Traffic brachten, nicht mehr antworten. Eine Checkliste von der URL-Inventur bis Tag 90.](https://dardo.studio/de/blog/website-relaunch-seo-checkliste/) - [**WordPress oder individuelle Website? So entscheiden Sie, und wann sich welche Lösung lohnt**WordPress oder individuelle Website? Wann WordPress passt, wann sich Eigenentwicklung lohnt und was Headless WordPress bietet: Kosten, Tempo, Updates, Eigentum.](https://dardo.studio/de/blog/wordpress-oder-individuelle-website/) - [**Von Webflow zu Astro migrieren: eine Webflow-Website umziehen, ohne Inhalte, Design oder Rankings zu verlieren**Webflow zu Astro migrieren: Der Code-Export lässt CMS, Formulare, Suche und Sprachen weg. Was Sie exportieren, was Sie neu bauen und wie Rankings bleiben.](https://dardo.studio/de/blog/webflow-zu-astro-migrieren/) - [**3D-Websites: Wann sie sich lohnen und wie sie schnell bleiben**Wann sich eine 3D-Website lohnt, wann Video oder Bilder besser sind und wie die zehn 3D-Welten von Janus Observatory schnell, barrierefrei und nutzbar blieben.](https://dardo.studio/de/blog/3d-website/) ## Weiterstöbern. - [Leistung · **Website-Migration ohne SEO-Verluste**](https://dardo.studio/de/leistungen/website-migration-seo/) - [Ihr Projekt · **Gespräch starten**](https://dardo.studio/de/kontakt/)