Teste A/B da página de destino: as 10 principais coisas para comparar e por quê

Então, você quer começar a testar A/B sua landing page. Mas antes de escolher coisas ao acaso, pense nisso. Experimentos bem-sucedidos são baseados em teoria, não em suposições.

Como é o desempenho na sua página de destino atual? Onde os usuários estão abandonando? A coisa toda é voltada para o tipo de leads que chegam lá? Depois de saber essas respostas, você obterá resultados melhores e mais rápidos em seus testes.

Você nunca deve parar de testar. Mesmo depois de encontrar algo que funcione. Há sempre uma maneira de aumentar as conversões. De mudanças óbvias a detalhes minúsculos e insignificantes.

Estes são os 10 principais elementos da sua página de destino para o teste A/B e por quê. Além disso, muitos exemplos:

1. Pop-ups
2. Texto de apelo à ação
3. Botão CTA
4. A manchete
5. Cópia principal
6. Imagens e vídeo
7. Campos do formulário de inscrição
8. Layout de design da página de destino
9. Prova social
10. Detalhes menores (cores, fontes, etc.)

Ferramentas de teste A/B

O teste A/B simplesmente se refere a 2 variações concorrentes de uma página da web. Mas existem outros tipos de testes que você também pode fazer. O teste de divisão reduz pela metade o tráfego para 2 versões diferentes. Enquanto o teste multivariado compara mais variáveis ​​e combos.

Fonte: HubSpot

Mas cada teste deve ser baseado em pesquisas e observações. Então você precisa de uma hipótese para trabalhar.

Fonte: Leadpages

Existem várias ferramentas de CRO (otimização da taxa de conversão) que oferecem testes A/B. Cada um com planos de preços variados. (Incluindo alguns gratuitos para empresas com orçamento zero.)

Estes são alguns dos mais populares:

1. AB saboroso
2. Ovo Maluco
3. Kit de teste A/B da HubSpot
4. Pilha
5. Google Optimize
6. VWO
7. Da Fábrica de Botões

Então, confira-os e veja se algum funciona para sua marca.

Pop-ups

A versão atual da sua página de destino tem pop-ups? Se não, por quê? Todos nós já experimentamos pop-ups arruinando o UX (experiência do usuário). Mas não precisa ser assim. Feitos corretamente, eles podem diminuir a taxa de rejeição e mover clientes em potencial pelo funil.

Fonte: OptinMonster

Existem muitas maneiras de testar A/B pop-ups. Você pode tentar cores ou tons diferentes:

Fonte: Getsitecontrol

Existem muitos formatos diferentes para experimentar também. Dependendo de quão sutil ou óbvio você quer ser:

Fonte: Boagworld

Se você estiver no comércio eletrônico, poderá experimentar diferentes ofertas para os visitantes da página:

Fonte: Getsitecontrol

Algumas coisas para manter em mente:

• Tempo é tudo
• Mantenha o tamanho e o design simples
• Deixe bem claro o que acontecerá quando os usuários clicarem
• Use uma cópia amigável

Às vezes não é o que você diz. É como você diz. E seu processo de teste A/B pode ajudar a encontrar o que ressoa com as pessoas.

Texto de apelo à ação

Sua frase de chamariz são as postagens da meta de conversão da sua campanha de marketing. Através deles é a sua compra, download ou inscrição.

É tentador simplificar e escrever “Clique aqui”. Mas existem tantas alternativas que envolverão os usuários e, com sorte, inspirarão a ação desejada.

Então, o que você deve escrever? Primeiro, você precisa identificar a intenção de conversão. Você deseja alinhar sua cópia com onde os usuários estão no funil e de onde eles vieram (a origem do tráfego).

Fonte: KlientBoost

A calma mantém as coisas muito simples. Uma única linha de texto informa o objetivo geral do aplicativo. Em seguida, 5 botões de CTA diferentes permitem que você escolha seu ponto problemático mais relevante. Depois disso, você é levado a um teste rápido e personalizado para descobrir a melhor forma de usar o aplicativo. Gênio.

O Budgetnista permite que você saiba exatamente o que você receberá de seu boletim semanal. Ela é direta com o valor e sabe que seu público que economiza dinheiro apreciará que tudo seja gratuito.

Você pode ser realmente criativo com sua cópia do CTA. Primeiro, descubra por que os visitantes do site estão lá e o que eles querem. Dessa forma, ressoar com eles deve ser fácil.

Botão CTA

Seu botão de CTA é a última etapa da sua call-to-action. Transforma visitantes passivos em usuários ativos. Então, merece uma seção própria.

Porque muitas partes dele podem resultar em uma taxa de conversão mais alta:

• Fazendo o design parecer clicável
• Ser descritivo com sua cópia
• Dimensionar e espaçar corretamente
• Tentando em primeira pessoa
• Criando urgência e usando verbos fortes
• Adicionando um subtítulo

Fonte: Canva

Um pequeno ajuste no botão CTA pode afetar drasticamente os resultados dos testes A/B. A Unbounce descobriu que alterar a cópia em sua página de destino de “Iniciar sua avaliação gratuita de 30 dias” para “Iniciar minha avaliação gratuita de 30 dias” aumentou as taxas de cliques em 90%.

Até mesmo mudar a cor do botão pode ter um grande impacto. Os usuários claramente preferiram a versão laranja brilhante neste e-mail ao azul marinho da versão B:

Fonte: Snov

Você pode testar diferentes versões de botões usando a ferramenta gratuita do Da Button Factory. Crie diferentes estilos, cores, fontes e texto. Em seguida, baixe e teste em sua página de destino.

Fonte: Da Button Factory

Você pode até tentar adicionar “subtítulos” de botão para mostrar que entende os possíveis pontos problemáticos:

Fonte: CoSchedule

Então você precisa enfatizar o valor do que você está fornecendo. Em seguida, lidar com quaisquer objeções.

Fonte: Exemplos de marketing

A otimização da página de destino tem tudo a ver com esses pequenos detalhes. Especialmente com a etapa final antes de sua conversão. Então, não se esqueça deles.

A manchete

Em média, 80% das pessoas vão ler o título do seu conteúdo. Mas apenas 20% se darão ao trabalho de ler o resto. Então, muito está rolando nele.

É a primeira impressão que muitas pessoas terão do seu site e marca. Então, não pode ser chato ou confuso. Tem que ser envolvente e relevante.

Fonte: Leadpages

Aqui estão algumas das coisas que você pode experimentar:

• A própria cópia
• Comprimento da frase
• Onde fica na página
• Tamanho e fonte
• Qual principal benefício você está destacando

A autora Amanda Stevens aumentou suas taxas de conversão de e-books em 307% apenas testando A/B o texto de seu título. Ela mudou desta versão original:

Fonte: Issu

Para esta atualização muito mais clara:

Aqui está outro exemplo de teste A/B do KlientBoost. No momento, eles estão testando o título da página do plano de marketing. Aqui está a primeira versão da página:

E o outro que eles estão testando:

Uma dica final de Harry Dry é evitar “palavras da página de destino”. Coisas como: sobrecarregar, desbloquear, liberar. Nós realmente não usamos essas palavras na conversa. Então, eles são mais difíceis de se relacionar.

Seu título pode ser sua primeira e última impressão para as pessoas. Então, certifique-se que não é o último.

Cópia principal

As partes escritas do seu site são um dos principais fatores para SEO. Então sim. A pesquisa de palavras-chave é importante. Mas não se esqueça, você está escrevendo para humanos.

A voz da sua marca precisa brilhar aqui. E pode ser divertido testar A/B diferentes variações de texto para ver qual seu público-alvo gosta mais.

Cards Against Humanity é um jogo de festa para pessoas horríveis. E eles usam seu tom atrevido e sarcástico para resumir tudo em 2 parágrafos curtos.

A formatação também é importante para sua cópia principal. Humanos escaneiam páginas antes de se comprometerem a ler tudo. Portanto, certifique-se de usar subtítulos para quebrar o texto mais longo.

Fonte: Exemplos de marketing

O BarkBox é um ótimo exemplo de cópia clara e bem formatada. Eles fazem com que os clientes em potencial queiram descobrir exatamente o que estão recebendo da maneira mais rápida possível.

E o look minimalista parece ser uma tendência crescente. A marca tônica Unspiked usou a mesma tática. Substituir uma parede de texto por alguns pontos principais em seu tom de conversa.

O que quer que você esteja dizendo em sua página de destino, haverá maneiras melhores de transmiti-lo. Então, teste A/B a voz da sua marca, o valor que você está destacando e o formato. E veja a que seu público responde.

Imagens e vídeo

O conteúdo visual é muito importante para o marketing digital. E para engajar seu público-alvo, sua landing page precisa de gráficos que ajudem a deixar claro o valor do seu produto ou serviço.

Isso pode ser em diferentes formatos:

• Capturas de tela do seu aplicativo
• Conteúdo gerado pelo usuário e prova social
• Fotografias do seu produto
• Desenhos ou gráficos
• Filmes ou carretéis

Fonte: Exemplos de marketing

Os humanos são criaturas visuais. E é muito mais fácil mostrar o que seu produto ou serviço faz em vez de contar. Também será mais memorável dessa forma. Então, vou seguir esse conselho e mostrar alguns exemplos de cada um que funciona.

Uma foto de alta qualidade do produto que as pessoas podem comprar:

Fonte: Goby

Um esboço que transmite os tipos de coisas que o serviço cobre:

Fonte: limonada

Uma captura de tela do aplicativo em ação:

Fonte: Todoist

Um showreel tocando em segundo plano que você pode clicar para ver mais claramente:

Fonte: Made Brave

Você pode tentar fazer testes A/B em qualquer um desses formatos. Talvez colocar tiros parados uns contra os outros. Em seguida, tente um vídeo contra a foto ou gráfico vencedor.

Seu público pode ter preferência por produtos ou pessoas. Eles podem querer ver um vídeo 360 do seu produto. Ou imagens antes/depois nas quais eles podem ampliar. E é seu trabalho descobrir qual.

Campos do formulário de inscrição

Muitas vezes, você verá formulários de inscrição nas páginas de destino. E o design dependerá do que você deseja que as pessoas se inscrevam. É uma newsletter semanal por e-mail? Um webinar agendado? Um recurso para download?

Pedir às pessoas muitas informações antecipadamente quando você não precisa delas pode ser suficiente para desencorajar as pessoas. Até os grandes nomes entendem isso errado.

Fonte: Exemplos de marketing

Pense em quão simples você pode fazer seu formulário de inscrição. Talvez você possa pedir apenas um e-mail como Notion.

Fonte: Noção

Em seguida, obtenha o restante das informações necessárias por meio da configuração e da integração. Você também pode fazer um teste A/B dessas ideias com seus formulários:

• Peça detalhes do cartão de crédito para testes gratuitos ou não
• Dê feedback imediato sobre os campos preenchidos (por exemplo, marcações ou cruzes)
• Opções para se registrar por meio de mídia social, Google ou Apple
• Texto da frase de chamariz e cor do botão
• Estrutura do formulário, posicionamento e indicadores de progresso
• Adicionar instruções ou variações de mensagens de erro

Pense em tudo na sua landing page como um call-to-value em vez de um call-to-action. Esta dica aumentou as inscrições deste fórum de apostas em 31,54%.

Fonte: Unbounce

Porque era muito mais óbvio o que as pessoas receberiam ao se inscrever. O teste durou 9 dias com um tamanho de amostra de 13.560 visitantes e 291 conversões. E essas são todas as métricas importantes que você precisa acompanhar com qualquer teste A/B que você fizer também.

Se você pode simplificar o processo, faça-o. Se você precisar de muitas informações, divida-as. Faça com que cada estágio do progresso seja o mais suave possível para as pessoas.

Layout de design da página de destino

Eu cobri muitos elementos de página única até agora. Mas e o design da sua landing page como um todo?

O layout pode ter um enorme impacto sobre o que as pessoas veem primeiro e com o que interagem. Mapas de calor e gravações de sessão são inestimáveis ​​aqui. Porque eles podem ajudá-lo a acompanhar a jornada do usuário. (Algumas das ferramentas que mencionei no início podem ajudar com isso.)

Eles mostrarão primeiro o que está chamando a atenção das pessoas. Além disso, quaisquer recursos ou botões que não funcionem como deveriam.

Fonte: GIPHY

Muito vai depender se seus visitantes também são leads quentes ou frios. Colocar CTAs e formulários “acima da dobra” é padrão. Mas pode parecer insistente se as pessoas não souberem nada sobre o seu produto.

Esta empresa moveu seu CTA para a parte inferior de sua longa página de destino B2C. E, na verdade, aumentou as conversões em 304%.

Fonte: Neil Patel

Não basta ir com a norma. Ou o que todo mundo está fazendo. Porque pode não ser adequado para o seu site.

Os construtores de páginas de destino, como Unbounce ou Leadpages, têm muitos modelos e opções. Então, use-os para se inspirar ou siga seu próprio caminho.

Use os resultados de gravações e mapas de calor para embaralhar seu layout. Não vá apenas com o que você acha que é a jornada do usuário. Acompanhe-o e faça alterações com base em fatos.

Prova social

A maioria das páginas iniciais agora inclui prova social. Baseia-se na ideia de que as pessoas adaptam seu comportamento dependendo do que os outros estão fazendo. Isso beneficia sua página de destino porque ajuda a criar confiança e valor percebido. E aumenta o nível de confiança dos visitantes do site pela primeira vez.

A prova social pode vir de várias formas:

• Avaliações
• Depoimentos
• Estudos de caso
• Conteúdo gerado pelo usuário (UGC)
• Endossos de influenciadores e embaixadores da marca
• Estatísticas do usuário

Ele pode destacar rapidamente por que sua empresa é a escolha certa para os visitantes. Curta a prova social na página inicial da VWO.

Eles mostraram seu sucesso de uma forma muito simples. Uma porcentagem ao lado do logotipo de cada marca, mostrando o quanto eles aumentaram as conversões usando a ferramenta:

Outras vezes, a prova social pode desordenar a página. E tire o foco do seu CTA. Então, isso pode significar olhar para o seu layout antes de adicioná-lo.

O Buffer usa uma mistura de depoimentos e estatísticas em sua página inicial para prova social. Mostra o grande número de pessoas que já utilizam e valorizam a empresa. Em seguida, aprofunda-se em experiências específicas:

Ou você pode mantê-lo mega simples. E exiba sua avaliação de um site de avaliação conhecido como o TrustPilot. Dessa forma, você não precisa dizer mais nada.

Fonte: Butternut Box

Então, como você consegue alguma prova social própria? Experimente estas opções:

• Peça feedback aos clientes nas mídias sociais
• Use a escuta social para ver o que as pessoas estão dizendo sobre sua marca
• Adicione comentários ao seu site
• Peça UGC ou inicie uma campanha de hashtag
• Destaque algumas métricas do Google Analytics

Depois de ter algumas opções, é hora de testar. Veja como ele pode se encaixar no layout da sua landing page. Descubra qual versão atrai os clientes. E qual não adiciona muito. Então tente outra coisa.

Detalhes menores (cores, fontes, etc.)

Duas versões de uma página de destino não precisam ser muito diferentes para serem testadas. Às vezes está mudando os detalhes que podem parecer insignificantes.

Precisa de um exemplo? Aumentar o tamanho do plano de fundo desse botão de CTA diminuiu as conversões em 10%. Louco, certo?

As oportunidades de teste são infinitas. Mas lembre-se, baseie-se em pesquisas que sugira que isso possa ter um impacto positivo.

Você pode jogar com:

• Esquema de cores
• Tipografia e tamanho da fonte
• Temporizadores de contagem regressiva
• Imagens e padrões de fundo
• Cor do link

Obviamente, você não quer perder tempo testando centenas de variações de fontes. Portanto, seja realista e selecione alguns que se encaixem na identidade da sua marca.

No caso deste site, aumentar o tamanho da fonte de um único link resultou em uma taxa de cliques de +33%.

Um pequeno ajuste como esse pode ser a diferença de milhares de dólares. Mas você não saberá até tentar.

Conclusão

Existem tantos elementos da sua página de destino que você pode testar A/B. Mas você precisa de provas para apoiá-los primeiro.

Muito vai depender do seu produto ou serviço. E os tipos de páginas de destino para as quais você deseja direcionar os usuários. As pessoas estão prontas para comprar quando chegam ao seu site? Ou eles estão esperando para aprender mais sobre o seu produto?

A pesquisa de público é fundamental. Portanto, certifique-se de saber tudo sobre clientes em potencial primeiro. Dessa forma, o teste A/B da sua página de destino levará menos tempo e esforço. E ter um impacto muito mais significativo.

Você viu algum sucesso com o teste A/B? Qual parte da sua página de destino poderia ser atualizada? Deixe-nos saber nos comentários abaixo.