--- title: "Migrar de Webflow para Astro sem perder o SEO — Dardo" description: "Migrar de Webflow para Astro: a exportação não traz CMS, formulários nem idiomas. O que exportar, o que reconstruir e como manter URLs e posições." url: "https://dardo.studio/pt/blog/migrar-de-webflow-para-astro/" language: "pt" 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/","it":"https://dardo.studio/it/blog/migrare-da-webflow-ad-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:22:25.295Z" --- [Blog](https://dardo.studio/pt/blog/) # Migrar de Webflow para Astro: como mudar um site sem perder conteúdo, design nem posições no Google Migrar de Webflow para Astro: a exportação deixa de fora CMS, formulários, busca e idiomas. O que tirar do Webflow, o que refazer no Astro e como manter o SEO. Por [Nicolás Cerón](https://dardo.studio/pt/estudio/) ·12 de outubro de 2026 ![Uma antiga eclusa de pedra à noite, com as comportas de madeira abertas enquanto um pequeno barco carmesim desliza de um canal de correnteza forte para um porto calmo, com um observatório iluminado no alto da colina.](https://dardo.studio/_astro/01M4SGD5R7TZ48H2M3RJ9DSK7D_Z2nrI.webp) ## Pontos-chave - Nos planos pagos de Workspace, o Webflow exporta HTML, CSS, JavaScript e imagens, mas não o conteúdo do CMS, o processamento de formulários, a busca do site, a proteção por senha nem os idiomas secundários. - Exporte cada Collection do CMS para CSV, uma vez por idioma, ou leia-a pela Webflow Data API, e baixe todas as imagens: os campos de imagem exportados continuam apontando para a hospedagem do Webflow. - Trate a exportação de código como referência, não como o novo site: ela traz o JavaScript do Webflow, jQuery e Collection lists vazias. - O Webflow serve URLs sem barra no final; configure trailingSlash e build.format no Astro para que coincidam e crie redirecionamentos 301 de 1 para 1 no servidor para tudo o que mudar. - Antes de encerrar o projeto no Webflow, confira se nenhuma imagem, PDF ou imagem Open Graph continua sendo servida a partir de website-files.com. ## A resposta curta Sair do Webflow é mais fácil do que sair do Framer, que não tem nenhuma exportação em HTML, mas só até certo ponto. Nos planos pagos de Workspace, você pode exportar o HTML, o CSS, o JavaScript e as imagens do site e hospedá-los onde quiser. A central de ajuda do Webflow é igualmente clara sobre o que fica para trás: conteúdo do CMS, processamento de formulários, busca interna do site, proteção por senha, páginas localizadas e code components não entram na exportação, e as Collection lists aparecem no estado vazio ([Webflow Help](https://help.webflow.com/hc/en-us/articles/33961386739347-How-do-I-export-my-Webflow-site-code)). Por isso, migrar de Webflow para Astro é em parte exportação e em parte reconstrução. Você exporta o que o Webflow oferece, tira o CMS em CSV ou pela API, reconstrói cada template como componentes Astro, substitui formulários e busca, recria as interações que quer manter e dá a cada URL que muda um redirecionamento permanente. Feito nessa ordem, o novo site mantém o design, o conteúdo e as posições no Google. ## Por que as equipes trocam o Webflow pelo Astro O Webflow é um ótimo construtor visual, e muitas equipes de marketing deveriam continuar nele. Os motivos para sair costumam ter a ver com propriedade e custo, não com design: - **O site passa a ser da equipe de engenharia.** Quando são os desenvolvedores que fazem a maioria das mudanças, uma base de código no seu próprio repositório é mais rápida de trabalhar do que um canvas visual, e pode ficar ao lado do seu produto, do seu backend e dos seus testes. - **Custo do plano por site.** Na [página de preços do Webflow](https://webflow.com/pricing), consultada em 13 de outubro de 2026, o plano de site Basic custa USD 15 por mês e o Premium, o plano com o CMS do Webflow, USD 25 por mês, ambos com cobrança anual. A localização é um complemento a partir de USD 9 por mês. - **Recursos que precisam de um backend de verdade:** formulários que gravam no seu CRM, conteúdo restrito, busca em mais de um site ou qualquer coisa que tenha de rodar na sua própria infraestrutura. - **Exportar não basta para sair.** A exportação de código exige um plano pago de Workspace, não só um plano de site, e deixa o CMS de fora. Uma saída limpa exige planejamento de qualquer forma. Se a sua equipe de marketing publica páginas visualmente toda semana e o site cumpre o seu papel, continuar no Webflow é uma escolha razoável. Uma migração precisa trazer algo concreto. ## O que a exportação de código do Webflow inclui e o que deixa de fora | Parte do site | Vem na exportação? | O que fazer no Astro | | --------------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------ | | Páginas estáticas | Sim, como arquivos .html, só no idioma principal | Reconstruir como páginas e componentes Astro | | Estilos | Sim: o CSS do site, webflow.css e normalize.css | Usar como referência e manter só o CSS necessário | | Interações e componentes | Sim, por meio dos arquivos JavaScript do Webflow | Recriar com CSS ou um pequeno script | | Imagens do painel Assets | Sim | Otimizar com astro:assets | | Itens e listas das Collections do CMS | Não; as listas aparecem vazias | Exportar para CSV ou ler pela API | | Envio de formulários | Sem processamento | Apontar cada formulário para um endpoint próprio | | Busca interna do site | Não | Adicionar um índice de busca estático ou um serviço de busca | | Proteção por senha | Não | Proteger as páginas na hospedagem ou no seu aplicativo | | Idiomas secundários | Não; só o idioma principal | Reconstruir com o roteamento de i18n do Astro | | Ecommerce, contas de usuário, code components | Não | Planejar cada um como um projeto à parte | Fonte: artigo da central de ajuda do Webflow sobre [como exportar o código do site](https://help.webflow.com/hc/en-us/articles/33961386739347-How-do-I-export-my-Webflow-site-code). ## O que vimos ao analisar sites publicados no Webflow Em 13 de outubro de 2026, baixamos as páginas iniciais de sete sites feitos no Webflow, incluindo o próprio webflow.com, e analisamos o que uma migração teria de levar junto: - **Os sete carregam jQuery e suas imagens dos servidores do Webflow.** As imagens vêm de cdn.prod.website-files.com, e a própria central de ajuda do Webflow avisa que os campos de imagem e de arquivo exportados para CSV são links para a hospedagem do projeto original, que deixam de funcionar se esse projeto for excluído ([Webflow Help](https://help.webflow.com/hc/en-us/articles/33961290794771-How-do-I-import-content-into-the-Webflow-CMS)). Cada arquivo precisa ser baixado e hospedado de novo. - **Os sete também servem pelo Webflow a imagem de compartilhamento nas redes sociais.** A imagem Open Graph é fácil de esquecer, e as prévias de links no LinkedIn ou no WhatsApp ficam sem imagem quando o projeto antigo é encerrado. - **Os sete renderizam as listas do CMS diretamente no HTML publicado**, de 3 a 19 Collection lists por página inicial. É uma boa notícia: ao contrário de um site no Framer, que, como mostra o nosso [guia para migrar de Framer para Astro](https://dardo.studio/pt/blog/migrar-de-framer-para-astro/), é reconstruído por um runtime depois de carregar, uma página publicada no Webflow é uma referência completa de qual conteúdo vai onde, mesmo que a exportação de código deixe essas listas vazias. - **Cinco dos sete usam Webflow Interactions**, identificadas por atributos data-w-id em até 109 elementos de uma única página inicial. Cada uma é um pequeno comportamento a recriar, ou uma decisão de descartá-lo. ## De Webflow para Astro, passo a passo 1. **Faça o inventário de todas as URLs.** O Webflow gera o /sitemap.xml automaticamente quando essa opção está ativada ([Webflow Help](https://help.webflow.com/hc/en-us/articles/33961355371667-Create-a-sitemap-in-Webflow)). Acrescente todas as páginas de Collection, exporte o relatório Páginas do Google Search Console com o maior período disponível e exporte em CSV os redirecionamentos 301 existentes em Site settings, Publishing ([Webflow Help](https://help.webflow.com/hc/en-us/articles/33961211526291-Import-export-301-redirects)). 2. **Exporte o conteúdo.** Exporte cada Collection do CMS para CSV a partir do painel CMS, uma vez por idioma se você usa o Localize, e mantenha a coluna Item ID. O CSV achata os dados: campos de referência viram texto simples, multirreferências viram texto separado por vírgulas e rich text vira HTML. Para tudo o que tem referências, a [Webflow Data API](https://developers.webflow.com/data/reference/cms/collection-items) lista os itens com seus campos e idiomas, o que costuma ser mais limpo do que costurar os arquivos CSV de volta. 3. **Baixe todos os arquivos.** Imagens, PDFs, as fontes que a sua licença permite hospedar por conta própria, as imagens Open Graph e o favicon. Não encerre o projeto no Webflow enquanto o novo site ainda apontar para website-files.com. 4. **Exporte o código como referência.** Se você tem um plano pago de Workspace, exporte o HTML e o CSS. Não publique isso como o novo site: ele levaria junto o webflow.js, o jQuery e listas do CMS vazias. Use a exportação para ler com exatidão espaçamentos, breakpoints e a estrutura de classes. 5. **Modele o conteúdo no Astro.** Transforme cada Collection em uma [content collection](https://docs.astro.build/en/guides/content-collections/) do Astro ou em um modelo de headless CMS, mantendo as referências como referências, depois reconstrua cada template como componentes Astro e leve as imagens para o [astro:assets](https://docs.astro.build/en/guides/images/). 6. **Recrie as interações que carregam significado.** A maioria das Webflow Interactions vira transições CSS, keyframes ou algumas linhas de JavaScript. Para animações mais pesadas, o GSAP é gratuito para uso comercial desde abril de 2025, quando o Webflow o liberou ([Webflow](https://webflow.com/blog/gsap-becomes-free)). Em qualquer caso, respeite o prefers-reduced-motion. 7. **Substitua formulários, busca e páginas protegidas.** Dê a cada formulário um endpoint real (um Cloudflare Worker, um serviço de formulários ou o seu CRM), adicione um índice de busca estático como o [Pagefind](https://pagefind.app/) se o site precisar de busca e leve qualquer proteção por senha para a hospedagem ou para o seu aplicativo. 8. **Reconstrua direito as páginas localizadas.** A exportação de código só traz o idioma principal, então construa cada idioma com o [roteamento de i18n do Astro](https://docs.astro.build/en/guides/internationalization/), uma URL por idioma, com hreflang entre elas. 9. **Mantenha o formato das URLs.** O Webflow serve as páginas sem barra no final e redireciona /pricing/ para /pricing. Configure trailingSlash e build.format no Astro para que o novo site gere os mesmos endereços ([referência de configuração do Astro](https://docs.astro.build/en/reference/configuration-reference/)); cada diferença é um redirecionamento de que você não precisava. 10. **Redirecione no servidor, depois lance e acompanhe.** Um build estático do Astro sem adaptador transforma os redirecionamentos configurados em páginas de meta refresh, então configure redirecionamentos 301 de 1 para 1 onde o site estiver hospedado, por exemplo em um arquivo \_redirects do Cloudflare. Troque o DNS, mantenha o projeto no Webflow até o novo site ser verificado e acompanhe os relatórios de indexação do Search Console nas semanas seguintes. Nosso [checklist de SEO para migração de site](https://dardo.studio/pt/blog/checklist-seo-migracao-de-site/) cobre o dia do lançamento e os 90 dias seguintes. ## O que muda depois da migração | Área | No Webflow | No Astro | | ----------- | ------------------------------------------ | ------------------------------------------------------------------ | | Edição | Designer visual e editor do CMS do Webflow | Campos de um CMS ou código, conforme a sua escolha | | Hospedagem | Hospedagem do Webflow, cobrada por site | Qualquer hospedagem estática ou plataforma edge, como a Cloudflare | | CMS | Collections do Webflow | Content collections ou um headless CMS | | Formulários | Processamento de formulários do Webflow | Endpoint e armazenamento próprios | | Busca | Busca do site do Webflow (Premium) | Um índice estático ou um serviço de busca | | Localização | Complemento Webflow Localize | Roteamento de i18n do Astro, uma URL por idioma | | Animação | Webflow Interactions e GSAP | CSS e JavaScript próprios, que você pode medir | ## Como manter o SEO intacto As orientações do Google sobre [mudanças de site com alteração de URLs](https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes) valem aqui: associe cada URL antiga ao equivalente novo mais próximo, use redirecionamentos permanentes no servidor e mantenha-os por pelo menos um ano. Se as URLs continuarem idênticas, o que uma reconstrução cuidadosa muitas vezes consegue com o Webflow, o principal é verificar se títulos, descrições, tags canonical, dados estruturados e imagens Open Graph vieram junto. As armadilhas específicas do Webflow são as sobras: uma imagem Open Graph ou um PDF ainda servido a partir de website-files.com, um endereço de staging webflow.io ainda indexado ou uma página do CMS cujo slug mudou na migração. Confira os três pontos antes de encerrar o projeto no Webflow. ## Como a Dardo conduz uma migração do Webflow Fazemos migrações do Webflow como parte do nosso serviço de [migração de site](https://dardo.studio/pt/servicos/migracao-de-site/): inventário de URLs e conteúdo, exportação do CMS, uma página representativa reconstruída primeiro e revisada nas larguras combinadas e, depois, o restante dos templates, formulários e redirecionamentos. A construção em si é [desenvolvimento web](https://dardo.studio/pt/servicos/desenvolvimento-web/) em Astro, e o trabalho de animação é [desenvolvimento criativo](https://dardo.studio/pt/servicos/desenvolvimento-criativo/). Este site, o dardo.studio, roda em Astro no Cloudflare Workers, com o conteúdo em um headless CMS, e escrevemos e publicamos este blog por meio desse CMS. Se você está avaliando uma migração, [envie o site e o que você quer mudar](https://dardo.studio/pt/contato/?service=website-migration). Vamos dizer se vale a pena sair do Webflow antes de fazer um orçamento. ## Perguntas frequentes **Posso exportar meu site do Webflow em HTML?** Sim, nos planos pagos de Workspace: o Webflow exporta HTML, CSS, JavaScript e imagens, e você pode hospedá-los em qualquer lugar sem atribuição. Os planos de site sozinhos não incluem a exportação de código, e a exportação deixa de fora o conteúdo do CMS, o processamento de formulários, a busca do site, a proteção por senha e os idiomas secundários. **A exportação de código do Webflow inclui o conteúdo do CMS?** Não. As Collection lists aparecem no estado vazio e as páginas de Collection perdem o conteúdo vinculado aos seus campos. Exporte cada Collection para CSV pelo painel CMS ou leia-a pela Webflow Data API, que mantém campos e idiomas juntos. **Vou perder posições no Google se migrar do Webflow para o Astro?** Não, se toda URL que gera tráfego continuar funcionando. Mantenha os mesmos caminhos, incluindo o formato sem barra no final do Webflow, crie redirecionamentos 301 permanentes para o que mudar, leve junto títulos, descrições e dados estruturados e acompanhe o Search Console por algumas semanas após o lançamento. **As interações do Webflow funcionam no Astro?** Não do jeito que estão. Elas rodam no JavaScript do Webflow, então cada interação que você mantiver é recriada com CSS ou um pequeno script. Para animações mais pesadas, o GSAP é gratuito para uso comercial desde abril de 2025. **O que acontece com os formulários do Webflow depois da migração?** Os formulários exportados não enviam para lugar nenhum, porque o Webflow processa os envios na própria hospedagem. Aponte cada formulário para um endpoint próprio, como um Cloudflare Worker, um serviço de formulários ou o seu CRM, teste a entrega antes do lançamento e exporte do Webflow, à parte, os envios anteriores. **Minha equipe vai continuar editando o site sem código depois de sair do Webflow?** Sim, se o site em Astro usar um headless CMS. Os editores trabalham em uma interface web e o site é reconstruído a partir desse conteúdo. O dardo.studio funciona assim. ## Fontes e leituras adicionais Fontes desta página, com mais detalhes dos publicadores originais. - [Webflow Help: como exportar o código do site no Webflow (em inglês)](https://help.webflow.com/hc/en-us/articles/33961386739347-How-do-I-export-my-Webflow-site-code) · help.webflow.com - [Webflow Help: importar e exportar conteúdo das Collections do CMS (em inglês)](https://help.webflow.com/hc/en-us/articles/33961290794771-How-do-I-import-content-into-the-Webflow-CMS) · help.webflow.com - [Webflow Help: importar e exportar redirecionamentos 301 (em inglês)](https://help.webflow.com/hc/en-us/articles/33961211526291-Import-export-301-redirects) · help.webflow.com - [Webflow Help: criar um sitemap no Webflow (em inglês)](https://help.webflow.com/hc/en-us/articles/33961355371667-Create-a-sitemap-in-Webflow) · help.webflow.com - [Preços do Webflow](https://webflow.com/pricing) · webflow.com - [Webflow Data API: listar os itens de uma Collection (em inglês)](https://developers.webflow.com/data/reference/cms/collection-items) · developers.webflow.com - [Webflow: o GSAP passa a ser 100% gratuito (em inglês)](https://webflow.com/blog/gsap-becomes-free) · webflow.com - [Documentação do Astro: Content collections](https://docs.astro.build/en/guides/content-collections/) · docs.astro.build - [Documentação do Astro: Imagens](https://docs.astro.build/en/guides/images/) · docs.astro.build - [Documentação do Astro: Roteamento de internacionalização (i18n)](https://docs.astro.build/en/guides/internationalization/) · docs.astro.build - [Documentação do Astro: Referência de configuração](https://docs.astro.build/en/reference/configuration-reference/) · docs.astro.build - [Pagefind: busca estática (em inglês)](https://pagefind.app/) · pagefind.app - [Google Search Central: Mudanças de site com alteração de URLs](https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes) · developers.google.com [Nicolás Cerón](https://dardo.studio/pt/estudio/) Nicolás Cerón é o fundador da Dardo, um estúdio de marca, design e desenvolvimento web em Bogotá, na Colômbia. ## Artigos relacionados - [**Migrar de Framer para Astro: como mudar um site Framer sem perder o design nem as posições no Google**Migrar de Framer para Astro é reconstruir, porque o Framer não exporta HTML. O que capturar primeiro, o que quebra e como manter design, URLs e posições.](https://dardo.studio/pt/blog/migrar-de-framer-para-astro/) - [**Checklist de SEO para migração de site: troque de plataforma ou domínio sem perder posições**As posições raramente caem por causa da nova plataforma, e sim porque URLs que geravam tráfego deixaram de responder. Um checklist do inventário de URLs ao dia 90.](https://dardo.studio/pt/blog/checklist-seo-migracao-de-site/) - [**Migrar de WordPress para Astro: como mudar o site, headless ou por completo, sem perder posições no Google**Migrar de WordPress para Astro, headless ou por completo: o que exportar, como manter títulos do Yoast, permalinks e uploads, e as URLs que muitos esquecem.](https://dardo.studio/pt/blog/migrar-de-wordpress-para-astro/) - [**WordPress ou site sob medida? Como escolher e quando cada um compensa**WordPress ou site sob medida: quando cada um compensa e o meio-termo do WordPress headless, comparados em custo, velocidade, atualizações e propriedade.](https://dardo.studio/pt/blog/wordpress-ou-site-sob-medida/) ## Continue explorando. - [Serviço · **Migração de site sem perder o SEO**](https://dardo.studio/pt/servicos/migracao-de-site/) - [Seu projeto · **Vamos conversar**](https://dardo.studio/pt/contato/)