Como criar um teste A/B de páginas existentes no seu WordPress

Publicados: 2022-03-31

Os testes A/B são a melhor ferramenta para melhorar a conversão de um site. Um teste A/B de página é um teste de design que nos permite realizar variações de uma mesma página para comparar o comportamento do usuário e avaliar qual variação é aquela que obtém os melhores resultados.

Normalmente, quando você cria um teste A/B para melhorar a conversão de uma determinada página (que chamamos de “Variante de Controle” ou “Variante A”), você cria uma versão que é uma cópia dessa página (“Variante Alternativa” ou “Variante B”). Em seguida, você faz alterações no design ou no conteúdo da cópia para analisar qual das duas versões gera mais conversões (mais compras, assinaturas ou qualquer outra ação que você deseja contar).

O tráfego que chega à página original será dividido para que metade de suas visitas ainda veja a página original e a outra metade, a nova variante criada. Dessa forma, você poderá analisar qual versão tem a melhor taxa de conversão.

Uma imagem que descreve como o teste A/B funciona: o tráfego é dividido e cada segmento vê uma variante e, em seguida, verificamos qual variante obteve mais conversões
Em sua forma mais simples, o teste A/B propõe dividir aleatoriamente o tráfego para o site em dois grupos para que 50% dos visitantes vejam o design A enquanto os outros 50% vejam o design B. Ao monitorar como os usuários de cada grupo reagem, podemos calcular a taxa de conversão de cada grupo e, caso haja uma diferença estatisticamente significativa entre os dois, declarar um design vencedor.

Por exemplo, em nossa página de preços do Nelio A/B Testing, queríamos realizar um teste A/B alterando as cores e margens dos botões, bem como a imagem de fundo. Queríamos ver se conseguíamos mais assinantes. Na comparação a seguir você pode ver a versão original do primeiro bloco (à esquerda) e a versão alternativa (à direita).

Cores originais da tabla de precios.
Cores alternativas da tabela de precios.
Cores originais (esquerda) e cores alternativas para testar (direita) na tabela de preços.

No entanto, quando as alterações que você deseja fazer são mais radicais ou você está projetando páginas completamente novas, você pode estar interessado em testar as páginas existentes em seu site.

Por que testar duas páginas existentes diferentes?

Se você tem duas páginas publicadas, de que adianta criar um teste A/B nesse contexto se você já tem os dados de visitas e conversões para comparar no Google Analytics? A resposta é que esses números não são suficientes para entender se uma página é melhor que a outra. Vejamos com um exemplo.

Em nosso site definimos diferentes páginas sobre Nelio A/B Testing, nas quais mostramos como nosso plugin é uma solução aplicável a uma ampla variedade de setores e tipos de site. Entre eles, por exemplo, temos o Nelio A/B Testing for Publishers e o Nelio A/B Testing for Marketers.

No Google Analytics você pode ver o número de visitas que cada página recebeu e o número de conversões (por exemplo, visitantes que clicaram no botão “Iniciar agora”). Você pode concluir que aquela com a maior taxa de conversão ou (número de conversões dividido pelo número de visitas) é a melhor página. Mas isso pode estar errado.

Por um lado, você deve levar em conta que as visitas a cada página podem ser muito diferentes e talvez não comparáveis ​​estatisticamente. Além disso, um visitante que converte em uma página pode ter visualizado anteriormente (na mesma sessão ou em qualquer outro momento) a outra página. Como você sabe qual das duas páginas convenceu o visitante a experimentar o produto?

Um teste A/B de duas páginas existentes em seu site garante que o tráfego que chega a qualquer uma das duas páginas seja dividido em dois. Dessa forma, cada visitante que chegar a qualquer uma das duas páginas, como parte de um teste, verá apenas uma delas. E eles sempre verão o mesmo em suas visitas sucessivas.

Portanto, os dados obtidos serão estatisticamente comparáveis. E assim você saberá, de forma confiável, qual página tem a melhor conversão. Vamos ver abaixo como criar esse tipo de teste A/B no seu site WordPress.

Etapas para criar um teste A/B no Editor de blocos

Para criar um teste A/B em um site WordPress, recomendamos que você utilize uma das ferramentas disponíveis no mercado. E, em particular, recomendamos o uso do Nelio A/B Testing (versão gratuita e premium a partir de € 29/mês) porque é a única ferramenta totalmente criada como um plugin nativo do WordPress. Sendo 100% compatível com o editor de blocos, você não precisa aprender ou usar nenhuma outra ferramenta externa para seu funcionamento. E você pode aproveitar ao máximo todos os recursos que o editor Gutenberg (ou qualquer outro construtor de páginas que você esteja usando) já oferece.

Instale e ative o plug-in de teste A/B do Nelio

Se você nunca usou o Nelio A/B Testing, você deve primeiro instalar e ativar o plugin (uma versão gratuita está disponível) diretamente do seu painel do WordPress. E a partir daqui, você já terá a aba Nelio A/B Testing no menu do seu painel com a qual poderá criar seu primeiro teste.

Opções do menu do plug-in do Nelio A/B Testing
Guias do menu do plug-in do Nelio A/B Testing. Clique em “Tests” para criar seu primeiro teste.

Definir o tipo de teste a ser criado

Com o Nelio A/B Testing você pode não apenas criar testes de página. Você também pode criar outros tipos de testes: posts, tipos de posts personalizados, menus, templates, widgets, etc. Assim, após clicar em “Adicionar teste” você pode selecionar que deseja criar um teste de página:

Seletor de teste no Nelio A/B Testing
Seletor de teste em Nelio A/B Testing.

e dê um nome descritivo para que você possa identificá-lo no futuro.

Na barra lateral direita você encontrará algumas abas adicionais:

  • Status e Gerenciamento , onde você vê o status em que seu teste está atualmente ( Rascunho , Pronto , Programado ou Pausado ) e as opções de quando ele deve começar e terminar.
  • Descrição do teste: você pode indicar o que está testando e o que pretende alcançar com ele.
  • Escopo do teste : especifique quais páginas do seu site são afetadas por este teste.
Definindo um teste A/B de duas páginas com o Nelio A/B Testing
Definindo um teste A/B de duas páginas com o Nelio A/B Testing.

Selecione as páginas para testar

Para comparar as duas ou mais páginas que você deseja que façam parte do teste, primeiro selecione uma das páginas (“Versão de controle” ou comumente “Versão A”) com o seletor disponível para você. Observe que você pode procurá-lo digitando seu título, sua URL ou seu identificador.

Selecionando uma página como uma versão de controle de um teste A/B
Seleção de uma página como versão de controle de um teste A/B.

Em seguida, você pode indicar se a alternativa do teste de página que está criando será uma variante que você cria explicitamente para este teste (como é usual na maioria dos testes A/B) ou se deseja selecionar uma página existente.

Marque, na caixa de seleção fornecida, que o teste da página é contra uma página já existente. Agora você pode selecionar a página que fará parte do teste como “Variante B”, assim como fazia antes com a página original.

Criando um teste de página A/B entre duas páginas existentes
Criando um teste A/B de páginas entre duas páginas existentes.

Observe que você pode adicionar mais variantes se quiser criar um teste multivariante. Além disso, você também tem a opção de editar a página para fazer as alterações necessárias.

Definir metas e ações de conversão de teste

Depois de selecionar as páginas que farão parte do teste A/B, você deve definir as metas de conversão do teste e quais ações os visitantes devem realizar para atingir essas metas. Por exemplo, um visitante pode mostrar interesse em seus produtos clicando em um botão ou visitando uma página. Com o teste A/B do Nelio você tem diferentes tipos de ações de conversão para rastrear seus visitantes.

Como adicionar uma meta e ação de conversão em um teste A/B
Definição do objetivo «Visitas à página de Preços» selecionando como ação de conversão, a visita ao conteúdo da referida página.

Tráfego de teste de segmento

Os visitantes do seu site não são todos iguais. Eles vêm de países diferentes, falam idiomas diferentes, usam navegadores diferentes, acessam o site de sites diferentes, usam dispositivos diferentes e uma série de outras diferenças sutis e grandes.

Se você deseja que todo o tráfego que chega ao seu site faça parte do teste criado, ignore este ponto e vá diretamente para o próximo. Mas, dependendo do tipo de site e do tráfego que você possui, convém refinar o público-alvo que deseja alcançar.

O teste A/B do Nelio permite criar segmentos, ou seja, definir por meio de regras o conjunto de visitantes com uma série de características comuns que você deseja que participem do seu teste.

Adicionando um segmento em um teste A/B
Adicionando um segmento em um teste A/B.

Aqui você encontrará informações mais detalhadas sobre como criar segmentos em um teste.

Execute o teste

Esse é o passo final! Você já tem seu teste de duas páginas existente criado, então tudo que você precisa fazer agora é clicar no botão “Iniciar” no teste no canto superior direito do editor. Você poderá então começar a ver os resultados do teste que acabou de criar.

Teste A/B entre duas páginas existentes criadas
O teste A/B entre duas páginas existentes foi iniciado.

Analisar o progresso do teste

Uma vez iniciado o teste, como você pode ver na imagem acima, você poderá verificar o status do teste a todo momento. Por um lado, na barra lateral direita, o ícone de status informará se ainda não houver visitas suficientes para que haja um vencedor , se houver uma variante vencedora, mas com baixa confiança , ou se você já possui um variante vencedora do teste .

Além disso, você tem um conjunto de gráficos para ver o número total de conversões e visualizações de página do teste. Ou você pode ver as taxas de conversão de cada alternativa e seu grau de melhoria, respectivamente. Você também pode ver a imagem em miniatura das páginas que está testando com os detalhes das visitas, conversão e melhoria (ou piora) em relação à versão de controle.

Abaixo você tem a imagem dos resultados do teste da página de preços que mencionei no início deste post. Nesse caso, pudemos confirmar que a versão original era melhor que a alternativa.

Resultados do teste em relação ao objetivo de fazer uma compra.
Resultados do teste em relação ao objetivo de fazer uma compra.

Além disso, ao criar um teste A/B de páginas com o Nelio A/B Testing, você tem a opção de ver mapas de calor, mapas de rolagem e mapas de confete de cada alternativa com informações adicionais sobre o comportamento de seus visitantes.

Resumindo

Para aproveitar ao máximo seus esforços de marketing para aumentar o SEO do seu site, certifique-se de minimizar a taxa de abandono e aumentar a conversão de suas páginas. Os testes A/B são a melhor ferramenta para otimizar a taxa de conversão, pois, por meio de dados estatisticamente significativos, é possível saber entre duas ou várias alternativas qual converte mais.

A forma mais comum de criar um teste A/B de uma página é criar variações dela, tentando melhorar aqueles aspectos que podem gerar atritos. Você terá a certeza, com dados verificados, de que determinada alteração nessa página terá impacto na melhoria da conversão.

Comparar a conversão entre diferentes páginas já criadas pode te ajudar a entender quais designs e conteúdos têm mais impacto em seus visitantes. Dessa forma, você pode focar melhor sua estratégia de SEO.

A grande vantagem de usar o Nelio A/B Testing para criar testes de páginas existentes é que, graças à sua integração com o editor WordPress, você não precisa de nenhum conhecimento de programação. Em poucos minutos você pode ter um teste rodando no seu site.

Imagem em destaque por NeONBRAND no Unsplash.