--- title: "Migrare da Webflow ad Astro senza perdere la SEO — Dardo" description: "Migrare da Webflow ad Astro: l'export del codice esclude CMS, moduli e lingue. Cosa esportare, cosa ricostruire e come mantenere URL e posizionamento." url: "https://dardo.studio/it/blog/migrare-da-webflow-ad-astro/" language: "it" translations: {"en":"https://dardo.studio/en/blog/webflow-to-astro/","es":"https://dardo.studio/es/blog/migrar-de-webflow-a-astro/","fr":"https://dardo.studio/fr/blog/migrer-webflow-vers-astro/","de":"https://dardo.studio/de/blog/webflow-zu-astro-migrieren/","pt":"https://dardo.studio/pt/blog/migrar-de-webflow-para-astro/","nl":"https://dardo.studio/nl/blog/webflow-naar-astro/","sv":"https://dardo.studio/sv/blogg/migrera-webflow-till-astro/","pl":"https://dardo.studio/pl/blog/migracja-z-webflow-do-astro/","uk":"https://dardo.studio/uk/blog/webflow-to-astro/","ru":"https://dardo.studio/ru/blog/webflow-to-astro/","ar":"https://dardo.studio/ar/blog/webflow-to-astro/","hi":"https://dardo.studio/hi/blog/webflow-to-astro/","th":"https://dardo.studio/th/blog/webflow-to-astro/","ja":"https://dardo.studio/ja/blog/webflow-to-astro/","ko":"https://dardo.studio/ko/blog/webflow-to-astro/","zh-Hans":"https://dardo.studio/zh-Hans/blog/webflow-to-astro/","zh-Hant":"https://dardo.studio/zh-Hant/blog/webflow-to-astro/"} updated: "2026-10-13T02:20:02.437Z" --- [Blog](https://dardo.studio/it/blog/) # 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. Di [Nicolás Cerón](https://dardo.studio/it/studio/) ·12 ottobre 2026 ![Un'antica chiusa di canale in pietra di notte: le porte di legno sono aperte e una piccola barca cremisi scivola fuori da un canale dalla corrente rapida verso un porto tranquillo, con un osservatorio illuminato sulla collina sovrastante.](https://dardo.studio/_astro/01M4SGD5R7TZ48H2M3RJ9DSK7D_Z2nrI.webp) ## Punti chiave - Con i piani Workspace a pagamento Webflow esporta HTML, CSS, JavaScript e immagini, ma non i contenuti del CMS, la gestione dei moduli, la ricerca interna, la protezione con password né le lingue secondarie. - Esporta ogni Collection del CMS in CSV, una volta per lingua, oppure leggila tramite la Webflow Data API, e scarica ogni immagine: i campi immagine esportati puntano ancora all'hosting di Webflow. - Usa l'esportazione del codice come riferimento, non come nuovo sito: si porta dietro il JavaScript di Webflow, jQuery e Collection list vuote. - Webflow serve gli URL senza slash finale: imposta trailingSlash e build.format di Astro in modo che coincidano e aggiungi redirect 301 uno a uno lato server per tutto ciò che cambia. - Prima di chiudere il progetto Webflow, verifica che nessuna immagine, nessun PDF e nessuna immagine Open Graph venga ancora servita da website-files.com. ## 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](https://help.webflow.com/hc/en-us/articles/33961386739347-How-do-I-export-my-Webflow-site-code)). 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](https://webflow.com/pricing), 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 | Parte del sito | Inclusa nell'esportazione? | Cosa fare in Astro | | ------------------------------------------ | ------------------------------------------------- | ---------------------------------------------------------------- | | Pagine statiche | Sì, come file .html, solo nella lingua principale | Ricostruirle come pagine e componenti Astro | | Stili | Sì: il CSS del sito, webflow.css e normalize.css | Usarli come riferimento e tenere solo il CSS necessario | | Interazioni e componenti | Sì, tramite i file JavaScript di Webflow | Ricrearli con CSS o un piccolo script | | Immagini del pannello Assets | Sì | Ottimizzarle con astro:assets | | Elementi e liste delle Collection del CMS | No; le liste mostrano il loro stato vuoto | Esportarli in CSV o leggerli tramite l'API | | Invio dei moduli | Nessuna gestione degli invii | Collegare ogni modulo a un tuo endpoint | | Ricerca interna del sito | No | Aggiungere un indice di ricerca statico o un servizio di ricerca | | Protezione con password | No | Proteggere le pagine sull'hosting o nella tua applicazione | | Lingue secondarie | No; solo la lingua principale | Ricostruirle con il routing i18n di Astro | | Ecommerce, account utente, code components | No | Pianificare ciascuno come un progetto a sé | Fonte: l'articolo del centro assistenza di Webflow sull'[esportazione del codice del sito](https://help.webflow.com/hc/en-us/articles/33961386739347-How-do-I-export-my-Webflow-site-code). ## 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](https://help.webflow.com/hc/en-us/articles/33961290794771-How-do-I-import-content-into-the-Webflow-CMS)). 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](https://dardo.studio/it/blog/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](https://help.webflow.com/hc/en-us/articles/33961355371667-Create-a-sitemap-in-Webflow)). 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](https://help.webflow.com/hc/en-us/articles/33961211526291-Import-export-301-redirects)). 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](https://developers.webflow.com/data/reference/cms/collection-items) 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](https://docs.astro.build/en/guides/content-collections/) 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](https://docs.astro.build/en/guides/images/). 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](https://webflow.com/blog/gsap-becomes-free)). 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](https://pagefind.app/) 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](https://docs.astro.build/en/guides/internationalization/), 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](https://docs.astro.build/en/reference/configuration-reference/)); 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](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 Webflow | Su Astro | | ---------------------- | --------------------------------------------- | ------------------------------------------------------------- | | Modifica dei contenuti | Designer visuale ed editor del CMS di Webflow | Campi del CMS o codice, a seconda di cosa scegli | | Hosting | Hosting di Webflow, fatturato per sito | Qualsiasi hosting statico o piattaforma edge, come Cloudflare | | CMS | Collection di Webflow | Content collections o un CMS headless | | Moduli | Gestione dei moduli di Webflow | Un endpoint e uno storage tuoi | | Ricerca | Ricerca interna di Webflow (Premium) | Un indice statico o un servizio di ricerca | | Localizzazione | Componente aggiuntivo Webflow Localize | Routing i18n di Astro, un URL per lingua | | Animazioni | Webflow Interactions e GSAP | CSS e JavaScript tuoi, che puoi misurare | ## 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 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](https://dardo.studio/it/servizi/migrazione-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](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, e scriviamo e pubblichiamo questo blog tramite quel CMS. Se stai valutando il passaggio, [inviaci il sito e cosa vuoi cambiare](https://dardo.studio/it/contatti/?service=website-migration). Ti diremo se lasciare Webflow vale la pena prima di farti un preventivo. ## Domande frequenti **Posso esportare il mio sito Webflow in HTML?** Sì, con i piani Workspace a pagamento: Webflow esporta HTML, CSS, JavaScript e immagini, e puoi ospitarli ovunque senza attribuzione. I soli piani di sito non includono l'esportazione del codice, che in ogni caso lascia fuori i contenuti del CMS, la gestione dei moduli, la ricerca interna, la protezione con password e le lingue secondarie. **L'esportazione del codice di Webflow include i contenuti del CMS?** No. Le Collection list mostrano il loro stato vuoto e le pagine delle Collection perdono i contenuti collegati ai loro campi. Esporta ogni Collection in CSV dal pannello CMS, oppure leggila tramite la Webflow Data API, che tiene insieme campi e lingue. **Perderò il posizionamento su Google passando da Webflow ad Astro?** No, se ogni URL che porta traffico continua a funzionare. Mantieni gli stessi percorsi, compreso il formato senza slash finale di Webflow, aggiungi redirect 301 permanenti per ciò che cambia, riporta title, description e dati strutturati e tieni d'occhio Search Console per qualche settimana dopo il lancio. **Le interazioni di Webflow funzionano in Astro?** Non così come sono. Girano sul JavaScript di Webflow, quindi ogni interazione che decidi di mantenere va ricostruita con CSS o un piccolo script. Per animazioni più complesse, GSAP è gratuito per l'uso commerciale da aprile 2025. **Cosa succede ai moduli di Webflow dopo la migrazione?** I moduli esportati non inviano i dati da nessuna parte, perché Webflow gestisce gli invii sul proprio hosting. Collega ogni modulo a un tuo endpoint, come un Cloudflare Worker, un servizio per i moduli o il tuo CRM, verifica la consegna prima del lancio ed esporta a parte da Webflow gli invii già ricevuti. **Il mio team potrà ancora modificare il sito senza codice dopo aver lasciato Webflow?** Sì, se il sito Astro usa un CMS headless. I redattori lavorano in un'interfaccia web e il sito viene ricostruito a partire da quei contenuti. dardo.studio funziona così. ## Fonti e approfondimenti Le fonti di questa pagina, con ulteriori dettagli dagli editori originali. - [Webflow Help: come esportare il codice del sito Webflow (in inglese)](https://help.webflow.com/hc/en-us/articles/33961386739347-How-do-I-export-my-Webflow-site-code) · help.webflow.com - [Webflow Help: importare ed esportare i contenuti delle Collection del CMS (in inglese)](https://help.webflow.com/hc/en-us/articles/33961290794771-How-do-I-import-content-into-the-Webflow-CMS) · help.webflow.com - [Webflow Help: importare ed esportare i redirect 301 (in inglese)](https://help.webflow.com/hc/en-us/articles/33961211526291-Import-export-301-redirects) · help.webflow.com - [Webflow Help: creare una sitemap in Webflow (in inglese)](https://help.webflow.com/hc/en-us/articles/33961355371667-Create-a-sitemap-in-Webflow) · help.webflow.com - [Prezzi di Webflow](https://webflow.com/pricing) · webflow.com - [Webflow Data API: elencare gli elementi di una Collection (in inglese)](https://developers.webflow.com/data/reference/cms/collection-items) · developers.webflow.com - [Webflow: GSAP diventa gratuito al 100% (in inglese)](https://webflow.com/blog/gsap-becomes-free) · webflow.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](https://docs.astro.build/en/reference/configuration-reference/) · docs.astro.build - [Pagefind: ricerca statica (in inglese)](https://pagefind.app/) · pagefind.app - [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 - [**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.](https://dardo.studio/it/blog/migrare-da-framer-ad-astro/) - [**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/) - [**Migrare da WordPress ad Astro: come spostare il sito, in headless o del tutto, senza perdere posizionamento**Migrare da WordPress ad Astro, in headless o del tutto: cosa esportare, come tenere title di Yoast, permalink e upload, e gli URL che molti dimenticano.](https://dardo.studio/it/blog/migrare-da-wordpress-ad-astro/) - [**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/) ## 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/)