Migrare da Webflow ad Astro: come spostare il sito senza perdere contenuti, design e posizionamento

La risposta breve

Uscire da Webflow è più facile che uscire da Framer, che non offre alcuna esportazione in HTML, ma solo fino a un certo punto. Con i piani Workspace a pagamento puoi esportare HTML, CSS, JavaScript e immagini del sito e ospitarli dove vuoi. Il centro assistenza di Webflow è altrettanto chiaro su ciò che resta fuori: contenuti del CMS, gestione dei moduli, ricerca interna del sito, protezione con password, pagine localizzate e code components non sono inclusi nell'esportazione, e le Collection list mostrano il loro stato vuoto (Webflow Help).

Migrare da Webflow ad Astro, quindi, è in parte un'esportazione e in parte una ricostruzione. Esporti ciò che Webflow ti dà, estrai il CMS in CSV o tramite l'API, ricostruisci ogni template come componenti Astro, sostituisci moduli e ricerca, ricrei le interazioni che vuoi mantenere e assegni un redirect permanente a ogni URL che cambia. Se segui quest'ordine, il nuovo sito mantiene design, contenuti e posizionamento.

Perché i team passano da Webflow ad Astro

Webflow è un ottimo builder visuale, e molti team marketing farebbero bene a restarci. I motivi per lasciarlo riguardano di solito la proprietà e i costi, più che il design:

• Il sito passa in mano agli sviluppatori. Quando la maggior parte delle modifiche la fanno gli sviluppatori, un codebase nel tuo repository è più rapido da gestire di un canvas visuale, e può stare accanto al tuo prodotto, al tuo backend e ai tuoi test.
• Il costo del piano per ogni sito. Sulla pagina dei prezzi di Webflow, consultata il 13 ottobre 2026, il piano di sito Basic costa 15 USD al mese e Premium, il piano che include il CMS di Webflow, 25 USD al mese, entrambi con fatturazione annuale. La localizzazione è un componente aggiuntivo a partire da 9 USD al mese.
• Funzionalità che richiedono un vero backend: moduli che scrivono nel tuo CRM, contenuti riservati, una ricerca su più siti o qualsiasi cosa debba girare sulla tua infrastruttura.
• Esportare non basta per uscire. L'esportazione del codice richiede un piano Workspace a pagamento, non solo un piano di sito, e lascia fuori il CMS. In ogni caso, un'uscita pulita va pianificata.

Se il tuo team marketing pubblica pagine in modo visuale ogni settimana e il sito fa il suo lavoro, restare su Webflow è una scelta ragionevole. Una migrazione deve portare un vantaggio preciso.

Cosa include e cosa lascia fuori l'esportazione del codice di Webflow

Fonte: l'articolo del centro assistenza di Webflow sull'esportazione del codice del sito.

Cosa abbiamo visto analizzando siti Webflow pubblicati

Il 13 ottobre 2026 abbiamo scaricato le homepage di sette siti realizzati con Webflow, compreso webflow.com, e abbiamo controllato cosa dovrebbe trasferire una migrazione:

• Tutti e sette caricano jQuery e le immagini dai server di Webflow. Le immagini arrivano da cdn.prod.website-files.com, e lo stesso centro assistenza di Webflow segnala che i campi immagine e file esportati in CSV sono link all'hosting del progetto originale, che smettono di funzionare se quel progetto viene eliminato (Webflow Help). Ogni asset va scaricato e ospitato di nuovo.
• Tutti e sette servono da Webflow anche l'immagine per la condivisione sui social. L'immagine Open Graph è facile da dimenticare, e le anteprime dei link su LinkedIn o WhatsApp restano senza immagine quando il vecchio progetto viene chiuso.
• Tutti e sette mostrano le liste del CMS direttamente nell'HTML pubblicato, da 3 a 19 Collection list per homepage. È una buona notizia: a differenza di un sito Framer, che, come mostra la nostra guida per migrare da Framer ad Astro, viene ricostruito da un runtime dopo il caricamento, una pagina Webflow pubblicata è un riferimento completo di quali contenuti vanno dove, anche se l'esportazione del codice lascia vuote quelle liste.
• Cinque su sette usano le Webflow Interactions, riconoscibili dagli attributi data-w-id, presenti su un massimo di 109 elementi in una sola homepage. Ognuna è un piccolo comportamento da ricreare, oppure una decisione di eliminarlo.

Da Webflow ad Astro, passo dopo passo

1. Fai l'inventario di ogni URL. Webflow genera automaticamente /sitemap.xml quando l'opzione è attiva (Webflow Help). Aggiungi ogni pagina delle Collection, esporta il report Pagine di Google Search Console sull'intervallo più lungo disponibile ed esporta in CSV i redirect 301 esistenti da Site settings, Publishing (Webflow Help).
2. Esporta i contenuti. Esporta ogni Collection del CMS in CSV dal pannello CMS, una volta per ogni lingua se usi Localize, e conserva la colonna Item ID. Il CSV appiattisce i dati: i campi reference diventano testo semplice, i multi-reference testo separato da virgole e il rich text HTML. Per tutto ciò che contiene riferimenti, la Webflow Data API elenca gli elementi con i loro campi e le loro lingue, e di solito è una strada più pulita che ricucire insieme i file CSV.
3. Scarica ogni asset. Immagini, PDF, i font che la licenza ti permette di ospitare in autonomia, le immagini Open Graph e la favicon. Chiudi il progetto Webflow solo quando il nuovo sito non punta più a website-files.com.
4. Esporta il codice come riferimento. Se hai un piano Workspace a pagamento, esporta HTML e CSS. Non metterlo online come nuovo sito: si porterebbe dietro webflow.js, jQuery e liste del CMS vuote. Usalo per leggere con esattezza spaziature, breakpoint e struttura delle classi.
5. Modella i contenuti in Astro. Trasforma ogni Collection in una content collection di Astro o in un modello di un CMS headless, mantenendo i riferimenti come riferimenti, poi ricostruisci ogni template come componenti Astro e sposta le immagini in astro:assets.
6. Ricrea le interazioni che hanno un significato. La maggior parte delle Webflow Interactions diventa transizioni CSS, keyframe o poche righe di JavaScript. Per animazioni più complesse, GSAP è gratuito per l'uso commerciale da aprile 2025, quando Webflow lo ha reso tale (Webflow). In ogni caso, rispetta prefers-reduced-motion.
7. Sostituisci moduli, ricerca e pagine protette. Dai a ogni modulo un vero endpoint (un Cloudflare Worker, un servizio per i moduli o il tuo CRM), aggiungi un indice di ricerca statico come Pagefind se il sito ha bisogno della ricerca e sposta l'eventuale protezione con password sull'hosting o nella tua applicazione.
8. Ricostruisci bene le pagine localizzate. L'esportazione del codice include solo la lingua principale, quindi costruisci ogni lingua con il routing i18n di Astro, con un URL per lingua e hreflang tra le versioni.
9. Rispetta il formato degli URL. Webflow serve le pagine senza slash finale e reindirizza /pricing/ a /pricing. Imposta trailingSlash e build.format di Astro in modo che il nuovo sito generi gli stessi indirizzi (riferimento di configurazione di Astro); ogni differenza è un redirect che potevi evitare.
10. Fai i redirect sul server, poi lancia e monitora. Una build statica di Astro senza adapter trasforma i redirect configurati in pagine meta refresh, quindi imposta redirect 301 uno a uno dove il sito è ospitato, per esempio in un file _redirects di Cloudflare. Cambia il DNS, conserva il progetto Webflow finché il nuovo sito non è verificato e segui i report di indicizzazione di Search Console nelle settimane successive. La nostra checklist SEO per la migrazione di un sito copre il giorno del lancio e i 90 giorni successivi.

Cosa cambia dopo la migrazione

Mantenere intatta la SEO

Le indicazioni di Google sugli spostamenti di siti con cambio di URL 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 con Webflow una ricostruzione accurata spesso permette, devi soprattutto verificare che title, description, tag canonical, dati strutturati e immagini Open Graph siano stati trasferiti.

Le trappole tipiche di Webflow sono i residui: un'immagine Open Graph o un PDF ancora serviti da website-files.com, un indirizzo di staging webflow.io ancora indicizzato o una pagina del CMS il cui slug è cambiato durante la migrazione. Controlla tutti e tre i punti prima di chiudere il progetto Webflow.

Come Dardo gestisce una migrazione da Webflow

Gestiamo i passaggi da Webflow all'interno del nostro servizio di migrazione del sito web: inventario di URL e contenuti, esportazione del CMS, 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 in Astro, e le animazioni rientrano nello sviluppo creativo. Questo sito, dardo.studio, gira su Astro su Cloudflare Workers con i contenuti in un CMS headless, e scriviamo e pubblichiamo questo blog tramite quel CMS.

Se stai valutando il passaggio, inviaci il sito e cosa vuoi cambiare. Ti diremo se lasciare Webflow vale la pena prima di farti un preventivo.