Formatação de Texto e Destaques em Copy de Página

Por que formatação de texto vende (ou mata) sua página

Formatação de copy é o que faz o olho do visitante parar na palavra certa. Ajuste de altura de linha, destaque de trechos em cor alternativa e efeito riscado no preço ancorado guiam a leitura e reforçam a oferta sem o cara precisar ler tudo. Página de venda não é lida palavra por palavra: é escaneada. E o que decide o que ele lê primeiro é como você formatou.

Quem opera sabe: uma headline bem quebrada, com a promessa em amarelo e o preço velho riscado em vermelho, converte diferente de um bloco de texto corrido cinza. Não é enfeite. É hierarquia visual funcionando a favor da oferta.

Como editar headline e subheadline

A headline é o primeiro filtro. Se ela não segura o cara, o resto da página nem existe pra ele. Escreve a promessa direta e trata a subheadline como o argumento que sustenta essa promessa.

Na hora de editar, você mexe em três coisas: tamanho de fonte, alinhamento e peso do texto. Título grande, subheadline menor, e a diferença entre os dois já cria hierarquia. O olho entende sozinho o que é principal e o que é apoio.

Alinhamento tem quatro opções e cada uma tem seu momento:

• Centralizado funciona bem em headline de topo, quando o texto é curto e você quer impacto
• À esquerda é o padrão pra bloco de texto longo, porque o olho ocidental lê da esquerda pra direita e cansa menos
• À direita quase nunca compensa em copy, usa com cuidado
• Justificado deixa o parágrafo com margem reta dos dois lados, mas pode abrir buraco feio entre palavras em tela estreita

Regra prática: headline centralizada, corpo de texto à esquerda. Testa antes de justificar.

Altura de linha: o ajuste que ninguém olha e faz diferença

Quando você cola um texto e ele fica com espaço enorme entre as linhas, o problema é a altura de linha (line-height). O valor padrão às vezes deixa o parágrafo espaçado demais, parecendo que as frases não conversam entre si.

O ajuste é simples: baixa o valor. Coloca 1.3 e o texto encosta mais, fica compacto, com aparência de bloco sólido. Isso ajuda principalmente em subheadline e em parágrafo de argumento, onde você quer que o leitor sinta o texto como uma unidade, não como frases soltas.

Cuidado pra não apertar demais. Abaixo de 1.2 as linhas começam a se atropelar e a leitura fica sufocada. Entre 1.3 e 1.5 é a faixa segura pra maioria dos casos.

Como destacar palavras com cor alternativa

Destacar palavra é uma das formas mais rápidas de dizer pro cérebro do visitante: olha aqui, isso importa. Você pega o benefício central, o nome do método, a palavra que carrega a promessa, e joga numa cor que contrasta com o resto.

O destaque funciona com uma tag em volta do trecho. Você coloca o sinal antes e depois da palavra que quer marcar, e ela assume a cor alternativa que você definiu. Escolheu amarelo? A palavra sai amarela no meio do texto branco. Simples e visível.

O que você controla no destaque:

• Cor alternativa (a cor da palavra marcada)
• Cor de fundo do trecho, se quiser marca-texto em vez de só a letra colorida
• Tamanho de fonte, pra aumentar a palavra destacada
• Cor do texto e cor de fundo do bloco inteiro

Dá até pra trocar a cor sólida por um degradê, saindo de uma cor pra outra dentro da mesma palavra. Fica bonito em headline, mas segura a mão: degradê demais polui e tira a legibilidade.

Um erro comum é destacar tudo. Se metade da frase está em amarelo, nada está em destaque. Escolhe uma ou duas palavras por bloco. O destaque vive do contraste com o que está normal em volta.

Efeito riscado no preço ancorado

Ancoragem de preço é clássico de Direct Response: mostra o valor alto riscado, depois o valor real. O riscado é o que dá a sensação de desconto. Sem ele, o preço novo é só um número. Com ele, vira economia.

Na estrutura de preço você normalmente tem dois containers: o do valor ancorado (o caro, riscado) e o do valor final (o que o cara paga). Você entra em cada um e edita.

O efeito riscado também é uma tag. Você coloca dois traços antes e dois traços depois do valor. Então --299-- sai como 299 com um risco cortando o número. Aquele clássico "de 299 por apenas 149".

Dá pra deixar mais agressivo pintando o riscado de vermelho. Aí a combinação de tags muda: você usa a cor alternativa vermelha e junta os dois traços com o sinal de igual. A ordem importa. Se você inverter os sinais, o efeito não sai. Acerta a sequência e o número aparece riscado e vermelho ao mesmo tempo, reforçando a ideia de preço que você não paga mais.

Monta assim: preço velho riscado em vermelho, preço novo grande e em destaque. O olho vai direto pro contraste entre os dois.

Fontes: título, texto e botão não precisam ser iguais

Em estilos você troca as fontes de cada parte da página separado: título, corpo de texto e botão. Não precisa ser tudo a mesma família.

O padrão que funciona:

• Título com fonte de mais personalidade ou peso, pra chamar atenção
• Corpo de texto com fonte limpa e legível, sem firula, porque o cara vai ler bastante ali
• Botão pode ter uma fonte diferente pra destacar o call to action

Quer uma fonte só no botão? Entra no estilo do botão e altera lá, sem mexer no resto. É o tipo de detalhe que separa página amadora de página que parece profissional.

Uma regra que segura: no máximo duas ou três fontes na página inteira. Mais que isso vira bagunça visual e o cérebro do visitante gasta energia decifrando em vez de lendo a oferta.

O trabalho por trás de escalar isso pra muitas páginas e campanhas

Formatar uma página caprichada é uma coisa. O problema aparece quando você tem dez ofertas, cada uma com sua página e suas campanhas, e precisa subir tudo isso no Meta sem errar naming, público ou estrutura. Aí a formatação bonita da página não te salva do trabalho braçal de configurar campanha a campanha.

É o cenário onde a parte de publicação vira gargalo. Operadores que tocam volume alto costumam apoiar essa etapa em plataformas como o DirectAds pra padronizar naming entre contas, justamente porque configurar 80 campanhas na mão é onde o erro humano aparece: nome trocado, público errado, conjunto duplicado no lugar errado. A página você formata uma vez. As campanhas você sobe toda semana.

Takeaways

• Baixa a altura de linha pra 1.3 quando o texto sair espaçado demais e ficar parecendo frases soltas
• Destaca uma ou duas palavras por bloco com cor alternativa, nunca a frase inteira, senão o contraste morre
• Usa o riscado com dois traços antes e depois no preço ancorado, e monta a ordem certa das tags pra deixar em vermelho
• Separa as fontes de título, texto e botão, mas mantém no máximo duas ou três famílias na página toda

Perguntas frequentes

Qual a altura de linha ideal pra copy de página?

Entre 1.3 e 1.5 pra maioria dos casos. Abaixo de 1.2 as linhas se atropelam e a leitura sufoca. Baixa pra 1.3 quando o texto sair com espaço grande demais entre as frases.

Como faço o efeito de preço riscado?

É uma tag: coloca dois traços antes e dois traços depois do valor. Pra deixar riscado e vermelho ao mesmo tempo, você combina a cor alternativa vermelha com os dois traços e o sinal de igual, na ordem certa. Se inverter a sequência, o efeito não aparece.

Posso usar cor de fundo em vez de só colorir a palavra?

Pode. No destaque você controla cor da letra e cor de fundo separado. Se quiser efeito de marca-texto, aplica a cor no fundo do trecho. Se quiser só a palavra colorida, mexe na cor alternativa do texto.

Quantas fontes usar numa página de venda?

Duas ou três no máximo. Uma pra título, uma pro corpo de texto, e se quiser destacar o botão, uma terceira só nele. Mais que isso polui e cansa o leitor.

Vale a pena colocar degradê no texto?

Em headline curta pode ficar bom. No corpo de texto, evita: degradê atrapalha a legibilidade e a leitura longa fica cansativa. Usa com moderação e sempre testa em tela de celular antes.