CRO

Otimização de landing page: o método, passo a passo

Otimização de landing page com método: diagnosticar pelo funil, priorizar com ICE, dimensionar o teste pelo seu tráfego e ler o resultado sem se enganar.

Ilustração plana de uma janela de navegador com blocos retangulares verdes de uma página, um funil à esquerda com pontos caindo nele e uma lupa sobre um dos blocos, em fundo verde-menta

Otimização de landing page é melhorar a conversão de uma página específica com um ciclo que se repete: diagnosticar onde o visitante desiste com um funil da página, priorizar as hipóteses, dimensionar o teste contra o tráfego que você tem, testar e ler o resultado com honestidade. O detalhe que quase nenhum guia conta é que o seu tráfego decide quais mudanças você pode se dar ao luxo de testar: numa página com 6.000 visitas por semana e 4% de conversão, só cabem em 4 semanas as mudanças capazes de mover a conversão em 18% a 20% ou mais. Este guia mostra o método inteiro, com um exemplo ilustrativo de ponta a ponta, do funil ao valor em reais do teste vencedor. Ele faz parte do nosso guia completo de otimização de conversão (CRO), que cobre o site e o funil como um todo.

O que é otimização de landing page (e o que ela não é)

Uma landing page é uma página com um único trabalho: transformar uma visita numa ação. Pode ser um cadastro, um pedido de demonstração, uma compra ou o início de um trial. A otimização de landing page atua só sobre essa página e só sobre esse trabalho.

Ela se confunde com duas disciplinas vizinhas, e vale separar:

Disciplina Pergunta que responde Onde atua Métrica principal
SEO Como trazer mais visitantes qualificados? Antes do clique (busca orgânica) Impressões, cliques, posição
CRO Como mais visitantes viram clientes no site todo? Site e funil inteiros (páginas, checkout, onboarding) Conversão do funil, receita por visitante
Otimização de landing page Como esta página converte mais quem já chegou? Uma página, um objetivo Conversão da página (envio, compra, trial)

A otimização de landing page é um recorte do CRO. A vantagem do recorte é o foco: uma página, uma meta, um funil curto que dá para medir inteiro.

Macro e micro conversão

A macro conversão é a ação que paga as contas: o formulário enviado, a compra concluída. É ela que decide qualquer teste. As micro conversões são os passos que levam até lá: rolar além da primeira tela, clicar no CTA, começar a preencher o formulário. Elas servem para diagnosticar, não para decidir. Um teste que sobe o clique no CTA e não sobe o envio do formulário não melhorou a página, só mudou o lugar onde as pessoas desistem.

Diagnóstico: o funil da landing page

Antes de mudar qualquer coisa, monte o funil da página com quatro ou cinco eventos que você já consegue medir. Vamos usar um cenário ilustrativo do começo ao fim deste guia: uma landing page de geração de leads, com 6.000 visitantes por semana (cerca de 26.000 por mês) e conversão de 4,00%, medida como formulários enviados divididos por visitas. Em 4 semanas, o funil fica assim:

Funil de uma landing page de geração de leads em 4 semanasDe 24.000 visitas, 15.600 rolam além da primeira tela (65,00%), 2.880 clicam no CTA (18,46% de quem rolou), 2.160 começam o formulário (75,00% de quem clicou) e 960 enviam (44,44% de quem começou). A conversão de ponta a ponta é 4,00%.Etapa · pessoastaxa da etapaperdaVisitas · 24.000Rolou além da 1ª tela · 15.60065,00%8.400Clicou no CTA · 2.88018,46%12.720Começou o form · 2.16075,00%720Enviou · 96044,44%1.200Conversão de ponta a ponta: 960 ÷ 24.000 = 4,00%
Cenário ilustrativo. A maior perda absoluta está entre rolar e clicar no CTA (12.720 pessoas), mas a etapa com pior taxa entre quem já demonstrou intenção é o formulário: menos da metade de quem começa termina.
Etapa Pessoas Taxa da etapa Perda absoluta
Visitas 24.000
Rolou além da primeira tela 15.600 65,00% 8.400
Clicou no CTA 2.880 18,46% de quem rolou 12.720
Começou o formulário 2.160 75,00% de quem clicou 720
Enviou o formulário 960 44,44% de quem começou 1.200

Se você quiser montar o seu, a calculadora de funil de conversão faz as contas de cada etapa.

A maior perda não é o critério

A leitura intuitiva desse funil é “vamos atacar a etapa que mais perde gente”, que aqui seria o clique no CTA. Só que o funil é multiplicativo: a conversão final é o produto das taxas de cada etapa (0,65 × 0,1846 × 0,75 × 0,4444 = 0,04). Numa conta de multiplicação, aumentar qualquer fator em 10% aumenta o resultado em 10%. Se o clique no CTA subir de 18,46% para 20,31%, você chega a 1.056 envios. Se o envio do formulário subir de 44,44% para 48,89%, você chega aos mesmos 1.056 envios, ou 4,40% de conversão.

Então “onde perco mais gente” não decide nada. O que decide são duas perguntas:

  1. Quanto espaço a etapa tem para subir? Uma etapa a 44,44% entre pessoas que já começaram a preencher tem muito espaço: quem começa um formulário já quer o que você oferece.
  2. Quão barato é mover essa etapa por muito? Cortar campos de um formulário é uma mudança de uma tarde, com efeito potencialmente grande. Fazer mais gente clicar no CTA depende de entender por que 81,54% de quem rolou não clicou, o que exige pesquisa antes de qualquer teste.

Os números dizem onde olhar. Gravações de sessão, mapas de clique e uma pergunta aberta na página dizem o porquê. Para um primeiro olhar estruturado na sua página, o avaliador de landing page aponta os elementos que faltam.

Os elementos da página, e onde cada um é tratado a fundo

Toda landing page de conversão tem mais ou menos as mesmas peças. Cada uma delas tem um artigo próprio neste blog, então aqui vai só o mapa:

Anatomia de uma landing page de conversãoJanela de navegador com os blocos de uma landing page de cima para baixo: título e subtítulo, CTA, imagem ou vídeo do topo, faixa de prova social, benefícios, formulário com selos de confiança e perguntas frequentes. À direita, a pergunta que cada bloco responde para o visitante.CTAfim da 1ª telaTítulo e subtítuloé isto que o anúncio prometeu?CTA e imagem ou vídeoo que faço agora? vale meu tempo?Prova socialoutras pessoas confiam nisso?Benefícios e textoo que eu ganho, em detalhe?Formulário e selosquanto esforço? meus dados estão seguros?Perguntas frequentese se eu tiver uma objeção?
Cada bloco responde a uma pergunta do visitante. Uma página converte mal quando uma dessas perguntas fica sem resposta no momento em que a pessoa a faz.

Título e promessa. O título precisa repetir a promessa que trouxe o visitante. Quem clicou num anúncio de “orçamento em 24 horas” e cai numa página que fala de “soluções completas” sente que errou de lugar. Detalhes em correspondência de mensagem entre anúncio e página.

Primeira tela. É onde a atenção está. Num estudo de rastreamento ocular do Nielsen Norman Group publicado em 2018, os participantes passaram cerca de 57% do tempo de visualização acima da dobra e 74% nas duas primeiras telas. Isso não quer dizer que ninguém rola, quer dizer que o que está no topo carrega a maior parte da decisão de continuar.

Prova social e selos. Depoimentos, logotipos e números de clientes respondem “outras pessoas confiam nisso?”. Selos de segurança respondem “meus dados estão seguros?”. Os dois têm efeito muito dependente do contexto: veja prova social em teste A/B e selos de confiança em teste A/B.

Texto: longo ou curto. A extensão certa depende de quanto o visitante já sabe e de quanto a decisão custa para ele. O tema tem um artigo próprio: texto longo x texto curto.

Vídeo. Colocar um vídeo muda conteúdo, tempo de carregamento e primeira tela ao mesmo tempo, o que torna o teste mais difícil de ler do que parece. Veja vídeo em landing page.

Formulário. Cada campo é um custo para o visitante. A calculadora de campos de formulário ajuda a decidir quais campos se pagam.

Velocidade. A página que demora não chega a ser vista. Pelos critérios do web.dev, uma boa experiência tem LCP de até 2,5 segundos, INP de até 200 milissegundos e CLS de até 0,1, medidos no percentil 75 dos carregamentos. A relação com conversão está em velocidade de página e conversão.

Se a sua landing page vende software para empresas, há particularidades de ciclo de venda e de métrica que mudam o desenho do teste: veja teste A/B de landing page B2B SaaS.

Priorizar: uma nota ICE para cada hipótese

Com o diagnóstico em mãos, cada ideia vira uma hipótese escrita (observação, mudança, efeito esperado e métrica; veja como escrever uma hipótese de teste A/B). Em seguida, cada hipótese recebe três notas de 1 a 10:

A nota ICE é a média simples das três. Para o nosso cenário ilustrativo:

Hipótese I C E ICE
Reduzir o formulário de 7 para 4 campos (início a envio está em 44,44%) 8 7 8 7,67
Título que repete a promessa do anúncio (correspondência de mensagem) 7 6 9 7,33
Prova social ao lado do CTA 5 5 8 6,00
Trocar a cor do botão do CTA 2 3 10 5,00
Vídeo no topo da página 5 3 4 4,00

Repare na linha da cor do botão: facilidade máxima, impacto e confiança baixos. É exatamente o tipo de ideia que entra na fila por ser fácil e trava a fila por não terminar nunca, como a próxima seção mostra. O priorizador de testes PIE e ICE faz essa conta para a sua lista.

O orçamento de tráfego: o que a sua página consegue testar

Esta é a parte que define o resto. Todo teste tem um efeito mínimo detectável (MDE): o menor ganho que o teste consegue distinguir de ruído com a amostra disponível. Quanto menor o efeito que você quer enxergar, mais visitantes o teste consome, e a relação não é linear (veja efeito mínimo detectável).

Para o cenário ilustrativo, com conversão base de 4%, 95% de confiança, 80% de poder, teste bilateral, duas variações e 6.000 visitantes por semana:

MDE relativo Visitantes por variação Dias Testes por ano
5% 154.304 361 ~1,0
10% 39.475 93 ~3,9
15% 17.943 42 ~8,7
20% 10.317 25 ~14,6
30% 4.783 12 (14 no calendário) ~26,1

A coluna de testes por ano divide 365 dias pela duração e já aplica um piso de 14 dias: mesmo que a amostra feche antes, um teste roda pelo menos duas semanas inteiras, para cobrir o comportamento de dias úteis e de fim de semana.

Dias de teste por efeito mínimo detectávelCom 4% de conversão e 6.000 visitantes por semana, detectar 5% relativo leva 361 dias, 10% leva 93 dias, 15% leva 42 dias, 20% leva 25 dias e 30% leva 14 dias no calendário. Só os efeitos de 20% e 30% cabem dentro de 4 semanas.MDE relativo · dias de teste5%361 dias10%93 dias15%42 dias20%25 dias30%14 dias (piso)4 semanas (28 dias)Base 4%, 95% de confiança, 80% de poder, bilateral, 2 variações, 6.000 visitantes por semana.
Só as barras verdes cabem à esquerda da linha de 4 semanas. Tudo o que você espera que mova a conversão em 15% ou menos não termina num prazo razoável com esse tráfego.

A conclusão prática é dura e libertadora ao mesmo tempo. Com 4 semanas inteiras (12.000 visitantes por variação), o menor efeito que esse teste consegue detectar é de 17,72% relativo, ou 0,71 ponto percentual. Mudanças capazes de mover a conversão nessa ordem são as que alteram o que o visitante entende ou quanto esforço ele faz: a promessa, a oferta, o formulário. Um teste de cor de botão, que dificilmente move a conversão em mais de alguns pontos percentuais relativos, não termina nunca nesse tráfego. Se a sua página tem ainda menos visitas, o guia de CRO para sites de baixo tráfego mostra as alternativas.

Confira para o seu caso. Na calculadora abaixo, preencha taxa atual 4, efeito mínimo detectável 20 (relativo), confiança 95, poder 80, visitantes por semana 6000 e teste bilateral. A tela mostra 10.317 visitantes por variação, 20.634 no total e 25 dias:

Calculadora de tamanho de amostra
-Visitantes por variação
-Total (2 variações)
-Duração estimada

Cálculo por aproximação normal de duas proporções, 2 variações (50/50). Mexa nos campos e veja o impacto ao vivo.

A mesma ferramenta, isolada, está na calculadora de tamanho de amostra.

Exemplo trabalhado: o formulário de 4 campos

A hipótese com maior nota ICE vai para o teste: “Porque 55,56% de quem começa o formulário não termina, acreditamos que reduzir o formulário de 7 para 4 campos vai aumentar o envio, medido por formulários enviados divididos por visitas”. A métrica principal é a conversão da página inteira, não a taxa de conclusão do formulário, para que o teste capture também quem nunca chegaria ao formulário.

O plano, definido antes de ligar: divisão 50/50, 28 dias (4 semanas inteiras), sem decisão antes disso, efeito mínimo detectável de 17,72% relativo. Ao fim das 4 semanas:

Agora confira na calculadora. Digite 12000 visitantes e 480 conversões no controle, 12000 visitantes e 571 conversões na variação, com confiança de 95%:

Calculadora de significância estatística
Controle (A)
Variação (B)
Controle (A) · Taxa-
Variação (B) · Taxa-
Melhora relativa-
valor-p-
IC 95% da diferença-

Teste z bilateral de duas proporções. "Sem significância" quase sempre quer dizer que falta amostra, não que as versões são iguais.

A tela mostra taxa de 4,00% para A e 4,76% para B, melhora relativa de +19,0%, valor-p de 0,0041, IC 95% da diferença de +0,2% … +1,3% (pp) e o veredito Vencedora com significância · B vence. A calculadora arredonda as taxas para duas casas e a melhora e o intervalo para uma; os valores com mais casas vêm do mesmo cálculo.

Quanto isso vale

Em 26.000 visitas por mês, 0,7583 ponto percentual a mais são cerca de 197 leads extras por mês. A R$ 300 por lead (valor ilustrativo), a estimativa pontual é de R$ 59.150 por mês.

Mas o número que vai para o planejamento é outro. O limite inferior do intervalo, 0,2406 ponto percentual, dá cerca de 63 leads extras, ou R$ 18.770 por mês. O limite superior dá R$ 99.530. A faixa é larga porque a amostra é a que o tráfego permitiu, e existe uma razão estatística para apostar no lado de baixo: testes que passam no limiar de significância tendem a superestimar o efeito, porque os que tiveram sorte para cima são justamente os que cruzaram a linha. É a maldição do vencedor. Planeje com R$ 18.770 e trate o que vier acima disso como bônus.

Intervalo de confiança do ganho mensal do testeO ganho mensal estimado vai de R$ 18.770 no limite inferior a R$ 99.530 no limite superior, com estimativa pontual de R$ 59.150. O planejamento usa o limite inferior.R$ 0R$ 25 milR$ 50 milR$ 75 milR$ 100 milpontual · R$ 59.150planeje com R$ 18.770R$ 99.530Ganho mensal estimado, intervalo de confiança de 95%26.000 visitas por mês, R$ 300 por lead (valores ilustrativos).
O ponto do meio é o valor mais citado e o menos confiável para planejar. O limite inferior ainda é positivo, e é ele que justifica implementar a mudança.

Como ler o resultado sem se enganar

Um teste bem desenhado ainda pode ser mal lido. Cinco cuidados:

  1. Leia o intervalo, não só o ponto. “+19%” é uma estimativa com uma faixa de incerteza em volta. A pergunta útil é se o limite inferior ainda paga a mudança.
  2. Não pare antes do combinado. Olhar o resultado todo dia e encerrar na primeira vez que ele cruza o limiar multiplica os falsos positivos. O plano de 28 dias existe para ser cumprido; veja o problema do peeking.
  3. Uma métrica principal. Formulários enviados divididos por visitas decide. Clique no CTA e início do formulário explicam. Se você escolhe a métrica depois de ver os dados, sempre vai achar uma que “ganhou”.
  4. Métricas de guarda. O que não pode piorar enquanto a principal melhora: a qualidade do lead (quantos viram oportunidade) e a velocidade da página. Uma variação que carrega componentes novos pode piorar o LCP e comer o ganho em outras páginas.
  5. Confira a divisão. Se você configurou 50/50 e um lado recebeu muito mais gente, algo quebrou na coleta, e o resultado não vale até a causa aparecer.

Erros comuns de otimização de landing page

A mesma lógica no e-commerce e no SaaS

O método não muda; mudam a métrica principal e o funil.

Tipo de página Métrica principal Funil típico Métrica de guarda comum
Geração de leads Formulário enviado por visita Visita, rolagem, CTA, início, envio Qualidade do lead
E-commerce (página de produto ou de campanha) Compra por visita, ou receita por visitante Visita, adicionar ao carrinho, checkout, compra Ticket médio, devolução
SaaS (cadastro ou trial) Trial iniciado por visita Visita, preços, cadastro, ativação Ativação na primeira semana

No e-commerce, receita por visitante costuma ser melhor que taxa de compra, porque captura também o efeito no ticket. No SaaS, um teste que aumenta cadastros e derruba a ativação não melhorou nada; por isso a ativação entra como guarda.

Checklist antes de ligar um teste de landing page

Copie e use antes de cada teste:

  1. O funil da página está montado, com contagens das últimas 4 semanas.
  2. A hipótese está escrita com observação, mudança, efeito esperado e métrica.
  3. A hipótese tem nota ICE e é a de maior nota viável na fila.
  4. Há uma única métrica principal, escrita antes de ligar.
  5. As métricas de guarda estão declaradas (qualidade do lead, LCP).
  6. O MDE foi calculado com a sua taxa base e o seu tráfego semanal.
  7. A duração está fixada em semanas inteiras, com no mínimo 14 dias.
  8. A variação foi conferida em celular e computador, sem quebrar layout nem formulário.
  9. O evento de conversão dispara uma vez por envio, nas duas versões.
  10. Nenhuma outra mudança grande (campanha nova, troca de oferta) vai entrar no meio do teste.
  11. A regra de decisão está escrita: o que fazer se B ganhar, perder ou der inconclusivo.

Faça isso automático na Donnu

A parte cansativa da otimização de landing page não é ter ideias. É montar o funil, configurar a variação sem depender de desenvolvedor, garantir que a conversão está contando certo e ler o resultado sem cair no ponto do meio do intervalo.

Na Donnu, você cria a variação da página no editor visual e roda testes A/B na mesma URL ou testes de Split URL quando a variação é uma página inteira nova. A meta de conversão pode ser um clique, um envio de formulário ou a visita a uma página, o que cobre o funil de geração de leads deste guia de ponta a ponta. O relatório é bayesiano e mostra a incerteza junto com o ganho, para você planejar com o lado conservador. O painel é em português e o tratamento de dados segue a LGPD.

O que continua sendo seu é o diagnóstico e a escolha da hipótese. Para isso, o avaliador de landing page, o priorizador PIE e ICE e a calculadora de significância são gratuitos. Prefere ler em inglês? Veja a versão em inglês deste guia.

Referências

Leia também: Otimização de conversão (CRO) · Correspondência de mensagem entre anúncio e página · Efeito mínimo detectável · Maldição do vencedor · Velocidade de página e conversão · CRO para sites de baixo tráfego · Read in English

Perguntas frequentes

O que é otimização de landing page?
É melhorar a taxa de conversão de uma página específica com um ciclo repetível: diagnosticar onde o visitante desiste com um funil da página, priorizar hipóteses, dimensionar o teste contra o tráfego disponível, testar e ler o resultado com honestidade. Difere do CRO, que cobre o site e o funil inteiros, e do SEO, que traz o visitante; a otimização de landing page trabalha com o visitante que já chegou.
Por onde começar a otimizar uma landing page?
Pelo funil da própria página: visitas, rolagem além da primeira tela, clique no CTA, início do formulário e envio. No exemplo ilustrativo deste guia, com 24.000 visitas e 960 envios em 4 semanas, a etapa com maior perda absoluta é a do clique no CTA, com 12.720 pessoas perdidas, mas a primeira hipótese a testar foi o formulário, porque um ganho de 10% em qualquer etapa vira os mesmos 10% no fim, e o formulário é a etapa que pode subir mais com menos esforço.
Quanto tráfego preciso para testar mudanças numa landing page?
Depende da taxa base e do efeito que você quer detectar. Com 4% de conversão, 95% de confiança, 80% de poder e 6.000 visitantes por semana, detectar uma melhora relativa de 20% exige 10.317 visitantes por variação e 25 dias; detectar 10% exige 39.475 por variação e 93 dias; detectar 5% exige 154.304 por variação e 361 dias. Nesse tráfego, só mudanças grandes cabem num teste de 4 semanas.
Vale a pena testar a cor do botão?
Quase nunca numa página de tráfego médio. Mudanças cosméticas tendem a produzir efeitos pequenos, e efeito pequeno exige amostra enorme: a 4% de conversão e 6.000 visitantes por semana, um efeito de 5% leva 361 dias para ser detectado. Na priorização ICE deste guia, a cor do botão ficou com nota 5,00, atrás de reduzir o formulário (7,67) e de alinhar o título ao anúncio (7,33).
Quanto vale um teste vencedor numa landing page?
No exemplo ilustrativo, o formulário de 4 campos converteu 4,76% contra 4,00% do controle, valor-p 0,0041. Em 26.000 visitas por mês, a estimativa pontual é de cerca de 197 leads extras por mês, ou R$ 59.150 a R$ 300 por lead. Para planejar, use o limite inferior do intervalo de confiança: cerca de 63 leads, ou R$ 18.770 por mês, porque o efeito medido de um vencedor tende a vir inflado.
Otimização de landing page afeta o Google Ads?
Sim. Segundo a central de ajuda do Google Ads, o Índice de qualidade é calculado a partir de três componentes, e um deles é a experiência na página de destino, definida como o quanto a página é relevante e útil para quem clicou no anúncio. Uma página que cumpre a promessa do anúncio ajuda nesse componente, além de converter melhor.