--- title: "Migrera från Framer till Astro utan att tappa SEO — Dardo" description: "Framer saknar HTML-export. Så flyttar du en Framer-sajt till Astro: vad du ska fånga, hur CMS, animationer och formulär byggs om och hur SEO:n behålls." url: "https://dardo.studio/sv/blogg/migrera-framer-till-astro/" language: "sv" 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/","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-13T00:59:59.125Z" --- [Blogg](https://dardo.studio/sv/blogg/) # Migrera från Framer till Astro: så flyttar du en Framer-sajt utan att tappa design eller ranking Framer saknar HTML-export, så en flytt till Astro är ett nybygge. Vad du ska fånga först, vad som går sönder och hur du behåller design, URL:er och ranking. Av [Nicolás Cerón](https://dardo.studio/sv/studio/) ·12 oktober 2026 ![En tom förgylld tavelram på ett staffli i en målarateljé om natten, med en karmosinröd tråd som löper från ramen ut genom ett öppet fönster och uppför en stig på en kulle till ett upplyst observatorium under stjärnorna.](https://dardo.studio/_astro/01M4S57PW4TH7D1E7E3RQM4Z4E_Z3SVDC.webp) ## Viktigaste punkterna - Framer erbjuder ingen HTML-export för egen hosting, så en flytt till Astro innebär att webbplatsen byggs om med de publicerade Framer-sidorna som referens. - Fånga varje URL, CMS-samling, brytpunkt och animation innan du bygger om, eftersom Framer laddar innehåll, bilder och kod från sitt eget CDN och sin egen runtime. - Framers formulär och CMS-filer är beroende av Framers runtime; ge varje formulär en egen endpoint och flytta CMS-innehållet till Astro-samlingar eller ett headless CMS. - Sätt upp 1:1-omdirigeringar med 301 på serversidan hos ditt webbhotell; ett statiskt Astro-bygge utan adapter ger bara omdirigeringar via meta refresh. - Kontrollera att ingen canonical-tagg, sitemap-post eller Open Graph-tagg fortfarande pekar på den gamla Framer-adressen efter lanseringen. ## Det korta svaret Framers eget hjälpcenter skriver att Framer inte erbjuder HTML-export för egen hosting ([Framer Help](https://www.framer.com/help/articles/can-i-export-my-website-to-html-and-self-host-it/)). En flytt från Framer till Astro är alltså ett nybygge, inte en export. Du fångar den publicerade webbplatsen som referens, bygger om varje mall som Astro-komponenter, flyttar CMS-innehållet till samlingar, återskapar de animationer du faktiskt behöver och ger varje URL som ändras en permanent omdirigering. Gör du det i den ordningen kan den nya webbplatsen se likadan ut, ladda mindre JavaScript och behålla sin ranking. Hoppar du över fångsten eller omdirigeringskartan får du en omdesign som ingen bad om och ett tapp i söktrafiken. ## Varför team lämnar Framer Framer är ett bra verktyg för att snabbt designa och publicera marknadsföringssajter. Skälen att lämna är oftast praktiska snarare än estetiska: - **Hosting och ägande.** En Framer-sajt körs på Framers servrar. Team som vill ha koden i sitt eget repository, hos sitt eget webbhotell eller bredvid sin egen backend behöver bygga om. - **Kostnad per webbplats.** På Framers [prissida](https://www.framer.com/pricing/), kontrollerad den 12 oktober 2026, kostar Basic-planen 10 USD i månaden och Pro-planen, som lägger till omdirigeringar, 30 USD i månaden, båda med årsfakturering. Lokalisering är ett betalt tillägg. - **Begränsade omdirigeringar.** Framers omdirigeringar fungerar bara för sökvägar inom samma domän ([Framer Help](https://www.framer.com/help/articles/how-to-setup-redirects-to-maintain-seo-ranking/)). - **Formulär, data och integrationer** som kräver en riktig backend: ett CRM, ett bokningssystem, låst innehåll eller något annat som måste köras på din egen infrastruktur. Om ditt marknadsteam bygger och redigerar sidor visuellt varje vecka och webbplatsen gör sitt jobb kan det vara rätt beslut att stanna kvar på Framer. En migrering kostar design- och utvecklingstid; den ska ge något konkret tillbaka. ## Vad vi lärde oss av att bygga ett verktyg som fångar Framer-sajter Dardo har byggt ett internt verktyg som fångar en publicerad Framer-sida, för en webbplats du äger, och gör om den till en fristående referensfil plus en migreringslista för Astro med en rad per sak som ska byggas om. Arbetet med verktyget visade var Framer-sajter gömmer sin komplexitet: - **Filerna ligger på Framers CDN.** Bilder, typsnitt och kod laddas från framerusercontent.com och närliggande domäner. Responsiva bilder hämtar samma fil i flera bredder (?width=512, ?width=1024), så fångsten sparar en lokal fil per bild, den största. - **JavaScript kommer i lager.** Framer laddar små moduler som bara exporterar vidare det egentliga paketet, så en enda genomgång missar kod. Verktyget söker igenom sidan på nytt tills ingen ny modul dyker upp. - **CMS-innehållet är ett eget filformat.** Samlingar i Framers CMS levereras som .framercms-filer som sidan hämtar i byteintervall från CDN:et. På ett vanligt statiskt webbhotell returnerar de anropen hela filen, och modulen som bygger deras URL:er pekar tillbaka på Framer. - **Runtimen skriver om sidan efter att den har laddats.** Framers React-runtime hydrerar HTML-koden och kan sätta tillbaka element som du har tagit bort. Märket ”Made in Framer” hydreras till exempel in i en egen container. - **Formulären är beroende av Framer.** De fångade formulären saknar action-attribut i HTML-koden; inskick fungerar bara via Framers runtime på klientsidan. - **SEO-taggarna pekar på Framer.** Om de inte skrivs om fortsätter canonical- och Open Graph-URL:erna att visa den ursprungliga Framer-adressen. - **Rörelse är data.** Appear-effekter lagras som JSON-data på sidan, så verktyget sparar dem tillsammans med nyckelbildrutor och timing för varje animation som körs. Slutsatsen vi drog: exporten är underlag, inte leveransen. Vi publicerar aldrig den fångade HTML-koden eller Framers runtime. De visar exakt vad vi ska bygga om. ## Från Framer till Astro, steg för steg 1. **Inventera varje URL.** Börja med webbplatsens sitemap.xml, lägg till varje CMS-sida och hämta rapporten Sidor från Google Search Console för den längsta tillgängliga perioden. Notera de omdirigeringar som redan finns i Framer under Site Settings, Hosting. 2. **Exportera det Framer tillåter.** Enligt Framer kan CMS-innehåll exporteras med plugins till format som CSV eller JSON ([Framer Help](https://www.framer.com/help/articles/porting-your-data-from-framer/)). Ladda ner varje bild och fil, och kontrollera licensen för varje typsnitt innan du hostar det själv. 3. **Fånga den publicerade webbplatsen som referens.** Dokumentera varje mall vid varje brytpunkt, plus timingen för varje animation du vill behålla. Vårt verktyg fångar sidor i 1440, 810 och 390 pixlars bredd, och sedan en pixel under, på och över varje brytpunkt det hittar i webbplatsens CSS. 4. **Bygg om mallarna som Astro-komponenter.** Flytta CMS-samlingar till [content collections](https://docs.astro.build/en/guides/content-collections/) eller ett headless CMS, bilder till [astro:assets](https://docs.astro.build/en/guides/images/) och lokaliserade sidor till [Astros i18n-routning](https://docs.astro.build/en/guides/internationalization/), en URL per språk. 5. **Återskapa den rörelse som bär betydelse.** De flesta Framer-effekter blir CSS-övergångar, keyframes eller ett litet skript. Respektera prefers-reduced-motion. I ett av våra egna nybyggen från Framer till Astro, en webbplats med 18 routes som inte var ett kundprojekt, matchade 217 av 219 scroll- och interaktionslägen originalet med under 1 % pixelskillnad. 6. **Ge varje formulär en riktig endpoint.** Peka varje formulär mot din egen hanterare (en Cloudflare Worker, en formulärtjänst eller ditt CRM) och testa att inskicken kommer fram i stagingmiljön. 7. **För över sökmetadata.** Titlar, beskrivningar, Open Graph-taggar, strukturerad data och en självrefererande canonical-tagg på varje sida, plus en ny XML-sitemap. 8. **Omdirigera på servern, inte i HTML.** Ett statiskt Astro-bygge utan adapter gör om konfigurerade omdirigeringar till meta refresh-sidor som saknar HTTP-statuskod ([Astros konfigurationsreferens](https://docs.astro.build/en/reference/configuration-reference/)). Sätt upp 1:1-omdirigeringar med 301 där webbplatsen hostas, till exempel i en \_redirects-fil på Cloudflare eller i en Worker. 9. **Lansera och bevaka.** Byt DNS, behåll Framer-projektet tills den nya webbplatsen är verifierad och följ Search Consoles rapporter för indexering och Sidor under de närmaste veckorna. Vår [SEO-checklista för webbplatsmigrering](https://dardo.studio/sv/blogg/checklista-webbplatsmigrering-seo/) täcker lanseringsdagen och de 90 dagarna efter den. ## Vad som ändras efter flytten | Område | På Framer | På Astro | | -------------- | ------------------------------------------ | -------------------------------------------------------------------------- | | Redigering | Visuell canvas i Framer | CMS-fält eller kod, beroende på vad du väljer | | Hosting | Framers servrar | Valfritt statiskt webbhotell eller edge-plattform, till exempel Cloudflare | | Omdirigeringar | Pro-planen; undersökvägar inom samma domän | 301 på serversidan hos ditt webbhotell, utan domänbegränsning | | Rörelse | Inbyggda effekter och interaktioner | CSS och JavaScript som du äger och kan mäta | | CMS | Samlingar i Framers CMS | Content collections eller ett headless CMS | | Formulär | Framers formulärhantering | Din egen endpoint och datalagring | ## Så behåller du din SEO Googles riktlinjer för [webbplatsflyttar med URL-ändringar](https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes) gäller även här: mappa varje gammal URL till dess närmaste nya motsvarighet, använd permanenta omdirigeringar på serversidan och behåll dem i minst ett år. Om URL:erna förblir identiska, vilket ett noggrant nybygge ofta kan åstadkomma, behöver du bara kontrollera att de nya sidorna har samma innehåll och metadata. Fällan som är specifik för Framer är den kvarglömda Framer-adressen. Se till att ingen canonical-tagg, sitemap-post eller Open Graph-tagg fortfarande anger den gamla Framer-URL:en, och att Framer-projektet avpubliceras eller omdirigeras när den nya webbplatsen är live. ## Så genomför Dardo en Framer-migrering Vi genomför flyttar från Framer inom vår tjänst för [webbplatsmigrering](https://dardo.studio/sv/tjanster/webbplatsmigrering/): inventering, fångst, en representativ sida som byggs om först och granskas i överenskomna bredder, och sedan resten av mallarna, formulären och omdirigeringarna. Själva bygget är [webbutveckling](https://dardo.studio/sv/tjanster/webbutveckling/) i Astro, och rörelsearbetet är [kreativ utveckling](https://dardo.studio/sv/tjanster/kreativ-utveckling/). Den här webbplatsen, dardo.studio, körs på Astro på Cloudflare Workers med innehållet i ett headless CMS, vilket är den uppsättning vi använder oftast. Om du funderar på en flytt, [skicka oss webbplatsen och berätta vad du vill ändra](https://dardo.studio/sv/kontakt/?service=website-migration). Vi säger om ett nybygge är värt det innan vi lämnar en offert. ## Vanliga frågor **Kan jag exportera min Framer-sajt till HTML?** Inte officiellt. Framers hjälpcenter skriver att Framer inte erbjuder HTML-export för egen hosting. Det finns verktyg som kan fånga en publicerad sida, men resultatet är fortfarande beroende av Framers runtime och CDN, så se det som en referens för ett nybygge och inte som något att publicera. **Tappar jag min ranking på Google om jag flyttar från Framer till Astro?** Inte om varje URL som drar trafik fortsätter att fungera. Behåll samma sökvägar där du kan, lägg in permanenta 301-omdirigeringar för dem som ändras, för över titlar, beskrivningar och strukturerad data och följ Search Console i några veckor efter lanseringen. **Kan jag exportera innehållet i Framers CMS?** Enligt Framer kan CMS-innehåll exporteras med plugins till format som CSV eller JSON. Ladda också ner varje bild och fil, eftersom fälten i samlingarna ofta pekar på Framers CDN. **Kan mitt team fortfarande redigera webbplatsen utan kod efter flytten till Astro?** Ja, om den nya webbplatsen använder ett headless CMS. Redaktörerna arbetar i ett webbgränssnitt och Astro-sajten byggs om utifrån det innehållet. dardo.studio fungerar på det sättet. **Fungerar Framer-animationer i Astro?** Inte direkt. Framers effekter körs i Framers egen runtime, så varje animation du vill behålla byggs om med CSS eller ett litet skript, helst med en version för reducerad rörelse. ## Källor och vidare läsning Källorna bakom den här sidan, med mer information från de ursprungliga utgivarna. - [Framer Help: Kan jag exportera min webbplats till HTML och hosta den själv? (på engelska)](https://www.framer.com/help/articles/can-i-export-my-website-to-html-and-self-host-it/) · framer.com - [Framer Help: Flytta dina data från Framer (på engelska)](https://www.framer.com/help/articles/porting-your-data-from-framer/) · framer.com - [Framer Help: Så sätter du upp omdirigeringar (på engelska)](https://www.framer.com/help/articles/how-to-setup-redirects-to-maintain-seo-ranking/) · framer.com - [Framers priser (på engelska)](https://www.framer.com/pricing/) · framer.com - [Astro-dokumentationen: Content collections (på engelska)](https://docs.astro.build/en/guides/content-collections/) · docs.astro.build - [Astro-dokumentationen: Bilder (på engelska)](https://docs.astro.build/en/guides/images/) · docs.astro.build - [Astro-dokumentationen: Routning för internationalisering (i18n) (på engelska)](https://docs.astro.build/en/guides/internationalization/) · docs.astro.build - [Astro-dokumentationen: Konfigurationsreferens (omdirigeringar) (på engelska)](https://docs.astro.build/en/reference/configuration-reference/) · docs.astro.build - [Google Search Central: Webbplatsflyttar med URL-ändringar](https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes) · developers.google.com [Nicolás Cerón](https://dardo.studio/sv/studio/) Nicolás Cerón är grundare av Dardo, en byrå för varumärke, webbdesign och webbutveckling i Bogotá, Colombia. ## Relaterade artiklar - [**SEO-checklista för webbplatsmigrering: byt plattform eller domän utan att tappa rankingen**Rankingen sjunker sällan på grund av den nya plattformen, utan för att URL:er som drog trafik slutade svara. En checklista från URL-inventering till dag 90.](https://dardo.studio/sv/blogg/checklista-webbplatsmigrering-seo/) - [**WordPress eller skräddarsydd hemsida? Så väljer du, och när vilket alternativ lönar sig**WordPress eller skräddarsydd hemsida? När varje alternativ passar och mellanvägen headless WordPress, jämfört på kostnad, hastighet, uppdateringar och ägande.](https://dardo.studio/sv/blogg/wordpress-eller-skraddarsydd-hemsida/) - [**Migrera från Webflow till Astro: så flyttar du en Webflow-sajt utan att tappa innehåll, design eller ranking**Migrera från Webflow till Astro: kodexporten saknar CMS, formulär, sökning och språk. Vad du tar ut, vad du bygger om och hur du behåller din ranking.](https://dardo.studio/sv/blogg/migrera-webflow-till-astro/) - [**3D-webbplatser: när de är värda det och hur du håller dem snabba**När en 3D-webbplats gör nytta, när video eller bilder fungerar bättre och hur vi höll Janus Observatorys tio 3D-världar snabba, tillgängliga och användbara.](https://dardo.studio/sv/blogg/3d-webbplatser/) ## Fortsätt utforska. - [Tjänst · **Webbplatsmigrering utan att tappa SEO**](https://dardo.studio/sv/tjanster/webbplatsmigrering/) - [Ditt projekt · **Starta en dialog**](https://dardo.studio/sv/kontakt/)