Analisamos milhares de páginas de destino - foi isso que descobrimos

Publicados: 2020-11-05

As práticas recomendadas para páginas de destino não são universais. Sua capacidade de criar campanhas impressionantes depende de quão bem você atende às expectativas de uma pessoa depois que ela clica em seu anúncio. Você precisa da experiência pós-clique certa.

E a experiência pós-clique certa para uma pessoa que lê um site editorial, como artigos ou vídeos de sites de notícias, blogs de nicho e criadores de conteúdo conhecidos, é diferente da mídia social ou da pesquisa.

Estamos escolhendo a pesquisa e as redes sociais por um motivo: esses são os canais que a maioria dos anunciantes normalmente conhece e adora, enquanto o resto da web pode parecer um pouco nebuloso.

Lá fora, as campanhas geralmente se enquadram no balde de publicidade nativa, e a experiência pós-clique certa depende de atender a essa mentalidade específica. Essas pessoas estão no modo de consumo de conteúdo e estão prontas para descobrir algo novo.

Se eles estão conhecendo você pela primeira vez, namore-os um pouco. Descarte suas páginas de destino tradicionais com o mínimo de texto com marcadores e formulários acima da dobra - manter o conteúdo editorial, se bem feito, é o que fará essa multidão se apaixonar por você.

Para definir o âmago da questão exatamente o que isso significa para o marketing de desempenho
objetivos, analisamos milhares de páginas de destino de anunciantes nas verticais de finanças, comércio eletrônico e educação para definir o que converte. Nós achamos:

  • Exatamente onde colocar as chamadas para ação
  • Designs de CTA surpreendentemente eficazes (spoiler: eles não são botões!)
  • Elementos de conteúdo que você precisa incluir e exatamente onde colocá-los
  • Dicas de cópia para conversões mais altas

Por fim, terminaremos com um modelo viável para você usar como base para qualquer página de destino que possa criar para sua próxima campanha fora de pesquisa e redes sociais.

Melhores práticas de design

Mencionamos que o conteúdo editorial é o caminho a seguir, mas isso pode abranger uma ampla gama de bases. Os tipos de conteúdo editorial de melhor desempenho que vimos em nossa análise foram publicitários, artigos de blog e páginas de destino longas.
Seu design desempenhou um papel significativo em seu desempenho - especificamente, o layout geral de cada página, os elementos técnicos e o design do CTA.

Exemplo de conteúdo editorial

Disposição

Seu layout deve seguir estas regras gerais:

  • Seu título deve vir antes da imagem do cabeçalho. Descobrimos que as pessoas que clicaram em um anúncio eram mais propensas a permanecer no site quando viam que o título na página de destino correspondia ao anúncio. Portanto, coloque-o na frente e no centro.
  • Sua imagem de cabeçalho não deve abranger a largura da página no computador, mas em ambientes móveis, tudo bem. Quando as imagens abrangem toda a página em um layout de desktop, é um sinal de que o artigo acabou e desencoraja as pessoas a continuar a rolar.
  • Artigos com uma ou duas imagens tiveram melhor desempenho. No entanto, houve muitas exceções a essa regra quando detalhamos por vertical, portanto, sempre teste A/B.
  • Seu artigo deve incluir vários cabeçalhos de seção atraentes. Especificamente, queremos dizer cabeçalhos em negrito com texto maior que o corpo do texto.
  • Sua página deve ter fundo branco e texto preto. Essa formatação fornece credibilidade e confiabilidade para novos visitantes.

Elementos Técnicos

Quando se trata de material técnico, duas técnicas se destacam:

  • Todos os links in-line devem abrir em uma nova guia. Essa pequena cortesia permite que os usuários retornem ao artigo original rapidamente, se necessário, e aumenta as chances de conversão.
  • Os CTAs pop-out não foram úteis. Nesse contexto, eles se sentem como spam e não valem a pena.

Elementos técnicos da imagem

CTAs

    Para criar CTAs que convertem, jogue o livro de regras tradicional pela janela.

  • Inclua pelo menos três CTAs, um terço, dois terços e o final da página. O objetivo aqui é dar às pessoas várias oportunidades de conversão.
  • Os dois primeiros CTAs devem ser texto in-line. Ao contrário das páginas de destino mais tradicionais, o texto in-line no corpo do artigo teve um desempenho melhor do que os botões coloridos. É menos perturbador para a experiência do usuário.
  • Salve o botão CTA para o final. Aqui está como eles podem parecer (apagamos os CTAs que achamos que você deve evitar):

Exemplo de CTA

  • Fique longe de CTAs da direita e banners na parte inferior da página. As pessoas tendem a ignorá-los como um efeito colateral da cegueira de banner.
  • Não coloque CTAs abaixo da seção de comentários. Nem todo usuário chegará tão longe e você não quer perder a oportunidade de capturar sua conversão.

Esta ilustração inclui um CTA em linha e um botão de fim de artigo adequado, ao mesmo tempo em que esmaece o que queremos dizer com banners na parte inferior da página e trilho à direita:

CTA exemplo 2

  • Se puder, torne seu CTA interativo. Praticamente qualquer coisa gamificada ou personalizada funcionará. Calculadoras, questionários ou perguntas simples capturam mais conversões.
  • Não dê um pano de fundo ao seu CTA. Colocar um plano de fundo ou caixa ao redor do seu CTA o torna mais invisível. Torna-se vítima da cegueira do banner em vez de se destacar.
  • Esta maquete inclui um CTA baseado em perguntas e esmaeceu o CTA ineficaz com o fundo:

CTA baseada em perguntas

Todas essas recomendações se resumem a tornar a experiência do visitante o menos perturbadora possível - eles estão lá para consumir conteúdo e, quando você tenta forçá-los a uma experiência diferente, sua campanha pode não ter o desempenho esperado.

Exemplos de Landing Pages Editoriais

Esses exemplos de nossas principais verticais levaram essas práticas recomendadas da teoria ao sucesso.

Exemplo de Fintech: Wikibuy

O Wikibuy da Capital One é uma extensão de navegador gratuita para download que permite que os consumidores comparem preços na finalização da compra. Eles usam postagens de blog para incentivar mais usuários a baixar sua extensão.

Encontramos este exemplo de página de destino em cnbc.com. Quando você chega pela primeira vez, a página está limpa e sem distrações. O título está acima da imagem, que não ocupa a largura da página.

Exemplo de página inicial do Wikibuy

Ao rolar, você vê uma imagem atraente que mostra o produto. Mais abaixo, os links in-line abrem uma página em uma nova guia, onde você pode baixar a extensão. Os links in-line não são intrusivos ou enganosos.

Correspondência de mensagem da página de destino do Wikibuy

Ao concluir o artigo, você encontra um CTA in-line mais proeminente, bem como um botão que solicita que você baixe a extensão gratuita. Há também provas sociais relevantes, incluindo a classificação da Chrome Web Store da extensão e os logotipos de editores conhecidos que a avaliaram.

Wikicomprar cta em linha

Exemplo de comércio eletrônico: Koretrak

Koretrak é um relógio de fitness que apoia as pessoas em suas jornadas de saúde e bem-estar. Um anúncio publicitário na Consumer Bags está promovendo este relógio.
Quando você acessa a página, o título é a primeira coisa que você vê. A Koretrak também optou por fornecer prova social antes da imagem do artigo principal, uma tática que vimos ser eficaz em outros casos.

Koretrak prova social

À medida que você rola, você vê cabeçalhos proeminentes em todo o artigo, bem como um CTA in-line ininterrupto.

Cabeçalhos Koretrak

Koretrak também incorpora suporte baseado em dados de seus benefícios para a saúde em todo o artigo na forma de citações da Organização Mundial da Saúde.

Suporte Koretrak

E embora essa não seja uma recomendação oficial, eles também substituem os marcadores tradicionais por emojis de marca de seleção, o que é um toque atraente para os skimmers.

Cópia da página de destino do Koretrak

Por fim, eles encerram com um CTA de botão grande que oferece um desconto para quem converte.

Koretrak CTA

Exemplo de educação: Connections Academy

Connections Academy é um programa de educação K-12 que oferece aprendizado virtual em casa. Eles usam artigos como este hospedados em seu centro de recursos para comercializar seus serviços para pais que procuram instrução em casa.
Nesse caso, a imagem está acima do título, mas inclui um texto que funciona como um título, o que pode ser uma solução eficaz.

Página da academia Connections

Ao rolar, você vê informações valiosas sobre os benefícios do ensino online, bem como vários CTAs em linha que o levam a páginas de serviço com mais informações sobre a Connections Academy.

CTAs da academia Connections

Copiar as melhores práticas

O design é vital, mas é apenas metade da batalha – sua cópia tem que trabalhar igualmente duro para envolver aqueles que chegaram à sua página de destino em primeiro lugar.

Embora a cópia específica da página de destino tenha variado bastante em nossa análise, todas as páginas de melhor desempenho seguiram essas regras.

Eles usaram títulos que correspondiam ao anúncio anterior. Se o título do anúncio for totalmente diferente do título do seu artigo, seus visitantes vão se sentir como se tivessem sido apenas atraídos por cliques e devolvidos. Mantenha a mensagem consistente.

Estes são uma boa combinação:

  • Título do anúncio: Como investir como um profissional, começando hoje
  • Título do artigo: Esta plataforma de investimento transforma investidores novatos em profissionais rapidamente

Estes são incompatíveis:

  • Título do anúncio: 3 dicas para começar a investir
  • Título do artigo: Esta plataforma de investimento transforma investidores novatos em profissionais rapidamente

Um gancho envolvente que cumpre a promessa feita no título. No primeiro parágrafo, você precisa fazer referência à reivindicação em seu título, mas isso é um gancho, então tente chamar a atenção.

  • Gancho envolvente: se você vai aprender a fazer investimentos inteligentes rapidamente, você precisa de insights dos profissionais - e uma espiada em seus portfólios. Alguns dos melhores usam nossa plataforma e estão aqui para compartilhar suas ideias com você.
  • Gancho não envolvente: as pessoas que investem podem se tornar mais ricas do que aquelas que não o fazem se jogarem bem as cartas.

Nosso primeiro exemplo é envolvente e responde à promessa feita em nosso título, enquanto o segundo pode ser envolvente em alguns contextos, mas é irrelevante para a intenção do leitor.

Um parágrafo de resumo, chamado gráfico nut, que comunica claramente o valor do seu artigo. Freqüentemente, vemos artigos tentando reter informações ou conduzir o leitor, presumindo que isso os encoraje a terminar o artigo. Na realidade, essa tática é irritante e, se as pessoas não virem o que estão procurando imediatamente, elas desistirão.

  • Good nut graph: neste artigo, detalharemos as principais habilidades que nossos usuários aprendem com os profissionais de investimento, incluindo como definir adequadamente seu orçamento de compras, como avaliar o valor potencial de uma empresa antes da compra e como monitorar seu portfólio para manter seus fundos seguros.
  • Bad nut graph: Neste artigo, estamos detalhando dicas de profissionais de investimento que você precisa para começar.

Um CTA logo após o gráfico nut. Quando terminar sua introdução, inclua um CTA. Esse CTA deve ser descritivo e um pouco mais longo do que um CTA típico – você precisará ser mais convincente para a pessoa clicar, já que ela ainda não terminou o artigo.

  • Bom CTA: Inscreva-se em nossa plataforma para obter conselhos profissionais personalizados sobre investimentos
  • CTA ruim: inscreva -se em nossa plataforma

Cabeçalhos de seção descritivos por toda parte. É tudo uma questão de mentalidade - em sites de notícias, as pessoas estão navegando e nem sempre terão certeza de que desejam ler todo o artigo quando clicarem. Vemos as pessoas rolarem para a parte inferior da página, voltarem e começarem a ler para determinar se um artigo é adequado para elas. Os cabeçalhos de sua seção devem funcionar para chamar a atenção.

  • Bom cabeçalho de seção: Nossos profissionais recomendam não investir mais de 5% de sua renda mensal - aqui está o porquê
  • Cabeçalho de seção incorreto: quanto investir

CTA final no final do artigo. Inverta o conselho que demos para o primeiro CTA. Agora é a hora de ir direto ao ponto.

  • Bom CTA: Inscreva-se em nossa plataforma
  • Bad CTA: Inscreva-se em nossa plataforma para obter conselhos profissionais personalizados sobre investimentos

Exemplos de Redação

Como um profissional de marketing experiente, você fica por dentro das práticas recomendadas, mas às vezes precisa de inspiração. Aqui estão alguns exemplos de páginas de destino de nossos principais setores para ilustrar o básico por trás de uma cópia atraente.

Exemplo de comércio eletrônico: FirstLeaf

A Firstleaf envia caixas de vinho personalizadas com base no gosto de seus clientes - e por muito mais barato do que você pode pagar na loja. O artigo de sua campanha ilustra esses dois pontos.

Embora os títulos do anúncio e do artigo sejam diferentes, a intenção do usuário corresponde. O parágrafo de abertura também intriga o leitor com o conceito de "eliminar o intermediário" nas vendas de vinhos e responde imediatamente à promessa feita no título, explicando que esses intermediários são a razão pela qual você está pagando demais pelo vinho.

Exemplo de copywriting FirstLeaf

Após uma breve introdução, um gráfico de nozes vai direto ao ponto - o Firstleaf pedirá aos leitores que façam um breve questionário para determinar seus gostos de vinho e revelar o preço de seu produto. Após o gráfico nut, vemos nosso primeiro CTA envolvente para fazer o teste.

Cta em linha FirstLeaf

Nesse caso, o Firstleaf usa frases de destaque no lugar dos cabeçalhos, mas elas funcionam da mesma forma. Eles são descritivos o suficiente para serem facilmente escaneados quando alguém está determinando se deseja ler mais.

Quando terminamos, há um breve CTA no estilo de botão solicitando que os visitantes façam o teste novamente.

FirstLeaf próximo cta

Exemplo de fintech: limonada

A Lemonade é uma plataforma fintech que simplifica o processo de compra e gestão de seguros residenciais para quem está no mercado. Sua campanha e respectiva página de destino focam no custo reduzido de sua oferta em relação a outras.

Os títulos se correlacionam claramente com o do anúncio, embora não sejam exatamente iguais.

Exemplo de página de destino de limonada

A limonada vai direto ao ponto, citando o custo projetado de despesas não planejadas ou desastres naturais. O gráfico de nozes orienta o leitor sobre o que eles obterão com a cobertura de US $ 25 por mês, descrevendo com precisão as informações do artigo.

Custo de seguro

Após o gráfico de nozes, há um CTA in-line solicitando que os usuários verifiquem os preços. Eles também estão testando um CTA híbrido que inclui texto em linha e um botão. O texto em linha descreve minuciosamente a oferta, enquanto o botão dá o soco.

Exemplo de CTA

O cabeçalho da primeira seção define a reivindicação da Lemonade de ser líder do setor em transparência e usa marcadores para aumentar a legibilidade. O artigo encerra sua seção final com outro CTA híbrido, incluindo um CTA de botão que é curto, doce e direto ao ponto.

Segundo CTA

Exemplo de educação: gramática

Temos nos concentrado bastante em artigos e anúncios publicitários, mas as páginas de destino de formato longo foram outro tipo de conteúdo que vimos ter um bom desempenho em campanhas em sites editoriais. Essas páginas de destino podem diferir muito em termos de estrutura e cópia, mas aquelas que incluem todos os elementos essenciais que mencionamos podem ter uma boa conversão para os anunciantes.

A campanha da Grammarly usou uma página de destino de formato longo para visualizar e descrever com precisão sua oferta, com um texto pronto para conversão.

Essa página de destino é um excelente exemplo de como os títulos podem ser diferentes no criativo do anúncio e na página de destino, mas ainda correspondem à intenção do usuário. Primeiro, a campanha cria urgência ao encorajar as pessoas a checar seus e-mails e fecha o negócio prometendo simplificar o processo.

No lugar de um gráfico descritivo, a Grammarly optou por visualizar a proposta de valor de seu produto usando um GIF que demonstra exatamente como sua ferramenta detecta erros de escrita e fornece dicas para melhorias.

Página de destino gramatical

À medida que você rola, você vê cabeçalhos de seção descritivos e CTAs in-line sutis que incentivam os usuários a aprender mais sobre a extensão.

Recurso gramatical

A primeira forma de prova social desta página inclui uma lista de integrações para mostrar que não se trata apenas de e-mail - você pode melhorar sua redação em várias plataformas usando sua extensão.

Recurso gramatical

Não imaginamos todos eles aqui, mas em toda a página de destino, o Grammarly inclui vários cabeçalhos de seção facilmente escaneáveis ​​e parágrafos que descrevem especificamente cada caso de uso para sua extensão.

Por fim, eles encerram sua página de destino com uma citação de um cliente satisfeito e um CTA final.

Recurso do aplicativo Grammarly

Fundamentos da página de destino do mundo real

As páginas de destino baseadas em editoriais são a abordagem mais bem-sucedida que os anunciantes podem usar para campanhas em sites editoriais. Isso inclui especificamente artigos, publieditoriais e páginas de destino de formato longo.

Depoimento do cliente

Ao criar sua página de destino, lembre-se destes elementos essenciais:

  • Os CTAs devem ser ininterruptos. Com uma página de destino editorial, você não deseja interromper o fluxo do leitor. Use CTAs em linha para incentivar mais conversões.
  • Configure sua página para digitalização. Antes de as pessoas lerem uma página, elas rolam até o final e voltam ao topo novamente para determinar se desejam mergulhar nela. Use cabeçalhos de seção descritivos para chamar sua atenção.
  • Vá direto ao ponto rapidamente. Não arraste o leitor até o final de seu artigo para fazer seu ponto - faça isso na introdução com o uso de um gráfico de nut forte.
  • Descreva seu valor. Ao escrever sua cópia para CTAs, descreva o valor de sua oferta antes de pedir a um visitante que tome uma ação específica.

Para facilitar um pouco a criação de sua cópia, use este modelo de documento do Google, que inclui uma explicação passo a passo de todas as nossas sugestões acima.

Incentivamos você a manter o teste A/B de elementos individuais para ver o que agrada seu público, mas essas práticas recomendadas são um ótimo começo para qualquer campanha editorial nativa.

Sobre o autor

Megan é a gerente sênior de marketing de conteúdo da Taboola e orgulhosa viciada em chá gelado. Ela também escreveu artigos para sites como Content Marketing Institute, Vox e SEMRush. Você pode encontrá-la online escrevendo, tuitando ou analisando um conjunto de dados de marketing. Tweet ela em MeganRoseM, ou alcance no LinkedIn em Megan Morreale.