Este guia mostra onde o CTA entra na página, como escrever o texto, as regras de acessibilidade que o botão precisa cumprir, o que o Google exige, quanto uma página costuma converter por setor e, principalmente, quais das estatísticas famosas sobre CTA não têm fonte rastreável.
O que é CTA?
CTA vem de call to action, chamada para ação. É o elemento da página que pede explicitamente que a pessoa faça algo: "Criar conta", "Baixar o guia", "Falar com um consultor", "Adicionar ao carrinho". Na maior parte das vezes é um botão, mas também pode ser um link no meio do texto, um formulário ou uma frase que aponta o próximo passo.
O CTA é a ponte entre ler e agir. Uma página pode ter o melhor argumento do mundo e não converter nada se a pessoa terminar de ler sem saber o que fazer em seguida, ou se ficar em dúvida sobre o que acontece se clicar.
A função dele não é convencer, é traduzir a decisão em movimento. Quem convence é o resto da página: o título, a prova, o preço. O CTA só precisa deixar o caminho óbvio.
Onde o CTA entra na página?
A regra prática é que o CTA apareça em todo ponto em que a pessoa possa ter se decidido. Na prática, isso significa três lugares:
Acima da dobra, para quem já chegou decidido. Segundo o Nielsen Norman Group, que mediu isso com rastreamento ocular em 120 participantes e mais de 130 mil fixações, 57% do tempo de visualização fica acima da dobra e 74% nas duas primeiras telas. Quem chega convencido não deveria ter que procurar. O guia de above the fold trata do que mais cabe ali.
Depois de cada bloco que resolve uma objeção. Terminou de explicar o preço, terminou de mostrar a prova social, terminou de responder a dúvida que trava a compra: é ali que alguém se decide.
No fim, para quem leu tudo.
O que não funciona é espalhar botões sem critério. Cada CTA repetido precisa fazer sentido no ponto em que está, e todos devem levar à mesma ação. Página com três destinos diferentes disputando atenção transfere a decisão para o leitor, que é exatamente o que o CTA deveria evitar.
Uma observação sobre pop-up: ele também é um CTA, e é o formato que o Google trata à parte na documentação. A seção sobre o Google explica por quê.
Como escrever o texto de um CTA?
O achado de usabilidade que mais se aplica a rótulo de botão também é o mais barato de seguir. O Nielsen Norman Group, num artigo de agosto de 2017 sobre botões genéricos, resume assim: "um link é uma promessa". E completa que, se você define a expectativa errada, "pode até atingir metas superficiais de conversão, mas não vai manter os clientes satisfeitos".
O exemplo que eles dão é direto: trocar um "Get Started" genérico por "Faça nosso teste de estilo" ("Take Our Style Quiz", no original) diz o que vem a seguir. A pessoa que clica sabe onde está entrando, e quem não quer aquilo não clica, o que também é bom.
Quatro regras que saem daí:
- Diga o que vai acontecer, não o que fazer. "Enviar" descreve o que o botão faz com o formulário. "Receber o orçamento" descreve o que a pessoa ganha.
- Use o verbo da ação real. Se o clique abre um PDF, "Baixar o guia". Se leva a um formulário de três etapas, "Começar o cadastro" é mais honesto que "Contratar".
- Evite ambiguidade em momento crítico. A pesquisa do Baymard Institute sobre usabilidade de checkout, baseada em 25 rodadas de teste qualitativo com mais de 4.400 sessões e 12 estudos quantitativos com 20.240 participantes, mostra que rótulo ambíguo gera hesitação justamente na hora de finalizar. O botão que conclui a compra precisa ser inconfundível e mudar conforme o meio de pagamento, como "Continuar para o PayPal".
- Escreva na linguagem de quem lê, não na do sistema. "Submeter requisição" é vocabulário de quem construiu a tela.
O que a evidência realmente mostra sobre CTA?
Esta seção existe porque boa parte do que se escreve sobre CTA em português repete números que não resistem a uma verificação. Fomos atrás das fontes originais de três números muito repetidos:
"Trocar 'seu' por 'meu' no botão aumenta 90%." Não conseguimos confirmar. O dado é atribuído a um experimento de Michael Aagaard publicado no site ContentVerve, que saiu do ar. O que sobrevive é um artigo dele de setembro de 2012, e ali os números são outros: trocar "Order" por "Get" rendeu 38,26% a mais de conversão, e "Get membership" por "Find gym and get membership" rendeu 68% a mais. Nenhum dos dois traz amostra ou nível de confiança, então nem esses dão para tratar como medida.
"Botão laranja converte mais que botão verde." Não encontramos nenhum estudo aberto, com amostra, que isole a cor como variável. O que existe e é verificável é o contraste, que é outra coisa e está na próxima seção. Cor sozinha não tem efeito conhecido; cor que não contrasta com o fundo tem, e é negativo.
"Uma única CTA no e-mail aumenta 371%." Não confirmado. O número circula em agregadores que citam outros agregadores, sem estudo original rastreável.
Não estamos dizendo que essas ideias estão erradas. Estamos dizendo que elas não têm evidência publicada, e que repetir número sem fonte é o que faz um texto de marketing parecer confiável sem ser. Se você for testar o próprio botão, o teste A/B mostra como montar e quantas visitas isso exige.
O que sobra depois dessa limpeza ainda é bastante: a clareza do rótulo tem base em pesquisa de usabilidade com amostra, o contraste é norma técnica, e o posicionamento tem medição de rastreamento ocular. É com isso que dá para trabalhar.
Quais regras de acessibilidade o botão precisa cumprir?
Aqui não há opinião, há norma. As diretrizes de acessibilidade do W3C, no nível AA que é o mais adotado, definem três exigências que atingem qualquer botão:
Critério | O que exige | Onde pega |
|---|---|---|
1.4.3 Contraste (mínimo) | Texto com contraste de pelo menos 4,5:1 contra o fundo. Texto grande (cerca de 24px, ou 18,5px em negrito) pode ficar em 3:1 | A cor da letra dentro do botão |
1.4.11 Contraste não textual | Componentes de interface com pelo menos 3:1 contra as cores adjacentes | A borda ou o fundo do botão contra a cor da página |
2.5.8 Tamanho do alvo (mínimo) | Alvo de pelo menos 24 por 24 pixels CSS | O botão inteiro, sobretudo no celular |
Fonte: W3C, Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.2, critérios de nível AA, consultadas em setembro de 2026.
O critério 1.4.11 é o que pega o caso clássico do botão bonito e invisível: um botão laranja claro com letra escura passa folgado no primeiro critério, e falha no segundo se a página atrás dele for branca, porque aí o botão inteiro se dissolve no fundo.
Há 5 exceções ao tamanho de alvo, e a que mais aparece na prática é a do espaçamento: um alvo menor é aceito se houver área livre suficiente em volta, o que cobre links em menus densos.
Vale dizer o que isso significa na prática, além da conformidade: quem enxerga pouco, quem está no sol, quem tem a tela suja, quem usa o celular com uma mão só. Contraste e alvo não são requisitos para uma minoria, são requisitos para condições normais de uso.
O que o Google exige de um CTA?
Dois pontos, os dois documentados:
1. O link precisa ser um link de verdade. A documentação de práticas recomendadas de links é literal: "o Google só consegue rastrear o seu link se ele for um elemento <a> HTML com atributo href". Botão feito com <span> mais evento de clique, ou <a> sem href, não é seguido. Isso vale para o CTA que leva a outra página do site: se ele não for rastreável, aquela página perde um link interno, como o guia de link interno explica.
2. Pop-up que cobre o conteúdo prejudica o posicionamento. A documentação sobre intersticiais intrusivos, atualizada em dezembro de 2025, é direta: "diálogos e intersticiais intrusivos dificultam que o Google e outros buscadores entendam seu conteúdo, o que pode levar a desempenho ruim na busca". Os formatos que ela aponta como problemáticos são a sobreposição em tela cheia, o redirecionamento para tela de consentimento e o aviso para instalar aplicativo. A recomendação é usar banner pequeno, e o que é exigido por lei (cookies, idade) está de fora da regra.
Fonte: Google Search Central, Evitar intersticiais e diálogos intrusivos, atualizado em dezembro de 2025.
Quanto uma página deveria converter?
Depende muito do setor, e é por isso que comparar com a média geral engana. O levantamento mais amplo com metodologia publicada é o da Unbounce, feito sobre 41 mil landing pages, 464 milhões de visitas e 57 milhões de conversões:
A mediana geral ficou em 6,6%, e o quarto superior das páginas começa em 11,4%.
Fonte: Unbounce, Conversion Benchmark Report, 41 mil landing pages, 464 milhões de visitas e 57 milhões de conversões, dados do quarto trimestre de 2024.
Duas leituras dessa comparação. A primeira é óbvia: se o seu setor converte 4% na mediana e você converte 3,5%, o problema é menor do que parecia. A segunda é mais útil: o quarto superior de todas as páginas começa em 11,4%, quase o dobro da mediana geral de 6,6%. Ou seja, dentro de qualquer setor existe um grupo convertendo muito acima do meio da tabela.
Para calcular a sua, o guia de taxa de conversão tem a fórmula e os erros de medição mais comuns.
Quais erros mais aparecem em CTA?
- Botão que não diz o destino. "Saiba mais" e "Clique aqui" descrevem o ato de clicar, não o que vem depois.
- Vários destinos concorrendo. Três botões diferentes na mesma dobra dividem a atenção e empurram a decisão de volta para quem lê.
- Contraste insuficiente. O critério 1.4.11 do WCAG existe porque isso é frequente, e some em tela de celular no sol.
- Alvo pequeno demais no celular. Link de texto com fonte pequena cercado de outros links leva ao toque errado.
- Pop-up cobrindo a página na chegada. Além de irritar, entra na regra de intersticiais do Google.
- Botão que não é
<a href>. Funciona no clique e some para o rastreador. - Prometer uma coisa e entregar outra. É a violação direta do "link é uma promessa": o botão diz "Ver preços" e abre um formulário de contato.
- Copiar o texto do concorrente. O rótulo precisa descrever o que a sua página faz depois do clique.
Conclusão
CTA é o elemento que pede a ação e traduz a decisão em movimento, e o que a pesquisa sustenta sobre ele é mais simples do que o folclore sugere: o rótulo tem que dizer o que acontece no clique, o botão tem que ter contraste de 4,5:1 no texto e 3:1 contra a página, o alvo tem que ter 24 pixels e o link tem que ser um <a href>. Cor mágica e fórmula de texto com ganho garantido são números sem fonte.
O próximo passo é abrir a página que mais traz visitas para você e ler só o texto do botão principal: ele diz o que vai acontecer depois do clique, ou descreve o clique?
