--- title: "Migrare da Framer ad Astro senza perdere la SEO — Dardo" description: "Migrare da Framer ad Astro: Framer non esporta in HTML. Cosa catturare, come rifare CMS, animazioni e moduli e come mantenere URL e posizionamento." url: "https://dardo.studio/it/blog/migrare-da-framer-ad-astro/" language: "it" 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/","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-13T00:59:03.785Z" --- [Blog](https://dardo.studio/it/blog/) # Migrare da Framer ad Astro: come spostare il sito senza perdere design e posizionamento Migrare da Framer ad Astro significa ricostruire: Framer non esporta in HTML. Cosa salvare prima, cosa si rompe e come tenere design, URL e posizionamento. Di [Nicolás Cerón](https://dardo.studio/it/studio/) ·12 ottobre 2026 ![Una cornice dorata vuota su un cavalletto nello studio di un pittore di notte, con un filo cremisi che parte dalla cornice, esce da una finestra aperta e risale un sentiero collinare fino a un osservatorio illuminato sotto le stelle.](https://dardo.studio/_astro/01M4S57PW4TH7D1E7E3RQM4Z4E_Z3SVDC.webp) ## Punti chiave - Framer non offre l'esportazione in HTML per l'hosting autonomo, quindi passare ad Astro significa ricostruire il sito usando come riferimento le pagine Framer pubblicate. - Prima di ricostruire, cattura ogni URL, collezione del CMS, breakpoint e animazione, perché Framer carica contenuti, immagini e codice dal proprio CDN e dal proprio runtime. - I moduli e i file del CMS di Framer dipendono dal suo runtime: collega ogni modulo a un tuo endpoint e sposta i contenuti del CMS in collezioni Astro o in un CMS headless. - Imposta redirect 301 uno a uno lato server sul tuo hosting; una build statica di Astro senza adapter genera solo redirect meta refresh. - Dopo il lancio, verifica che nessun canonical, voce della sitemap o tag Open Graph punti ancora al vecchio indirizzo Framer. ## La risposta breve Il centro assistenza di Framer lo dice chiaramente: Framer non offre l'esportazione in HTML per l'hosting autonomo ([Framer Help](https://www.framer.com/help/articles/can-i-export-my-website-to-html-and-self-host-it/)). Passare da Framer ad Astro, quindi, è una ricostruzione, non un'esportazione. Si cattura il sito pubblicato come riferimento, si ricostruisce ogni template come componenti Astro, si spostano i contenuti del CMS in collezioni, si ricreano le animazioni che servono davvero e si assegna un redirect permanente a ogni URL che cambia. Se segui quest'ordine, il nuovo sito può avere lo stesso aspetto, caricare meno JavaScript e mantenere il posizionamento. Se salti la cattura o la mappa dei redirect, ti ritrovi con un redesign che nessuno ha chiesto e un calo del traffico dalla ricerca. ## Perché i team lasciano Framer Framer è un buon strumento per progettare e pubblicare rapidamente siti di marketing. I motivi per lasciarlo di solito sono pratici, non estetici: - **Hosting e proprietà.** Un sito Framer gira sui server di Framer. I team che vogliono il codice nel proprio repository, sul proprio hosting o accanto al proprio backend devono ricostruirlo. - **Il costo del piano per ogni sito.** Sulla [pagina dei prezzi di Framer](https://www.framer.com/pricing/), consultata il 12 ottobre 2026, il piano Basic costa 10 USD al mese e il piano Pro, che aggiunge i redirect del sito, 30 USD al mese, entrambi con fatturazione annuale. La localizzazione è un componente aggiuntivo a pagamento. - **Limiti dei redirect.** I redirect di Framer funzionano solo per percorsi all'interno dello stesso dominio ([Framer Help](https://www.framer.com/help/articles/how-to-setup-redirects-to-maintain-seo-ranking/)). - **Moduli, dati e integrazioni** che richiedono un vero backend: un CRM, un sistema di prenotazione, contenuti riservati o qualsiasi cosa debba girare sulla tua infrastruttura. Se il tuo team marketing crea e modifica pagine in modo visuale ogni settimana e il sito fa il suo lavoro, restare su Framer può essere la scelta giusta. Una migrazione costa tempo di design e di sviluppo; deve portare un vantaggio preciso. ## Cosa abbiamo imparato costruendo uno strumento di cattura per Framer Dardo ha sviluppato uno strumento interno che cattura una pagina Framer pubblicata, di un sito di tua proprietà, e la trasforma in un file di riferimento autonomo più un tracker della migrazione ad Astro, con una riga per ogni elemento da ricostruire. Costruirlo ci ha mostrato dove i siti Framer nascondono la loro complessità: - **Gli asset stanno sul CDN di Framer.** Immagini, font e codice vengono caricati da framerusercontent.com e da domini collegati. Le immagini responsive richiedono lo stesso file a più larghezze (?width=512, ?width=1024), quindi la cattura conserva un solo file locale per immagine, il più grande. - **Il JavaScript arriva a strati.** Framer carica piccoli moduli che si limitano a riesportare il vero bundle, quindi un solo passaggio lascia fuori del codice. Lo strumento ripete la scansione finché non compaiono più nuovi moduli. - **I contenuti del CMS sono un formato a sé.** Le collezioni del CMS di Framer vengono distribuite come file .framercms che la pagina scarica dal CDN per intervalli di byte. Su un normale hosting statico queste richieste restituiscono l'intero file, e il modulo che ne costruisce gli URL punta di nuovo a Framer. - **Il runtime riscrive la pagina dopo il caricamento.** Il runtime React di Framer idrata l'HTML e può reinserire elementi che avevi rimosso. Il badge "Made in Framer", per esempio, viene idratato in un proprio contenitore. - **I moduli dipendono da Framer.** I moduli catturati non hanno un attributo action nell'HTML; gli invii funzionano solo attraverso il runtime client di Framer. - **I tag SEO puntano a Framer.** Se non vengono riscritti, gli URL canonical e Open Graph continuano a indicare l'indirizzo Framer originale. - **Le animazioni sono dati.** Gli effetti di comparsa sono salvati nella pagina come payload JSON, quindi lo strumento li registra insieme ai keyframe e alle tempistiche di ogni animazione in esecuzione. La conclusione che ne abbiamo tratto: l'export è una prova, non il prodotto da consegnare. Non mettiamo mai online l'HTML catturato né il runtime di Framer. Ci dicono esattamente cosa ricostruire. ## Da Framer ad Astro, passo dopo passo 1. **Fai l'inventario di ogni URL.** Parti dalla sitemap.xml del sito, aggiungi ogni pagina del CMS ed esporta il report Pagine di Google Search Console sull'intervallo più lungo disponibile. Annota i redirect già impostati in Framer, in Site Settings, Hosting. 2. **Esporta ciò che Framer consente.** Framer indica che i contenuti del CMS si possono esportare con dei plugin in formati come CSV o JSON ([Framer Help](https://www.framer.com/help/articles/porting-your-data-from-framer/)). Scarica ogni immagine e ogni file, e controlla la licenza di ogni font prima di ospitarlo in autonomia. 3. **Cattura il sito pubblicato come riferimento.** Registra ogni template a ogni breakpoint, insieme alle tempistiche di ogni animazione che vuoi mantenere. Il nostro strumento cattura le pagine a 1440, 810 e 390 pixel di larghezza, poi un pixel sotto, esattamente su e un pixel sopra ogni breakpoint che trova nel CSS del sito. 4. **Ricostruisci i template come componenti Astro.** Sposta le collezioni del CMS nelle [content collections](https://docs.astro.build/en/guides/content-collections/) o in un CMS headless, le immagini in [astro:assets](https://docs.astro.build/en/guides/images/) e le pagine localizzate nel [routing i18n di Astro](https://docs.astro.build/en/guides/internationalization/), con un URL per ogni lingua. 5. **Ricrea le animazioni che hanno un significato.** La maggior parte degli effetti di Framer diventa transizioni CSS, keyframe o un piccolo script. Rispetta prefers-reduced-motion. In una delle nostre ricostruzioni da Framer ad Astro, un sito di 18 route che non era un progetto per un cliente, 217 stati di scroll e di interazione su 219 corrispondevano all'originale con una differenza di pixel entro l'1%. 6. **Dai a ogni modulo un vero endpoint.** Collega ogni modulo a un tuo handler (un Cloudflare Worker, un servizio per i moduli o il tuo CRM) e verifica la consegna in staging. 7. **Riporta i metadati per la ricerca.** Title, description, tag Open Graph, dati strutturati e un canonical autoreferenziale su ogni pagina, più una nuova sitemap XML. 8. **Fai i redirect sul server, non nell'HTML.** Una build statica di Astro senza adapter trasforma i redirect configurati in pagine meta refresh prive di codice di stato HTTP ([riferimento di configurazione di Astro](https://docs.astro.build/en/reference/configuration-reference/)). Imposta redirect 301 uno a uno dove il sito è ospitato, per esempio in un file \_redirects di Cloudflare o in un Worker. 9. **Lancia, poi monitora.** Cambia il DNS, conserva il progetto Framer finché il nuovo sito non è verificato e segui i report di indicizzazione e Pagine di Search Console nelle settimane successive. La nostra [checklist SEO per la migrazione di un sito](https://dardo.studio/it/blog/checklist-seo-migrazione-sito-web/) copre il giorno del lancio e i 90 giorni successivi. ## Cosa cambia dopo la migrazione | Aspetto | Su Framer | Su Astro | | ---------------------- | --------------------------------------------------------- | ------------------------------------------------------------- | | Modifica dei contenuti | Canvas visuale in Framer | Campi del CMS o codice, a seconda di cosa scegli | | Hosting | Server di Framer | Qualsiasi hosting statico o piattaforma edge, come Cloudflare | | Redirect | Piano Pro; sottopercorsi all'interno dello stesso dominio | 301 lato server sul tuo hosting, senza limiti di dominio | | Animazioni | Effetti e interazioni integrati | CSS e JavaScript di tua proprietà, che puoi misurare | | CMS | Collezioni del CMS di Framer | Content collections o un CMS headless | | Moduli | Gestione dei moduli di Framer | Il tuo endpoint e il tuo archivio dati | ## Mantenere intatta la SEO Le indicazioni di Google sugli [spostamenti di siti con cambio di URL](https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes) valgono anche qui: associa ogni vecchio URL all'equivalente nuovo più vicino, usa redirect permanenti lato server e mantienili per almeno un anno. Se gli URL restano identici, cosa che una ricostruzione accurata spesso permette, devi solo verificare che le nuove pagine abbiano gli stessi contenuti e metadati. La trappola tipica di Framer è l'indirizzo Framer dimenticato. Assicurati che nessun canonical, voce della sitemap o tag Open Graph citi ancora il vecchio URL Framer, e che il progetto Framer venga tolto dalla pubblicazione o reindirizzato una volta online il nuovo sito. ## Come Dardo gestisce una migrazione da Framer Gestiamo i passaggi da Framer all'interno del nostro servizio di [migrazione del sito web](https://dardo.studio/it/servizi/migrazione-sito-web/): inventario, cattura, una pagina rappresentativa ricostruita per prima e revisionata alle larghezze concordate, poi il resto dei template, i moduli e i redirect. La realizzazione vera e propria è [sviluppo web](https://dardo.studio/it/servizi/sviluppo-web/) in Astro, e le animazioni rientrano nello [sviluppo creativo](https://dardo.studio/it/servizi/sviluppo-creativo/). Questo sito, dardo.studio, gira su Astro su Cloudflare Workers con i contenuti in un CMS headless, la configurazione che usiamo più spesso. Se stai valutando un passaggio, [inviaci il sito e cosa vuoi cambiare](https://dardo.studio/it/contatti/?service=website-migration). Ti diremo se una ricostruzione vale la pena prima di farti un preventivo. ## Domande frequenti **Posso esportare il mio sito Framer in HTML?** Non ufficialmente. Il centro assistenza di Framer afferma che non offre l'esportazione in HTML per l'hosting autonomo. Alcuni strumenti possono catturare una pagina pubblicata, ma il risultato dipende comunque dal runtime e dal CDN di Framer: trattalo come un riferimento per la ricostruzione, non come qualcosa da mettere online. **Perderò il posizionamento su Google se passo da Framer ad Astro?** No, se ogni URL che porta traffico continua a funzionare. Mantieni identici i percorsi dove puoi, aggiungi redirect 301 permanenti per quelli che cambiano, riporta title, description e dati strutturati e tieni d'occhio Search Console per qualche settimana dopo il lancio. **Posso esportare i contenuti del CMS di Framer?** Framer indica che i contenuti del CMS si possono esportare con dei plugin in formati come CSV o JSON. Scarica anche ogni immagine e ogni file, perché i campi delle collezioni spesso puntano al CDN di Framer. **Il mio team potrà ancora modificare il sito senza codice dopo il passaggio ad Astro?** Sì, se il nuovo sito usa un CMS headless. I redattori lavorano in un'interfaccia web e il sito Astro viene ricostruito a partire da quei contenuti. dardo.studio funziona così. **Le animazioni di Framer funzionano in Astro?** Non direttamente. Gli effetti di Framer girano nel suo runtime, quindi ogni animazione che vuoi mantenere va ricostruita in CSS o con un piccolo script, idealmente con una versione a movimento ridotto. ## Fonti e approfondimenti Le fonti di questa pagina, con ulteriori dettagli dagli editori originali. - [Framer Help: posso esportare il mio sito in HTML e ospitarlo in autonomia? (in inglese)](https://www.framer.com/help/articles/can-i-export-my-website-to-html-and-self-host-it/) · framer.com - [Framer Help: trasferire i propri dati da Framer (in inglese)](https://www.framer.com/help/articles/porting-your-data-from-framer/) · framer.com - [Framer Help: come impostare i redirect (in inglese)](https://www.framer.com/help/articles/how-to-setup-redirects-to-maintain-seo-ranking/) · framer.com - [Prezzi di Framer](https://www.framer.com/pricing/) · framer.com - [Documentazione di Astro: content collections](https://docs.astro.build/en/guides/content-collections/) · docs.astro.build - [Documentazione di Astro: immagini](https://docs.astro.build/en/guides/images/) · docs.astro.build - [Documentazione di Astro: routing per l'internazionalizzazione (i18n)](https://docs.astro.build/en/guides/internationalization/) · docs.astro.build - [Documentazione di Astro: riferimento di configurazione (redirect)](https://docs.astro.build/en/reference/configuration-reference/) · docs.astro.build - [Google Search Central: spostamenti di siti con cambio di URL](https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes) · developers.google.com [Nicolás Cerón](https://dardo.studio/it/studio/) Nicolás Cerón è il fondatore di Dardo, studio di brand, web design e sviluppo web a Bogotá, in Colombia. ## Articoli correlati - [**Checklist SEO per la migrazione di un sito: cambia piattaforma o dominio senza perdere posizionamenti**Il posizionamento cala raramente per colpa della nuova piattaforma, ma perché gli URL che portavano traffico non rispondono più. Una checklist dall'inventario degli URL al giorno 90.](https://dardo.studio/it/blog/checklist-seo-migrazione-sito-web/) - [**WordPress o sito su misura? Come scegliere e quando conviene ciascuna opzione**WordPress o sito su misura? Quando scegliere l'uno o l'altro e la via di mezzo del WordPress headless: costi, velocità, aggiornamenti e proprietà a confronto.](https://dardo.studio/it/blog/wordpress-o-sito-su-misura/) - [**Migrare da Webflow ad Astro: come spostare il sito senza perdere contenuti, design e posizionamento**Migrare da Webflow ad Astro: l'esportazione esclude CMS, moduli, ricerca e lingue. Cosa portare via, cosa rifare in Astro e come tenere il posizionamento.](https://dardo.studio/it/blog/migrare-da-webflow-ad-astro/) - [**Siti web 3D: quando valgono la pena e come mantenerli veloci**Siti web 3D: quando valgono la pena, quando convengono video o immagini e come abbiamo reso veloci, accessibili e usabili i 10 mondi 3D di Janus Observatory.](https://dardo.studio/it/blog/siti-web-3d/) ## Continua a esplorare. - [Servizio · **Migrazione del sito web senza perdere la SEO**](https://dardo.studio/it/servizi/migrazione-sito-web/) - [Il tuo progetto · **Iniziamo a parlarne**](https://dardo.studio/it/contatti/)