-

-
-
COMO OTIMIZAR

--
SEU SITE E ATRAIR
MAIS NEGÓCIOS
COM CRO

-
-
Tópicos
-

1 2 3 4
O que é Por que Como
Introdução CRO e como otimizar a otimizar a
- usar essa conversão conversão
estratégia de sites na prática?
Visitantes no site Layout
- Taxa de conversão Navegação
Geração de leads Conteúdo
Faturamento Mobile
-

- Conclusão
Sobre a HostGator
-
- Sobre a Supersonic
 E-book: Como otimizar seu site e atrair mais negócios com CRO

Informações para
facilitar a sua leitura
Dicas do Snappy para a leitura deste e-book.

Olá, preparamos para você um e-book interativo, para que

seja possível clicar em links que te levam a conteúdos
complementares a sua leitura. Nele, você encontra também
um índice clicável que te permite acessar diretamente o
capítulo desejado.

No canto inferior esquerdo usamos um botão que te leva,

automaticamente, de volta ao índice. Quando o texto estiver
assim é porque nele se encontra um link com conteúdos
adicionais.
Clique à vontade e seja direcionado para um tema extra
relacionado ao assunto. Esperamos que essas funções
facilitem a sua experiência.

Boa leitura!

3
Voltar ao índice
 E-book: Como otimizar seu site e atrair mais negócios com CRO

Introdução
O propósito da maioria dos sites é gerar visibilidade para a
marca e oportunidades de negócios, que vão desde vendas
de produtos ou serviços, contratação de consultorias,
adesão a projetos ou causas, até a exposição da marca e da
empresa por parte de conteúdos educacionais e informativos.
Qualquer um que tem um site na web pode potencializar essa
geração de oportunidades de negócios por meio da criação e
otimização de sites focados em oferecer a melhor experiência
para o usuário.
Neste e-book vamos descrever como funciona a otimização
da conversão e como aumentar o volume de novas
oportunidades de negócios - sem necessariamente ter que
aumentar o tráfego. Afinal, muitos sites têm um volume de
acesso alto, porém não geram conversão.
A proposta do CRO é modificar essa
situação e aumentar o número de
conversões (de visitantes em leads,
leads em oportunidades, vendas, etc)
entre o público que já conhece sua
marca e acessa o seu site.
Aproveite as dicas e comece a colocá-
las em prática logo após a leitura.
Depois, se desejar, compartilhe
conosco os resultados alcançados.

4
Voltar ao índice
O que é
CRO e como
usar essa
estratégia?
 E-book: Como otimizar seu site e atrair mais negócios com CRO

A sigla CRO vem de Conversion Rate Optimization,

que em português é o equivalente a Otimização de
Conversão. Na prática, é um conjunto de técnicas
usadas para aumentar o percentual de visitantes
de um site que se tornam clientes. Ou seja, são
melhorias feitas para aumentar a taxa de conversão.

O que é conversão?

Antes de continuar, é importante mas também pode ser um novo Exemplo de

entender o conceito de “conversão”,
que pode variar. Para ficar mais claro:
Em um site institucional ou blog, a
conversão pode se dar através do
preenchimento de um formulário de
contato ou, ainda, a assinatura em
uma newsletter. Já no caso de um
e-commerce, a conversão geralmente
se dá através da venda de um produto,
cadastro de um potencial cliente que
será, então, abordado por um vendedor.
São detalhes que variam de acordo
com cada tipo de site e negócio, mas
o objetivo final é comum a todos eles:
uma ação desejada que o visitante
realiza em um site.
conversão
Fazer o download de um conteúdo
Entrar em contato através de um formulário
Solicitar um trial ou demonstração
Comprar um produto ou serviço
Cadastro na newsletter

6
Voltar ao índice
 E-book: Como otimizar seu site e atrair mais negócios com CRO

Como calcular a taxa de conversão?

O jeito mais simples de calcular a taxa

de conversão é multiplicar por 100 o

100 X Total
total de conversões do seu site depois
dividir pelo total de visitas recebidas
no mesmo período. O resultado deste
cálculo será a sua taxa de conversão. de Conversões Taxa de
O total de visitas recebidas pelo
seu site está disponível no Google
= conversão
Analytics. Lá você pode determinar o Total de visitas
período que deseja visualizar.

Já o número de conversões você

pode levantar por tipo: contato, venda,
download. Depois basta aplicar a
fórmula.

7
Voltar ao índice
 E-book: Como otimizar seu site e atrair mais negócios com CRO

A Otimização da Conversão
Site sem CRO Site com CRO
Quer um exemplo de como funciona a
otimização da conversão na prática?

Visitantes Visitantes
Digamos que o seu site possui um
por dia= 500 Otimização por dia= 500
formulário para solicitação de um teste
gratuito de um produto e essa página Conversões da conversão Conversões
recebe 500 visitantes por dia, mas por dia= 15 por dia= 45
somente 15 pedem para conhecê-lo.

Depois de aplicar alguns ajustes

no formulário, deixando somente
informações que realmente fazem
sentido para o usuário, você aumenta
essa conversão de 15 para 45 pedidos.
Ou seja, a partir de uma hipótese,
ajustes e testes, foi possível triplicar a
taxa de conversão do formulário.
E isso representa como funciona o
CRO na prática.
Com o exemplo que citamos acima fica bem claro que o propósito do CRO
não é aumentar o tráfego para o site, mas sim a conversão. Portanto, o foco
deve ser em melhorar a experiência do usuário e, com isso, aumentar a
probabilidade de o visitante realizar a ação proposta e desejada.
Agora que você já entendeu como funciona a otimização de sites vamos
destacar algumas vantagens de usar essa estratégia.

8
Voltar ao índice
Por que
otimizar a
conversão
de sites

Talvez você esteja pensando
que para otimizar a conversão
será necessário redesenhar
completamente um site.
Saiba que nem sempre isso é
necessário. A orientação é criar
hipóteses, testá-las e, a partir
dos resultados, promover as
otimizações necessárias.
Após compreender quais
as mudanças necessárias -
considerando a percepção do
público que utiliza o site - as
otimizações do site já podem
ser feitas. O passo seguinte
é acompanhar o tráfego e
demais métricas para visualizar
os resultados alcançados.
Alguns dos principais
benefícios são:
Voltar ao índice
E-book: Como otimizar seu site e atrair mais negócios e clientes com CRO
Melhor taxa de conversão
Essa é óbvia, mas pela sua importância vale
reforçar. As melhorias feitas podem aumentar
significativamente a taxa de conversão de um
site e isso pode ter um impacto considerável nos
negócios.
Lembrando sempre que podemos considerar
como conversão desde o download de um
conteúdo, a assinatura em uma newsletter
ou mesmo uma venda, entre várias outras
possibilidades.
Maior geração de Leads
Os chamados leads são pessoas interessadas
num determinado tema, produto ou serviço.
Para receber informações de seu interesse o
lead compartilha informações pessoais (como
nome, e-mail, perfil) que podem ser usadas
pela equipe de marketing e vendas para - no
momento certo - fechar negócio.
Otimizar um site para a conversão (a partir de
testes, como manda o figurino) é uma ótima
estratégia para aumentar o número de leads
gerados. Aqui, o resultado esperado é que
os visitantes se interessem mais pelas suas
ofertas e isso promova um aumento na geração
de leads sem aumentar o tráfego para o site.
Aumento do faturamento
Com a otimização de sites para a conversão
é possível tanto aumentar as vendas, quanto
o ticket médio. No fim, tudo representa um
aumento no faturamento.
Portanto, antes de sair por aí gastando dinheiro
para atrair mais vendas, a dica é organizar a casa.
Afinal, a resposta pode estar no próprio site.
Faça o teste e otimize-o seguindo as dicas deste
e-book!
10
Como
otimizar
a conversão
na prática
 E-book: Como otimizar seu site e atrair mais negócios com CRO

Esse processo pode ser feito em looping e funciona assim:

Listamos abaixo alguns aspectos

básicos para você começar a
implementar estratégias de otimização Criar uma Testar a Aplicar as Acompanhar
da conversão. Coloque-as em prática hipótese hipótese melhorias os resultados
e acompanhe as métricas a fim de
identificar a melhor hipótese sugerida.

12
Voltar ao índice
 E-book: Como otimizar seu site e atrair mais negócios com CRO
O que é teste A/B?
Uma dica para identificar quais
melhorias devem ser feitas no seu site
é por meio do teste A/B. Neste método,
são comparadas versões diferentes de
um mesmo objeto (seja ele um layout,
um formulário, conteúdo, etc) a fim de
identificar qual tem a melhor aceitação
do público.
Vale ressaltar que o teste A/B sempre
considera duas ou mais versões
diferentes de um elemento ou página
e procura testá-las nas mesmas
condições.
Saiba mais:
O que é teste A/B e por que você deve começar a utilizá-lo
Voltar ao índice
É um método muito usado nas áreas de
design e desenvolvimento de sites para
estudar o impacto de uma determinada
mudança nos resultados gerados
por uma página ou site. Para aplicar o
teste A/B você divide o tráfego de uma
determinada página em duas versões: a
original e a “variante”.
A página original é como o seu site está
(sem alteração) e a variante é a página
com o elemento que será testado, ou
seja, com alguma modificação (pode
ser uma cor, um botão, um texto).
Depois basta analisar qual das duas
versões teve a melhor performance.
13
 E-book: Como otimizar seu site e atrair mais negócios com CRO

Layout

Você sabia que os usuários levam em média Confira alguns dos aspectos
10 segundos para concluir se gostam ou não de um site? que você pode avaliar no
layout de um site:
O dado, publicado pela consultoria
Nielsen Norman Group, confirma cores;
a relevância de promover boas formas;
experiências aos usuários. Portanto, ao fontes;
otimizar o layout de um site é possível botões;
ampliar significativamente a taxa de imagens;
conversão. volume de texto.

Algumas métricas básicas que você pode considerar para avaliar testes
relacionados ao layout de um site são: mapa de calor e navegação, volume
de visitas, tempo de visitação, páginas mais acessadas, entre outras.

14
Voltar ao índice
 E-book: Como otimizar seu site e atrair mais negócios com CRO

Ferramentas
Selecionamos
Existem ferramentas especializadas
três ferramentas
em analisar o comportamento dos
visitantes do seu site. Com isso é que fazem essa
possível entender melhor a navegação
do usuário: onde ele mais clica, quais análise de mapa
de calor:
áreas tem mais interesse, se usa a barra
de rolagem, etc. Essas informações são
extremamente relevantes para gerar
insights de melhorias e otimização da
conversão. Hotjar
Crazy Egg
ClickTale

15
Voltar ao índice
 E-book: Como otimizar seu site e atrair mais negócios com CRO

Navegação

A recomendação neste caso é ter

Você já acessou um site em busca de
muita atenção ao usar os seguintes
algo, mas foi interrompido diversas
elementos:
vezes até que desistiu?
Isso demonstra o quanto a navegação
Pop-ups
é importante para a experiência do
usuário.
Destaques na home
Além disso, ela também tem um forte
Banners
impacto na taxas de conversão. Portanto,
ao desenvolver um site lembre-se sempre
Promoções
que todos os seus elementos podem
contribuir para a conversão ou atrapalhar
Produtos relacionados
a navegação (e por consequência os
resultados).
Coletas de e-mail

16
Voltar ao índice
 E-book: Como otimizar seu site e atrair mais negócios com CRO

Nada disso é proibido, no entanto, esses recursos devem ser

usados com o público certo e, principalmente, no local certo.
Aqui vale a máxima da otimização: testar! Para inspirar seus
testes vamos citar um exemplo de como otimizar a navegação
do usuário.

Digamos que as informações de contato da empresa estão

no rodapé da página e o mapa de calor aponta que poucos
visitantes chegam até lá.

Um teste que pode ser feito é colocar o botão de contato mais

visível, numa área mais utilizada pelos usuários. Essa simples
modificação na navegação pode otimizar a conversão e
aumentar o número de contatos realizados através do site.

Saiba mais:
Precisamos conversar sobre UX

17
Voltar ao índice
 E-book: Como otimizar seu site e atrair mais negócios com CRO

Conteúdo
Esse é mais um quesito que impacta diretamente na
conversão. Dê uma atenção especial ao conteúdo, usando
textos claros, objetivos e persuasivos o suficiente para
conquistar o visitante.

Por meio do conteúdo você pode oferecer o remédio

para uma determinada dor, responder eventuais
objeções e até mesmo ensinar sobre o seu produto,
serviço ou área de atuação. Mas, atenção: não adianta
encher linguiça! Escrever mais do mesmo não vai
ajudar o seu visitante a converter (e ainda tem o
risco de aumentar a taxa de rejeição). Então, a dica é
escrever conteúdos que detalham as características
do seu produto ou serviço, apresentando os
diferenciais e principais benefícios.

Leia:
O desafio de criar conteúdos relevantes

18
Voltar ao índice

Mobile
Os dispositivos móveis contribuíram
para que as pessoas ficassem cada
vez mais conectadas. Daí surgiu a
necessidade de criar sites voltados para
o uso em smartphones e tablets. Existe
inclusive uma expressão para este
modelo de desenvolvimento web, é o
mobile first.
Essa versão tende a ser menor e mais
objetiva, e, por conta disso, carrega
mais rápido (quando o acesso é feito
por smartphones e tablets via 3G ou
4G, é um fator decisivo na velocidade
de carregamento).
Quando um site é inicialmente
desenvolvido para a versão desktop,
a versão mobile precisa de muitas
adequações nos elementos para que
Voltar ao índice
E-book: Como otimizar seu site e atrair mais negócios com CRO
tudo funcione no espaço reduzido
do celular. Em alguns casos, muitos
componentes são removidos para que
o site funcione perfeitamente em telas
menores. Portanto, a recomendação é
desenvolver sites sempre para a versão
móvel e depois adaptar esse formato
para desktops.
Para garantir a usabilidade dos
visitantes na versão móvel é importante
considerar os seguintes fatores:
- o tamanho da tela reduzido;
- a conexão móvel mais limitada;
- o comportamento dos usuários;
- as telas ‘touch’.
19

Você sabia?
Segundo o IBGE, 94,6% dos brasileiros
com 10 anos ou mais de idade afirmam
usar o telefone celular para o acesso
individual à internet. Por isso é
imprescindível criar sites responsivos
para garantir a boa experiência dos
visitantes que acessarem via mobile.
Voltar ao índice
E-book: Como otimizar seu site e atrair mais negócios com CRO
Uma excelente dica para otimização de sites para mobile é
usar o AMP (Accelerated Mobile Pages). Resumindo, é uma
forma de acelerar a navegação do seu site. Em equipamentos
móveis o AMP apresenta uma versão mais leve do site, com
menos elementos visuais, o que favorece a navegação. Que
tal escolher uma página e testar se o AMP contribui para
aumentar a conversão?
20
Estudos
de caso
Para ajudar você a compreender como
funciona o CRO na prática vamos
compartilhar alguns cases de clientes
da Supersonic. Eles podem gerar
insights de como melhorar o site do seu
negócio.

Confira!

Que tal aumentar o
faturamento anual da sua
empresa em mais de 2
milhões de reais? A ContaAzul
conseguiu exatamente isso!
Como muitas empresas,
eles tinham dificuldade em
prender a atenção do visitante
de forma rápida. Para isso,
foram feitas mudanças na
página inicial do site a fim de
oferecer exatamente o que o
cliente estava buscando, sem
rodeios. Com as mudanças
o aumento da taxa de
conversão resultou em 47
mil novos clientes pagantes
e, consequentemente, no
aumento do faturamento.
Confira este case aqui.
Voltar ao índice
E-book: Como otimizar seu site e atrair mais negócios com CRO
A Samba Tech está entre as
empresas mais inovadoras
do mundo. Mas, eles tinham
dificuldade em transmitir o A Rock Content, uma
valor do produto para seus empresa que presta serviços
potenciais clientes. A proposta de marketing de conteúdo,
da Supersonic foi justamente conseguiu aumentar sua taxa
focar nos benefícios ao invés de conversão em 150%. Para
de focar nas características. isso, foram realizadas diversas
O primeiro teste foi fazer uma pesquisas que direcionaram as
oferta que não poderia ser mudanças que deveriam ser
recusada e isso aumentou em feitas no site.
70% a taxa de conversão. O
passo seguinte foi modificar a Veja o estudo de caso.
página inicial do site e isso fez
subir para 122% o aumento da
conversão.
Clique para ver o case
completo.
22

Conclusão
Agora que você já sabe como otimizar sites é hora de
começar a otimizar para a conversão.
Comece identificando os aspectos
que precisam ser melhorados no seu
site: o fluxo da página de venda de um
produto, o layout da página inicial, a
navegação, ou quem sabe o conteúdo.
Paralelo a isso, também é importante
ter atenção com a versão mobile.
O importante sempre é ficar de olho
nas métricas. Lembre da máxima: o que
não pode ser medido, não pode ser
melhorado. Portanto, é fundamental
acompanhar a origem do tráfego,
ou seja, o modo como os clientes
chegam ao seu site, e também como se
comportam ao navegar nele.
Voltar ao índice
E-book: Como otimizar seu site e atrair mais negócios com CRO
Isso sem deixar de lado dados como
o número de visitantes que o seu site
recebe e taxa de conversão. Afinal, é a E aí, pronto para colocar a
partir dessas informações que você vai mão na massa e começar os
testar melhorias. testes para otimizar o seu site
Por fim, também vale ressaltar que e aumentar a conversão?
todas as dicas que compartilhamos
nesse e-book podem ser aplicadas ao
desenvolvimento de novos sites.
Outra recomendação é pesquisar
cases de empresas que já aplicaram a
otimização da conversão e alcançaram
bons resultados. Tudo isso pode gerar
insights que podem ser aplicados ao
seu projeto.
23
 E-book: Como otimizar seu site e atrair mais negócios com CRO

A HostGator é uma provedora mundial de

hospedagem de sites e outros serviços relacionados
à presença online. Fundada em outubro de 2002 nos
Estados Unidos, a empresa conta, há dez anos, com
um escritório no Brasil, localizado em Florianópolis.

Representada pela Endurance International Group, a

HostGator tem forte atuação em países como Brasil,
Estados Unidos, México, Chile, Colômbia, Índia,
China, Rússia, entre outros.

Blog da HostGator Site da HostGator

24
Voltar ao índice
 E-book: Como otimizar seu site e atrair mais negócios com CRO

A Supersonic é uma empresa totalmente focada

em aumentar a taxa de conversão de sites. Seu
propósito é melhorar as páginas de sites para que
elas sejam mais eficientes e transformem o máximo
possível de visitantes em clientes.

Site Supersonic Blog Ciência da Conversão

25
Voltar ao índice