--- title: "Migração de Webflow para Astro: saia sem perder SEO — Dardo" description: "Migramos sites do Webflow para Astro: Collections, idiomas do Localize, interações e arquivos, com cada URL antiga mapeada e rastreada no staging primeiro." url: "https://dardo.studio/pt/servicos/migracao-webflow-para-astro/" language: "pt" translations: {"en":"https://dardo.studio/en/services/webflow-to-astro/","es":"https://dardo.studio/es/servicios/migracion-webflow-a-astro/"} updated: "2026-10-22T12:00:00Z" --- # Migração de Webflow para Astro levando CMS, design e URLs Reconstruímos sites do Webflow em Astro, com o conteúdo em um CMS headless que é seu. As Collections saem do Webflow idioma por idioma com as referências intactas, todos os arquivos saem do CDN do Webflow, as interações que valem a pena são recriadas e cada URL mantém o endereço ou recebe um 301. Antes de o DNS mudar, rastreamos o staging com a lista completa de URLs antigas para confirmar a paridade de SEO. Por [Nicolás Cerón](https://dardo.studio/pt/nicolas-ceron/) · Atualizado em 22 de out. de 2026 · 14 min de leitura [Pedir uma proposta](https://dardo.studio/pt/contato/?service=webflow-to-astro) · [Fale com a gente no WhatsApp](https://wa.me/573132340197?text=Oi%2C%20Dardo!%20Gostaria%20de%20receber%20uma%20proposta%20para%3A%20Migra%C3%A7%C3%A3o%20de%20Webflow%20para%20Astro%20levando%20CMS%2C%20design%20e%20URLs) ## Por que as equipes trocam o Webflow pelo Astro As equipes raramente saem do Webflow por causa do design. Elas saem quando os desenvolvedores fazem a maioria das mudanças, quando assentos e idiomas não param de aumentar a conta ou quando o site precisa de coisas que a hospedagem do Webflow não roda, como formulários que gravam nos seus próprios sistemas ou código compartilhado com o seu produto. - Assentos. O Webflow aposentou o Editor antigo em 5 de outubro de 2026, e cada novo editor precisa de um assento pago: US$ 15 por mês pelo limitado ou US$ 39 pelo completo, na cobrança anual, em outubro de 2026. - Planos. Em maio de 2026, o Webflow juntou os planos CMS e Business no Premium, a US$ 25 por mês na cobrança anual ou US$ 39 na mensal, e os sites existentes passam para ele na renovação. - Idiomas. Em outubro de 2026, o Localize Essential custa US$ 9 por mês por idioma, até três; URLs traduzidas exigem o Advanced, a US$ 29 por idioma. - Limites. O Premium inclui 20.000 itens de CMS, 40 Collections, 300 páginas estáticas e 50 GB de banda; dois meses seguidos acima do limite de banda disparam um upgrade automático. - Propriedade da engenharia. Um repositório pode compartilhar componentes com o seu produto e passar por code review; um canvas visual não. Para a maioria dos sites, a mudança de planos de 2026 alterou a conta em algumas dezenas a poucas centenas de dólares por ano, o que sozinho não paga uma reconstrução. Nosso guia de [preços do Webflow 2026](https://dardo.studio/pt/blog/precos-webflow-2026/) mostra quem paga mais na renovação e a partir de quando. ## Webflow e Astro comparados para esta migração O Webflow vende hospedagem, um Designer visual e um CMS em uma única assinatura por site. O Astro separa tudo isso em um framework no seu repositório, uma hospedagem e um CMS que você escolhe. Os valores do Webflow são os preços de outubro de 2026. Se o seu site se comporta como um aplicativo com login, e não como um conjunto de páginas, leia antes [Astro vs Next.js](https://dardo.studio/pt/blog/astro-vs-nextjs/). __Webflow e Astro comparados para esta migração__ | Área | Webflow | Astro na Cloudflare | | ----------------- | ----------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- | | Hospedagem | CDN do Webflow, cobrado por site; o Premium inclui 50 GB, e 100 GB custam US$ 20 a mais por mês | Qualquer hospedagem estática ou plataforma edge; a Cloudflare serve arquivos estáticos sem cobrança por requisição | | Edição | Assentos completos trabalham no Designer; assentos limitados mudam conteúdo e montam páginas com componentes existentes | Campos com prévia em um CMS headless; layouts novos passam por um desenvolvedor | | Limites do CMS | 20.000 itens em 40 Collections e 300 páginas estáticas no Premium | Os do próprio plano do CMS: 10.000 documentos no Sanity Free, nenhum no Payload auto-hospedado | | Controles de SEO | Títulos, descrições, canonicals, sitemap e 301 nativos | Os mesmos controles como código dos templates e campos do CMS; 301 configurados em um arquivo \_redirects ou em código no Worker, na hospedagem | | Idiomas | Localize, cobrado por idioma; URLs traduzidas só no Advanced | Roteamento de i18n com uma URL por idioma e hreflang escrito pelos templates | | Dependência | Exportação de código nos planos pagos de Workspace, sem conteúdo do CMS, processamento de formulários nem idiomas secundários | Templates em um repositório Git sob seu controle; um CMS que pode ser trocado ou auto-hospedado | | Custo de operação | Premium a US$ 25 por mês na cobrança anual, mais assentos e idiomas | Hospedagem a partir de US$ 0, ou US$ 5 por mês no Workers Paid, com o CMS cobrado à parte | Quer que a Dardo faça isso por você? Conte o que você precisa. Nico responde pessoalmente em até um dia útil. [Pedir uma proposta](https://dardo.studio/pt/contato/?service=webflow-to-astro) ## O que sai do Webflow e o que fica para trás Um site no Webflow roda nos servidores do Webflow, então nenhum arquivo único contém o site. Cada parte tem a sua própria saída, e algumas não têm nenhuma. Essa é a principal diferença em relação a [sair do WordPress](https://dardo.studio/pt/servicos/migracao-wordpress-para-astro/), onde o banco de dados e os uploads são seus para copiar. - As Collections são exportadas em CSV pelo painel do CMS, uma de cada vez e só no idioma que está na tela. Referências viram texto simples, multirreferências viram listas separadas por vírgula e rich text vira HTML. - A Data API devolve até 100 itens por requisição e mantém referências e idiomas juntos; com as 120 requisições por minuto do Premium, 20.000 itens levam cerca de 200 chamadas por idioma. - Imagens e arquivos do CMS, inclusive os do rich text, continuam sendo links para o CDN do Webflow, e o Webflow avisa que eles quebram quando o projeto é excluído. - A exportação de código, nos planos pagos de Workspace como o Core a US$ 19 por mês na cobrança anual, traz HTML, CSS, o JavaScript do Webflow e as imagens do painel Assets. As Collection lists saem vazias. - Idiomas secundários, processamento de formulários, busca do site, páginas protegidas por senha e code components não saem em nenhuma exportação. - Os 301 existentes são exportados em CSV em Site settings, e os envios de formulários são baixados em CSV nos planos de site pagos. ## Como o conteúdo do Webflow vira conteúdo no Astro O novo modelo de conteúdo parte das suas Collections e das relações entre elas, não das colunas do CSV, para que um post continue apontando para o seu autor e os editores continuem encontrando os campos que já conhecem. __Como o conteúdo do Webflow vira conteúdo no Astro__ | No Webflow | No Astro | Como migra | | --------------------------------------- | ---------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- | | Páginas estáticas | Páginas Astro montadas com componentes | Refeitas um template de cada vez, com a página publicada e a exportação de código como referência | | Collections e páginas de Collection | Content collections ou tipos do CMS, uma rota por página de Collection | Lidas pela Data API, com cada slug mantido como está | | Campos de referência e multirreferência | Referências entre tipos | Unidos pelo Item ID, não pelos nomes que o CSV imprime | | Rich text | Rich text com imagens locais | HTML convertido, e cada imagem tirada de website-files.com | | Collection lists e filtros | Consultas dentro de cada template | Refeitos a partir do que a página publicada mostra, já que a exportação os deixa vazios | | Interactions e GSAP | Transições CSS, keyframes ou um pequeno script | Cada uma mantida, simplificada ou descartada, respeitando as configurações de movimento reduzido | | Idiomas do Localize | Rotas de i18n com hreflang recíproco | Exportados idioma por idioma e conferidos com as URLs no ar | | Formulários | Um endpoint que é seu, como um Worker na Cloudflare ou o seu CRM | Envios anteriores baixados; entrega confirmada com um envio real | | Busca do site | Um índice estático como o Pagefind | Gerado durante o build | | Redirecionamentos 301 em Site settings | Regras no arquivo de redirecionamentos da hospedagem | Exportados em CSV e incorporados ao novo mapa | ## Como migramos um site do Webflow para Astro No Webflow, a ordem do trabalho importa, porque o projeto guarda os arquivos, o histórico de formulários e a lista de redirecionamentos até o dia em que o plano é cancelado. Tiramos tudo de lá antes que qualquer coisa mude. - Registramos tudo o que o site faz: sitemap do Webflow, cada página de Collection, ao menos 12 meses das principais páginas de entrada no Search Console e no analytics, backlinks, formulários com destinos e cada script. - Cada URL antiga recebe uma decisão em um mapa 1:1: manter, 301, unir, ou 404 ou 410. Nosso [gerador de redirecionamento 301](https://dardo.studio/pt/ferramentas/gerador-redirecionamento-301/) faz a primeira versão a partir dos sitemaps antigo e novo. - Em seguida desenhamos o modelo de conteúdo; depois exportamos as Collections, os idiomas, os arquivos, os redirecionamentos existentes e os envios de formulários. - O build em Astro é preenchido em um endereço de staging com noindex, e o Webflow continua servindo o site no ar até o lançamento. - Antes do lançamento, rastreamos o staging com cada URL antiga, incluindo cada item de Collection, e corrigimos cada divergência. - O lançamento é uma janela combinada: DNS fora do Webflow, redirecionamentos ativos na nova hospedagem, sitemap enviado, formulários testados com envios reais. - Nos dias 30 e 60, comparamos indexação e cliques com a linha de base e depois entregamos o repositório, o CMS, o DNS e a lista de redirecionamentos. A versão passo a passo, com cada detalhe da exportação e cada configuração do Astro, é o nosso [guia para migrar de Webflow para Astro](https://dardo.studio/pt/blog/migrar-de-webflow-para-astro/). Deixar a migração conosco significa o nosso serviço de [migração de site](https://dardo.studio/pt/servicos/migracao-de-site/): os templates são construídos pelo [desenvolvimento em Astro](https://dardo.studio/pt/servicos/desenvolvimento-astro/), e as Collections viram um modelo em [um CMS headless](https://dardo.studio/pt/servicos/desenvolvimento-cms-headless/) que os seus editores podem usar no dia seguinte ao lançamento. ## Verificações de lançamento para um site que sai do Webflow Depois de uma migração do Webflow, os problemas costumam vir das sobras: um arquivo ainda servido pelo Webflow, um endereço de staging webflow.io ainda indexado ou um slug de Collection que mudou no caminho. - Cada URL antiga, incluindo os itens de Collection, rastreada no staging: cada uma responde 200, redireciona uma vez com 301 ou retorna um 410 ou 404 intencional. - Caminhos servidos sem barra no final, como o Webflow os serve, para que nenhum redirecionamento seja necessário só por causa do formato. - Nenhum link restante para website-files.com em páginas, entradas do CMS, PDFs ou imagens Open Graph. - Títulos, descrições e imagens Open Graph de cada página estática e de cada template de Collection comparados com o site no ar. - Cada novo endereço tem a sua própria tag canonical, e cada idioma que o Localize servia aponta para os demais com hreflang. - Schema adicionado pelo código personalizado do Webflow, inclusive o preenchido com campos do CMS, refeito nos templates e testado no Teste de Resultados Avançados. - Formulários entregues aos destinos reais, e eventos de analytics que respeitam o banner de consentimento. - Noindex do staging removido, sitemap enviado e o endereço webflow.io conferido em busca de páginas indexadas antes de encerrar o projeto. - Cliques e impressões comparados por página aos 30 e 60 dias. Nosso [checklist de SEO para migração de site](https://dardo.studio/pt/blog/checklist-seo-migracao-de-site/) traz a sequência completa. ## Quando continuar no Webflow Muitas vezes, continuar é a decisão certa. Para a maioria dos sites, uma reconstrução custa mais do que anos de mensalidades do Webflow, então a migração precisa se pagar em propriedade, edição ou recursos. - O marketing monta e reorganiza páginas visualmente toda semana. Um CMS headless oferece campos e prévia, não um canvas. - Vocês pagam por mês e a renovação é a única queixa. A cobrança anual leva o Premium de US$ 39 para US$ 25 por mês. - Suas Collections cabem nos 20.000 itens e nas 40 Collections do Premium, e o conteúdo não é necessário fora do site. - Ninguém vai cuidar do repositório depois do lançamento: atualizações de pacotes, o CMS e a hospedagem precisam de um responsável com nome. Quando a resposta é ficar, podemos melhorar o site onde ele está com o nosso [desenvolvimento Webflow](https://dardo.studio/pt/servicos/desenvolvimento-webflow/). Se vocês querem sair, mas a equipe precisa continuar desenhando em um canvas, a [migração de Webflow para Framer](https://dardo.studio/pt/servicos/migracao-webflow-para-framer/) é o passo mais próximo, e o nosso guia de [alternativas ao Webflow](https://dardo.studio/pt/blog/alternativas-ao-webflow/) compara cada opção por custo de operação e esforço. ## Quanto custa manter o Astro depois do Webflow Os custos de operação costumam cair, porque assentos, idiomas e banda deixam de ser complementos por site. O exemplo: um dono, dois editores, um segundo idioma e menos de 50 GB de tráfego por mês, com os preços dos fornecedores em outubro de 2026, cobrança anual, em dólares americanos. __Quanto custa manter o Astro depois do Webflow__ | Item | Webflow | Astro na Cloudflare | | ---------------------- | ----------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------- | | Plano ou hospedagem | Premium: US$ 25 por mês | US$ 0 para arquivos estáticos; Workers Paid a US$ 5 por mês quando formulários e funções passam das 100.000 requisições diárias gratuitas | | Dono e dois editores | Um assento completo incluído no Workspace; dois assentos limitados a US$ 30 por mês | Sanity Free a US$ 0 (só as funções Administrator e Viewer); Sanity Growth com três assentos, US$ 45 | | Segundo idioma | Localize Essential: US$ 9 por mês; Advanced a US$ 29 para URLs traduzidas | Sem taxa de plataforma; o custo é escrever e revisar o idioma | | Tráfego acima de 50 GB | US$ 20 a mais por mês por 100 GB | Sem cobrança de banda no Workers Paid | | Total mensal | US$ 64, ou US$ 768 por ano | US$ 0 a 50, ou até US$ 600 por ano | As mensalidades sozinhas raramente pagam uma reconstrução, então coloque os dois lados na conta. Nossa [calculadora de renovação do Webflow](https://dardo.studio/pt/ferramentas/calculadora-precos-webflow/) coloca a sua renovação ao lado do custo anual de um site em código. A migração é orçada a partir do inventário de URLs, sem preço fixo: Collections e itens, templates, interações que valem a pena manter, idiomas, formulários e integrações mexem no valor. Para preços publicados no mercado, veja [quanto custa migrar um site](https://dardo.studio/pt/blog/quanto-custa-migrar-um-site/). ## Dúvidas antes de escolher **Sair do Webflow vai prejudicar nosso tráfego de busca?** Um curto período de oscilação é normal; o guia do Google para mudanças de site diz que as posições podem flutuar enquanto as páginas são rastreadas de novo. Danos duradouros têm causas evitáveis: uma página de Collection que ficou sem redirecionamento, uma imagem Open Graph ou um PDF ainda no CDN do Webflow, ou campos de SEO que não vieram junto. O rastreamento do staging e as revisões aos 30 e 60 dias existem para pegar esses casos. Ninguém pode prometer posições. **Dá para manter as URLs e os slugs das Collections do Webflow?** Sim. Páginas estáticas e páginas de Collection mantêm os caminhos, os slugs saem com cada item e o novo site serve os endereços sem barra no final, como o Webflow. Qualquer caminho que precise mudar recebe um 301 na hospedagem, e os redirecionamentos já configurados no Webflow entram no mesmo mapa. **A exportação de código do Webflow inclui o conteúdo do CMS?** Não. A exportação traz as páginas, o CSS, os scripts do Webflow e as imagens do painel Assets, mas as Collection lists saem vazias e as páginas de Collection perdem o conteúdo vinculado. O CMS sai à parte, em CSV por Collection e por idioma ou pela Data API, que mantém referências e idiomas ligados. **Nosso marketing vai continuar publicando sem um desenvolvedor?** Sim: a equipe escreve, edita e publica conteúdo no CMS headless, com prévia, e o site é reconstruído a cada publicação. O que muda é o layout: montar um tipo novo de página em um canvas passa a ser tarefa de um desenvolvedor. Se isso acontece toda semana, continuar no Webflow ou migrar para o Framer combina mais com a equipe. **O que acontece com as nossas Webflow Interactions?** Nenhuma é importada para o Astro, porque elas rodam no JavaScript do próprio Webflow. Listamos todas, mantemos as que ajudam o visitante a entender a página e as refazemos com CSS ou um script curto. Animações mais pesadas podem usar o GSAP, gratuito para uso comercial desde abril de 2025. Visitantes que pedem movimento reduzido recebem uma versão mais calma. **O que acontece com os formulários e os envios do Webflow?** O Webflow processa os envios de formulários na própria hospedagem, então um formulário exportado não envia nada. Cada formulário ganha um destino que é seu, por exemplo o seu CRM ou um pequeno Worker, e confirmamos a entrega com um envio real antes do lançamento. Os envios anteriores são baixados em CSV; nós os salvamos antes de o plano acabar. **Quando podemos cancelar o plano de site do Webflow?** Quando o site em Astro responder em todas as URLs antigas, nada apontar para o CDN do Webflow e vocês tiverem as exportações das Collections, a lista de redirecionamentos e o histórico de formulários. Mantenha o plano até essa verificação passar; no Premium com cobrança mensal, cada mês de sobreposição custa US$ 39, com preços de outubro de 2026. **Quanto custa uma migração de Webflow para Astro?** Não há preço fixo: orçamos depois do inventário de URLs, porque o número de Collections e itens, templates, interações, idiomas e integrações define o trabalho. Nos custos de operação, o site bilíngue do exemplo, com três pessoas, paga US$ 768 por ano no Webflow, com assentos e Localize, e de US$ 0 a 600 no Astro com Cloudflare e Sanity, em outubro de 2026. ## Do blog - [Astro vs Webflow: edição, custo anual, velocidade e dependência num site de marketing em 2026](https://dardo.studio/pt/blog/astro-vs-webflow/) O Webflow serve a quem monta páginas visualmente; o Astro, a sites tocados por desenvolvedores. Custo anual, velocidade em 2026 e o que a migração exige. - [Migrar de Webflow para Astro: como mudar um site sem perder conteúdo, design nem posições no Google](https://dardo.studio/pt/blog/migrar-de-webflow-para-astro/) 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. ## 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 - [Webflow: preços (em inglês)](https://webflow.com/pricing) · webflow.com - [Webflow: atualização de preços e simplificação dos planos (em inglês)](https://webflow.com/blog/simplified-plans-and-updated-pricing-2026) · webflow.com - [Webflow Help: preços atualizados e planos simplificados de maio de 2026 (em inglês)](https://help.webflow.com/hc/en-us/articles/51059955082387) · help.webflow.com - [Webflow Help: perguntas frequentes sobre o fim do Editor antigo (em inglês)](https://help.webflow.com/hc/en-us/articles/48412420902675-Legacy-Editor-deprecation-FAQ) · help.webflow.com - [Webflow Developers: limites de requisições (em inglês)](https://developers.webflow.com/data/reference/rate-limits) · developers.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: 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 - [Documentação do Astro: Content collections](https://docs.astro.build/en/guides/content-collections/) · docs.astro.build - [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?hl=pt-br) · developers.google.com - [Cloudflare: preços do Workers (em inglês)](https://developers.cloudflare.com/workers/platform/pricing/) · developers.cloudflare.com - [Sanity: preços (em inglês)](https://www.sanity.io/pricing) · sanity.io - [Payload: primeiros passos (em inglês)](https://payloadcms.com/get-started) · payloadcms.com - [Pagefind: busca estática (em inglês)](https://pagefind.app/) · pagefind.app [Dardo](https://dardo.studio/pt/) · [Serviços](https://dardo.studio/pt/servicos/) · Webflow para Astro ## Planeje a saída do Webflow Envie o endereço do seu site no Webflow, o plano e quantas Collections e idiomas ele usa. Respondemos com o que pode ser exportado, o que precisa ser refeito e quais URLs pedem atenção. [01 · **Mapeie seus redirecionamentos** · Gerador de redirecionamento 301 gratuito](https://dardo.studio/pt/ferramentas/gerador-redirecionamento-301/) · [02 · **Leia o guia passo a passo** · Webflow para Astro, da exportação em CSV ao lançamento](https://dardo.studio/pt/blog/migrar-de-webflow-para-astro/) · [03 · **Fale sobre o seu briefing** · Peça uma proposta com escopo definido no seu idioma](https://dardo.studio/pt/contato/?service=webflow-to-astro) ## Continue explorando. - [Serviço · **Desenvolvimento com Astro: sites rápidos e migrações**](https://dardo.studio/pt/servicos/desenvolvimento-astro/) - [Serviço · **Migração de site sem perder o SEO**](https://dardo.studio/pt/servicos/migracao-de-site/) - [Serviço · **Desenvolvimento de CMS headless: Sanity, Payload, Contentful e mais**](https://dardo.studio/pt/servicos/desenvolvimento-cms-headless/)