Você está na página 1de 55

O guia completo

Como (re)fazer o site


da sua empresa

Como (re)fazer o site da sua empresa: o guia completo

Dicas para a leitura desse eBook


Ol! Este eBook um PDF interativo. Isso quer dizer que aqui, alm do
texto, voc tambm vai encontrar links, botes e um ndice clicvel.
Os botes no canto esquerdo superior de todas as pginas servem para compartilhar o
eBook em suas redes sociais favoritas. Se voc gostar do contedo, fique vontade para
compartilhar o material com seus amigos. :)
Na parte inferior, temos um boto que leva voc, automaticamente, de volta ao ndice.
Assim como no ndice voc pode clicar em cada captulo e ir diretamente para a parte do
livro que quer ler. Caso seu leitor de PDFs tenha uma rea de "Table of Contents", l mais
um lugar por onde voc pode navegar pelo contedo desse livro.
Como ltima dica, saiba que quando o texto estiver assim, quer dizer que ele um
link para uma pgina externa que vai ajudar voc a aprofundar o contedo. Sinta-se
vontade para clic-lo!
Esperamos que essas funes te ajudem na leitura do texto.

Boa leitura!

ir para o ndice

Como (re)fazer o site da sua empresa: o guia completo

ndice
O que mudou no Marketing Digital nos ltimos anos................................................. 5
Por que ter um site hoje.................................................................................................. 6
As 4 principais objees...........................................................................................................6
Os 5 motivos para sua empresa ter um site.......................................................................9
A importncia de um site...................................................................................................... 12
O que fazer enquanto voc ainda no tem ou est refazendo o site......................13
Criar um blog........................................................................................................................... 14
Gerar Leads em Landing Pages.......................................................................................... 15
Estar presente nas mdias sociais....................................................................................... 16
Enviar campanhas de email................................................................................................. 17
O que deve conter um site............................................................................................19
Ttulos das pginas, as famosas headlines....................................................................... 19
Mostre benefcios, no funcionalidades........................................................................... 20
Pense em cada pgina como uma Landing Page........................................................... 21
Dobras ou folds....................................................................................................................... 23
Escolhendo as cores da pgina........................................................................................... 24
CTA - Call-to-Action................................................................................................................. 24
Inventrio de URLs e outros elementos............................................................................ 25
Redesign de sites - Quando, como e o que fazer......................................................26
10 sinais de que hora de fazer o redesign do seu site.............................................. 26
5 motivos que NO justificam fazer o redesign do seu site........................................ 27
10 erros mais comuns ao fazer o redesign de um site................................................. 27
O que analisar ao recriar o design de um site................................................................ 28
Como fazer testes A/B e confirmar as melhorias do novo design............................. 29
Identidade visual..................................................................................................................... 29
Usabilidade ao redesenhar seu site................................................................................... 29

Como (re)fazer o site da sua empresa: o guia completo

Benchmarking - Analisando o que funciona com os concorrentes..........................31


SEMRush................................................................................................................................... 31
MOZ............................................................................................................................................ 32
Google Analytics...................................................................................................................... 32
Google Trends......................................................................................................................... 33
Similarweb................................................................................................................................ 34
A importncia do CMS....................................................................................................35
Outros motivos para usar um CMS so............................................................................ 35
Escolhendo o seu CMS.......................................................................................................... 36
Por que pensar no mobile.............................................................................................37
Muito alm do desktop......................................................................................................... 37
O que um site responsivo................................................................................................. 38
Diferenas entre um site responsivo e uma verso mobile........................................ 39
9 motivos para ter um site responsivo (e suas vantagens!)......................................... 40
Hospedagem de sites Importncia e como escolher.................................................45
Suporte especializado com especialistas que falam a sua lngua.............................. 45
Tecnologias agregadas.......................................................................................................... 45
Plano com suporte especializado a WordPress.............................................................. 45
Tipos de hospedagem........................................................................................................... 46
Algumas das extenses mais conhecidas so:................................................................ 47
Registro de domnio.......................................................................................................47
Disponvel.................................................................................................................................. 47
Simples e fcil.......................................................................................................................... 47
Curto.......................................................................................................................................... 47
Extenses de domnio........................................................................................................... 47
SEO - O mnimo que deve ser feito ao repensar o site..............................................48
E o que preciso para ter um site bem otimizado?...................................................... 48
Escolhendo fornecedores..............................................................................................49
Concluso ......................................................................................................................51
Materiais Relacionados..................................................................................................52

voltar para o ndice

Como (re)fazer o site da sua empresa: o guia completo

O que mudou no Marketing


Digital nos ltimos anos
H alguns anos, a funo de um site era apenas ser a cara da empresa na internet. Algo
apenas para marcar presena mesmo, sem se preocupar com a necessidade de gerar resultados.

sso aconteceu porque ainda no havia clareza


sobre o que era o Marketing Digital ou o Inbound
Marketing. Tampouco as redes sociais eram to
presentes na vida de todo mundo como so atualmente.

Tudo isso faz com que o cenrio todo mude: se antes um


site era apenas "a cara" online da empresa, hoje ele deve
ser o centro de uma estratgia de Inbound Marketing uma verdadeira mquina de gerao de negcios.

Desde ento, muita coisa mudou. E o processo de


compra mudou junto.

Sendo assim, quer voc tenha um site e esteja pensando em reformul-lo, ou ainda no tenha e queira fazer
um, neste eBook voc vai encontrar tudo o que precisa
saber para comear, desde descobrir o que deve ter
em um site at quais mtricas analisar, passando por
questes de infraestrutura, design, estratgias a serem
executadas em paralelo, dentre outros.

Se antes, para saber sobre um produto, quem detinha


a informao era a empresa e os vendedores, hoje
57% da venda j feita antes mesmo de haver qualquer contato com outra pessoa - isso quando no
inclumos aqui lojas e produtos virtuais, nos quais o
contato com um vendedor zero.

Boa Leitura!

voltar para o ndice

Como (re)fazer o site da sua empresa: o guia completo

Por que ter um site hoje


Se sua empresa possui um site bem posicionado organicamente e com boa taxa de
converso, parabns. Voc faz parte das poucas empresas que levam o site a srio como
centro de uma estratgia de marketing. Para voc, recomendamos seguir com a leitura do
Guia do Teste A/B e comear a aplicar a metodologia de Growth Hacking para alavancar
ainda mais seus resultados.

gora, se voc possui um site "carto de visita", como dissemos anteriormente - ou nem
possui um site -, responda a essa pergunta:
voc conhece alguma marca de sucesso que no
tenha um site prprio?
Independentemente do segmento, local ou tamanho,
esse o denominador comum entre todos os negcios de sucesso.

As 4 principais objees
Neste captulo, vamos trazer algumas objees que vemos
e ouvimos de clientes, nossos e de agncias parceiras,
sobre motivos de ter ou no um site para a empresa.

voltar para o ndice

objeo i

Mas meu negcio local.


Por que ter um site se no
vendo pela internet?
correto afirmar que efetuar vendas uma das
possibilidades que sua empresa ganha ao ter um site.
Da mesma forma, incorreto afirmar que um site s
serve para essa finalidade.
Caso fosse verdadeiro, todas as pginas da internet
teriam como propsito comercializar produtos/servios.
E sabemos que no isso que acontece.

Como (re)fazer o site da sua empresa: o guia completo

No post Como fazer Marketing de


Contedo para negcios locais,
voc encontra mais estratgias
sobre o assunto.

Se o seu negcio for local, como um escritrio de advocacia, um estdio de arquitetura ou um restaurante
italiano, voc pode usar o seu site para atrair novos
clientes e se relacionar com sua audincia.
A pesquisa do Google amplamente usada por
usurios que buscam solues e servios para seus
problemas - inclusive buscam por solues locais,
prximas de onde esto.
Portanto, quando algum procurar por advogado civil trabalhista em So Paulo, arquitetos em
Florianpolis ou restaurante italiano em Porto
Alegre, um site prprio com informaes relevantes
passaria mais autoridade para os robs de busca e
para os usurios, bem como transmitiria uma imagem
muito mais profissional do negcio do que um apenas
um resultado contendo endereo e telefone.
Nesse caso, o site pode funcionar como um primeiro canal
de contato entre seu negcio e seu pblico. E uma boa
primeira impresso fundamental para que esse visitante
se transforme efetivamente em um cliente no futuro.

voltar para o ndice

objeo ii

Mas minha empresa


pequena. Por que preciso
de um site?
Justamente por isso. Ter um site um passo fundamental para iniciar uma estratgia de Inbound
Marketing, que funciona muito bem para dar trao
inicial a microempresas e startups.
Enquanto o marketing tradicional precisa de um investimento elevado no incio, o Marketing Digital permite
um investimento mais baixo e com um melhor retorno
sobre esse investimento (ROI), uma vez que fcil analisar o resultado de todas as aes realizadas.
O Inbound Marketing uma forma interessante e um
diferencial para voc inserir sua empresa no mercado, uma vez que fica difcil competir com empresas
grandes e j consolidadas utilizando-se das mesmas
tticas de marketing.

Como (re)fazer o site da sua empresa: o guia completo

objeo iii

objeo iv

Mas eu j tenho uma pgina Tenho um site e no tenho


no Facebook, no preciso de como reformul-lo
um site
Uma pgina no Facebook outro item fundamental,
assim como o site. Porm, um canal no substitui o outro.
Sem um site com um domnio prprio, fica absolutamente ineficaz realizar, por exemplo, campanhas de
Email Marketing, que so consideradas pela Resultados
Digitais como a forma mais eficiente de relacionamento
com os clientes e de gerao de Leads.
Afinal, onde voc vai levar seus Leads? Para seu site
ou para uma pgina nas redes sociais? Fazendo uma
analogia, onde voc gostaria de se encontrar com seus
clientes? Em seu escritrio ou em um caf no shopping?
Na RD, enxergamos as mdias sociais como excelentes
canais de gerao de trfego e de engajamento. Ou seja,
utilizamos como um acrscimo nossa estratgia de
Marketing Digital, mas no como o principal canal.

voltar para o ndice

natural que todos ns queiramos que o nosso site


ou o da nossa empresa esteja sempre otimizado.
Buscamos sempre ter um site considerado bom para
o Google, para a experincia final do usurio e, claro,
para ns mesmos.
Alm disso, se por um lado algumas mudanas na
aparncia dos templates dos sites do mais ar de profissionalismo, por outro lado necessrio tambm pensar
na arquitetura e construo do site, pois elas iro
impactar diretamente os mecanismos de buscas.
Este um processo contnuo e deve ser assim
devido s mudanas de critrios do que considerado ideal na internet.
O que apenas no pode ocorrer que este processo paralise uma estratgia de Marketing Digital.
Costumamos dizer aqui na RD que um site como
nossa casa e, por vezes, podemos adiar algumas reformas mais gerais, ou at mesmo reformar um cmodo
e utilizar outro, mas a casa nunca deixa de servir como
moradia e residncia.

Como (re)fazer o site da sua empresa: o guia completo

Tambm de nada adianta realizar uma mega reforma


e no convidar ningum para visitar sua casa. Com
o nosso site a mesma coisa, e ele deve ser sempre
nossa ncora de uma estratgia de Marketing Digital.
Nesse sentido, gostamos de reforar que o principal do
site so seus contedos, Calls-to-Action e pontos de
contato para relacionamento com seu pblico-alvo.
Na dvida, d uma olhada nos sites de grandes players
do mercado que voc gosta de visitar e faa a seguinte

pergunta: este um site de fcil navegao? E ainda:


encontrei a informao que eu procurava?
Resumindo, o que voc ganha com isso: um site bem
desenhado timo, mas investir em Inbound Marketing
vai alm do que manter boas aparncias. Voc pode ir
redesenhando o seu site aos poucos e, enquanto isso,
trabalhar em outras frentes como a criao de Landing
Pages, ofertas, contedo e pontos de contato para interao e relacionamento com seu pblico-alvo.

Os 5 motivos para sua empresa ter um site


Agora que j comentamos as objees mais comuns entre empresas que ainda relutam
em ter um site, vamos falar de 5 motivos para que sua empresa tenha um site e todas as
vantagens trazidas para seu negcio.

eBook O Guia Completo de SEO. Leia e


aprenda a transformar o Google em uma
mquina de trfego para sua empresa.

1. Para ser encontrada


Sua empresa pode ser fora de srie, possuir o melhor
atendimento do mercado e oferecer um produto de
altssima qualidade. Mas de que adiantaria tudo isso se
as pessoas no encontrassem o que voc faz?
Ter um site a forma mais simples de ser encontrado
hoje na internet. O principal canal de busca que uma
pessoa usa quando est curiosa sobre qualquer assun

voltar para o ndice

to o Google. E se essa pessoa estiver curiosa sobre


seu nicho ou sua empresa, no ser diferente.
Se a pesquisa for sobre sua empresa, importante
que voc tenha um bom e otimizado site para que o
primeiro resultado da pesquisa seja com o link para o
seu site. Agora, se a pesquisa for sobre o problema que
seu cliente enfrenta, importante que voc tenha bons
contedos e um bom blog para que sua empresa esteja
frente dos concorrentes.

Como (re)fazer o site da sua empresa: o guia completo

Leitura complementar: eBook Marketing


de Contedo para Resultados: alinhando
contedo ao funil de vendas. Leia e
descubra como transformar o Marketing
de Contedo em resultados concretos.

2. Para ganhar autoridade


no mercado
Se voc conhece duas solues para seu problema e s
uma possui site prprio, em quem voc confiaria mais?
Em uma pgina com domnio prprio ou em uma fanpage no Facebook?
No queremos desmerecer as mdias sociais como
falamos acima, elas possuem um papel fundamental em
uma estratgia de Marketing Digital. O ponto aqui que
um site muito mais personalizvel e profissional do
que um perfil social.
Com um site, sua empresa possui muito mais artifcios
para promover o seu produto. Alm do mais, por meio
da produo de contedo, voc consegue provar para a
sua persona que entende do assunto e que tem capacidade tcnica para ser a soluo dos problemas que
ela enfrenta. um diferencial bastante eficiente nessa
tomada de deciso.

3. Para expandir o negcio


Qual o objetivo do seu negcio? Voc tem planos de
expandi-lo? Uma das misses da Resultados Digitais
auxiliar as empresas a terem um crescimento previsvel
e escalvel por meio do Inbound Marketing.

voltar para o ndice

Para isso, aplicamos uma metodologia comprovada que,


com a ajuda do software RD Station, ajuda milhares de
clientes diariamente nessa escalada de sucesso. No
entanto, nada disso seria possvel se essas empresas
no tivessem um site com um domnio prprio.
Para adquirir mais clientes, voc precisa de mais Leads.
E, para gerar mais Leads, voc precisa de mais visitantes. E, para adquirir mais visitantes, voc precisa de um
site para receb-los.
O site , muitas vezes, o primeiro canal de contato entre
sua empresa e o futuro cliente. O Inbound Marketing
permite que esses clientes cheguem at voc em vez
de voc ir atrs deles. A longo prazo, um processo
bastante vantajoso.

4. Para se relacionar com


sua audincia
Sempre falamos na Resultados Digitais, tanto em posts
no blog como em conversas com nossos Leads e
clientes, que a forma de consumo mudou desde que a
internet se tornou presente durante todos os minutos
de nosso dia a dia.
O consumidor no possui mais um papel apenas reativo
ao marketing e publicidade. absolutamente normal
que ele pesquise sobre sua marca ou seu problema na

10

Como (re)fazer o site da sua empresa: o guia completo

Para entender mais, veja o post


Marketing de Contedo para treinar,
reter e fidelizar seu cliente. Leia e
entenda os benefcios dessa estratgia
para sua empresa.
Leitura complementar: eBook Como
vender mais utilizando Marketing
Digital e gerao de Leads. Leia e
saiba como a Internet impactou a
forma como obtemos informaes
e compramos produtos e servios
e veja como sua empresa pode se
aproveitar desse cenrio.

internet antes de tomar a deciso da compra. E nesse


ponto que entra o site da sua empresa.

5. Para vender

H vrias maneiras de manter um relacionamento


com seu pblico em seu site. E todas elas funcionam
muito bem:

Segundo as boas prticas da metodologia do Inbound


Marketing, depois de atrair, converter e relacionar,
chegada a hora da venda.

Publicar posts no blog ou materiais ricos sobre


problemas que a audincia enfrenta;

E qual o papel de seu site nessa etapa? Em relao a


vendas, seu site pode ser til tanto para vendas consultivas, como o caso da RD, como para vendas self-service, como o caso de ecommerces.

Responder comentrios das pessoas em posts de


blogs;
Criar uma central de relacionamento com respostas
para as dvidas mais comuns;
Gravar e disponibilizar treinamentos online para
clientes;
Ter um chat em tempo real para atender aos clientes.
Citamos apenas 5, mas h muitas outras possibilidades.
O importante aqui saber que o seu site como se
fosse seu escritrio virtual, por isso cada visitante deve
ser tratado como se estivesse visitando sua empresa.

voltar para o ndice

Se sua venda for consultiva, o site um apoio ao vendedor


na hora de fechar com o cliente. fundamental que tenha
uma rea com as solues e os preos de seus produtos.
Se sua venda for self-service, um site ajudar a dar escala a seu negcio ao permitir que os clientes efetuem a
compra onde e quando estiverem mais confortveis. No
importa se feriado de Pscoa ou se so 4h da madrugada. A internet nunca fecha. Ou seja, com uma loja online,
voc no precisa se limitar ao horrio comercial.

11

Como (re)fazer o site da sua empresa: o guia completo

A importncia de um site
Concluindo, um site prprio parte essencial para uma
estratgia de Marketing Digital com foco em resultados.
o canal que vai passar toda a credibilidade necessria para
sua base e auxiliar em diversos fatores, como ser encontrado, ganhar autoridade no mercado, expandir o negcio,
vender seus produtos ou se relacionar com a audincia.

Um site prprio parte essencial para uma estratgia de


Marketing Digital com foco em resultados. o canal que
vai passar toda a credibilidade necessria para sua base e
auxiliar em diversos fatores, como ser encontrado, ganhar
autoridade no mercado, expandir o negcio, vender seus
produtos ou se relacionar com a audincia.

voltar para o ndice

Se o seu negcio ainda no possui um site, no perca


tempo e comece j a planejar a criao seguindo as
dicas do restante do eBook.
E enquanto faz esse planejamento, recomendamos algo
que pode ser um divisor de guas para sua empresa. No
prximo captulo, voc vai entender qual essa estratgia.

12

Como (re)fazer o site da sua empresa: o guia completo

O que fazer enquanto voc ainda


no tem ou est refazendo o site
Um site uma ferramenta extremamente importante para o marketing de uma empresa.
Ele possibilita que seu negcio seja encontrado por compradores em potencial e muitas
vezes atua como um vendedor, tirando dvidas sobre seu produto ou servio atravs de
contedo. No entanto, diferentemente do que muitas empresas pensam, o sucesso do
Marketing Digital no est apenas atrelado qualidade do site.
Com bastante frequncia, nos deparamos com clientes que ficam em dvida entre iniciar o
trabalho de Inbound Marketing ou (re)fazer seu site.

rimeiramente, importante ressaltar que apenas


reformular o site no vai resolver todos problemas
estratgicos que sua empresa tem em Marketing
Digital, nem tem garantias de contribuir para um real
aumento da gerao de oportunidades de negcio.

Ou seja, no faz sentido deixar para trabalhar o Inbound


Marketing s depois que a reformulao do site estiver
concluda. H vrias melhorias que sua empresa pode
comear a implantar imediatamente para garantir seu
posicionamento efetivo no meio digital e a conquista de
novos clientes Inbound.
Alm disso, sabemos que fazer um site muitas vezes
pode ser um processo demorado. Dependendo
do fornecedor, da metodologia utilizada no

voltar para o ndice

desenvolvimento e da complexidade do projeto, so


investidos alguns meses at ter o site no ar.
Mas isso no deve impedir sua empresa de comear a gerar resultados.
Por exemplo, a Resultados Digitais, antes mesmo de ter
um site ou um produto, j tinha um blog com contedo
sendo postado regularmente e, quando lanou o site, j
tinha uma base relevante de Leads que seriam potenciais compradores do RD Station.
Nos prximos captulos, voc ver algumas das estratgias que podem ser aplicadas em paralelo ao desenvolvimento de um site.

13

Como (re)fazer o site da sua empresa: o guia completo

Para entender e mapear a jornada de


compra das personas baseadas em seu
pblico-alvo, veja a ferramenta Gerador
de Jornada de Compra.

Criar um blog
Mais rpido, mais simples, mais barato. O blog uma
tima opo para atrair os visitantes e tornar sua
empresa uma autoridade no seu ramo de atuao.
A oferta de contedos relevantes para o pblico o far
ser encontrado na internet e se tornar uma referncia
no tema. Enquanto o site mantm informaes mais
estticas sobre a empresa e seus produtos, o blog deve
estar constantemente oferecendo contedos interessantes para o pblico e atraindo esse trfego.
Alm disso, esse contedo, determinante na experincia
do usurio com a empresa, poder ser aproveitado nas
mdias sociais e em fluxos de automao, alm de ser
um ativo constante de gerao de visitas para o site
posts publicados anos atrs podem continuar sendo
fonte de muitas visitas.
Por isso, enquanto o site est em desenvolvimento,
coloque o blog no ar. E no esquea: cada post deve
estar relacionado com algum problema enfrentado
por seu pblico-alvo.

voltar para o ndice

14

Como (re)fazer o site da sua empresa: o guia completo

Gerar Leads em
Landing Pages
Atrair trfego e se tornar uma autoridade no mercado
essencial, mas voc pode ir alm.
Mesmo sem estar com o site no ar, possvel gerar
Leads e ir construindo um ativo de contatos que
podero ser futuramente oportunidades de novos
negcios para sua empresa.
Isso pode ser feito com a criao de Landing Pages,
pginas que oferecem algum contedo para o pblico
em troca de informaes como nome, email, cidade,
cargo que ocupa etc.
Com essas informaes em mos, voc consegue iniciar
um relacionamento atravs da Automao de Marketing
e fazer o Lead avanar na jornada de compra.
Em geral, essas pginas de converso so fceis de
serem criadas. Outra vantagem que existem diversas
ferramentas, como o RD Station, que j possuem modelos prontos de Landing Pages para diferentes objetivos.
E o que oferecer nessas Landing Pages? No eBook
Gerar Leads sem dor de cabea, ns damos diversos
exemplos de contedos que podem ser feitos com
pouco esforo, utilizando materiais que provavelmente sua empresa j possui.

voltar para o ndice

15

Como (re)fazer o site da sua empresa: o guia completo

Estar presente nas


mdias sociais
Hoje em dia, a empresa que no estiver presente nas
mdias sociais perde a oportunidade de usar esses
canais para alguns objetivos importantes: relacionamento com o pblico, coleta de feedback e gerao de
trfego para outras pginas de interesse da empresa.
Todos sabemos que as mdias sociais so lugares de
relacionamento, onde sua empresa tem a chance de
alcanar o pblico presente ali, oferecer contedos
relevantes para eles e abrir um canal para a conversa.
essencial ouvir o que as pessoas esto dizendo para
entender o que elas esto falando sobre a marca e
colher feedbacks para melhorias (o monitoramento
desses canais ajuda muito nisso).
Tenha em mente que elas tambm podem ser fontes de
trfego para Landing Pages, posts no blog e, caso tenha,
o prprio site. Oferecer contedos relevantes uma
tima isca para direcionar o pblico para esses destinos.

voltar para o ndice

16

Como (re)fazer o site da sua empresa: o guia completo

Vamos passar rapidamente


por algumas aes bsicas que
sua empresa pode realizar.
Caso queira se aprofundar no
assunto, recomendamos o Guia
do Email Marketing.

Enviar campanhas de email


Como dissemos acima, preciso gerar Leads para
depois se relacionar com eles e encaminh-los para
mais perto do momento de comprar seu produto ou
servio. E, alm da Automao de Marketing, uma das
melhores maneiras de fazer isso via Email Marketing.
Sendo assim. os dois modelos mais bsicos de email
que voc pode utilizar no seu negcio so:

Email promocional
Neste modelo, voc pode enviar novos contedos
para sua base de forma segmentada. Uma prtica
comum divulgar as Landing Pages criadas para
pessoas que possam ter interesse no tema (direcionar
a campanha s personas).

voltar para o ndice

17

Como (re)fazer o site da sua empresa: o guia completo

Newsletter
Trata-se de um email peridico com o qual voc distribui diferentes contedos de uma s vez. comum
fazer um compilado de posts do blog, materiais ricos,
estudos de caso e outros contedos relevantes publicados durante o perodo.
O envio de emails tambm pode ser usado para ativar
contatos obtidos offline, como em eventos. Puxar esse
relacionamento para o meio online facilita o avano
dessas pessoas na jornada de compra e ajuda sua
empresa a se tornar referncia no mercado.

Resumindo
Existem diversas estratgias no Marketing Digital que
podem ser aplicadas antes mesmo de ter um site no ar.
A grande vantagem de iniciar cedo comear a gerar
resultados e criar um ativo que mais tarde trar resultados bastante relevantes para seu negcio.

voltar para o ndice

18

Como (re)fazer o site da sua empresa: o guia completo

O que deve conter um site


Um site precisa ter muitas coisas, mas 3 itens so particularmente importantes:
Contedo que interesse seu pblico;

1.

Ser fcil de encontrar em mecanismos de


busca (SEO);

Defina a palavra-chave foco do contedo da


pgina e use-a no ttulo da pgina;

2.

Um design ergonmico, atraente e fcil de usar


(levando converso).

Pense em pelo menos 10 headlines diferentes


antes de escrever o contedo;

3.

Para se chegar a tudo isso sem sermos muito extensos


e prolixos, resolvemos criar um checklist de tudo que
voc vai precisar. Vamos l?

Depois que o contedo da pgina estiver pronta,


escreva mais 10 headlines e escolha o melhor;

4.

Escreva um nmero de palavras adequado pgina e que uma pessoa consiga ler em
menos de 3 segundos;

Ttulos das pginas, as


famosas headlines

5.

Voc no ir agradar todo mundo: escolha algo


que agrade a maioria dos usurios do seu site;

6.

Inclua claramente qual o benefcio que vai


ser encontrado ao entrarem em sua pgina;

7.

Existem frmulas prontas para fazer ttulos, como


incluir nmeros; usar uma negao; fazer listas;
usar perguntas; usar frases como para voc,
como, tudo sobre, o jeito mais fcil de,
tudo que voc queria saber sobre, agora ao
seu alcance, algumas formas desconhecidas

Alguns estudos j mostraram que cerca de 80% das


pessoas leem apenas o ttulo de uma pgina. De fato,
em alguns testes que fizemos, j conseguimos quase
dobrar a taxa de converso de diversas Landing Pages
apenas alterando a headline da pgina.
E como fazer um bom ttulo? Ao lado, esto 8 dicas para
seguir nessa hora:

voltar para o ndice

19

Como (re)fazer o site da sua empresa: o guia completo

8.

de, quem no gostaria de, as TOP 10 e


muitas outras espalhadas em posts de dicas na
internet. Apenas lembre-se de testar antes de
fazer algo muito fora do padro.

Qual o custo (tempo e dinheiro) que uma pessoa


ter para utiliz-lo?

Faa testes A/B e certifique-se de quais so as


melhores headlines.

Quais so as dvidas mais frequentes?

Mostre benefcios,
no funcionalidades
As pessoas no querem comprar um saca-rolhas: elas
querem beber um bom vinho sem ter que quebrar a
garrafa ou sujar a bebida com pedacinhos de cortia.
Entendeu a diferena?
Uma tcnica para chegar ao contedo ideal da pgina
responder a essas 6 perguntas:
Qual problema esse produto ou servio resolve?
Por que ele a melhor opo?
Para quem foi desenvolvido?

voltar para o ndice

Quando o melhor momento para us-lo?

As respostas destas perguntas so informaes relevantes que podem interessar ao seu cliente!
Com elas, o cliente saber por que o produto (ou servio) importante para ele e como resolve um problema
que ele deseja solucionar.
E, ao deixar claro como fcil e prtico usar seus
produtos ou servios (se for realmente o caso), os visitantes se sentiro mais seguros em compr-los, sem receio.
Por fim, usar o gancho de datas especiais ou justificar o
motivo da compra ao indicar fatos da vida (casamento,
nascimento de filhos, entrada na faculdade etc.) ou
decises importantes (mudar de pas ou cidade, conseguir um novo emprego, ter comprado a casa prpria
etc.) uma ttica muito eficiente em Landing Pages que
buscam maior converso!

20

Como (re)fazer o site da sua empresa: o guia completo

Pense em cada pgina como uma Landing Page


Landing Pages tm o objetivo de fazer o usurio realizar uma ao. Se voc pensar na anatomia de cada
pgina do site seguindo esta premissa, os resultados
sero surpreendentes.

Palavra-chave
Para comear, defina uma palavra-chave (keyword)
especfica para cada uma. Por exemplo, se voc tem
um ecommerce de carros, a palavra-chave da home
poderia ser comprar carros.
J para outras pginas, as palavras-chave, conforme a
temtica de cada uma, poderiam variar desta maneira,
por exemplo:




Carros em oferta;
Carros usados;
Carros econmicos;
Utilitrio esportivo;
Carros para a famlia.

E assim por diante. O importante que cada pgina


possua um foco claro.

no eBook Landing Pages que convertem. Abaixo,


vamos listar alguns deles:

Headline
A chamada principal precisa conter uma explicao
sucinta e direta do produto ou servio ofertado (veja as
dicas acima);

Subttulo
Uma frase um pouco maior para explicar melhor do que
se trata aquela oferta apresentada ao pblico;

Pequeno formulrio
Tem o objetivo de capturar o e-mail e outras informaes que sejam interessantes para a empresa manter
em seu banco de dados e poder voltar a contatar o
cliente (os Leads, na verdade) em aes comerciais futuras. Evite excesso de campos, pode espantar o Lead;

Call-to-action
Tambm chamado de CTA, vamos falar sobre ele mais
adiante;

E quais os elementos que fazem parte de uma


Landing Page? Bom, so vrios e muitos esto listados

voltar para o ndice

21

Como (re)fazer o site da sua empresa: o guia completo

Repercusso na mdia
Caso haja alguma matria ou reportagem de fontes
confiveis e que deem respaldo empresa, podem ser
colocados links para essas notcias.

Depoimentos
Da mesma forma, depoimentos em texto, com fotos ou
gravados, podem ajudar nos argumentos de venda do
produto ou servio, trazendo mais respaldo sua oferta
e confiana ao consumidor;

Vdeo explicativo
Um vdeo curto, com no mximo 2 minutos, pode ser
usado tambm para explicar melhor ou ensinar a usar o
produto ou servio, dependendo do caso.
Estes 3 ltimos itens da lista so chamados de elementos de confiana, que mostram ao usurio que ele pode
acreditar em seu site, sem receio.
Alm destes, tambm podem ser usadas para aumentar a confiana no site avaliaes de usurios, selos de
segurana (tipo Certisign ou Norton), listas de clientes,
nmeros de faturamento, de clientes, de lojas e outros
dados interessantes da empresa, presena nas redes
sociais, portflio de produtos ou servios e deixar canais
de contato e SAC em evidncia.

voltar para o ndice

22

Como (re)fazer o site da sua empresa: o guia completo

Dobras ou folds
Dobras so sesses especficas de uma pgina que
seguem em sequncia vertical.
Lembra quando falamos nas 6 perguntas? Esta pode ser
uma maneira de dividir as dobras de sua pgina, que
podem ser evidenciadas por diferentes cores de fundo,
por exemplo. Ou voc tambm pode incluir dobras para
elementos de confiana e outros itens da lista anterior.

Elementos Above the fold


A primeira dobra da pgina aquela que aparece instantaneamente ao acess-la e inclui todo o espao visvel
sem que seja preciso usar a barra de rolagem (scrollbar).
Neste espao, normalmente, importante que pelo
menos estes elementos estejam presentes:
Headline explicativa;
Subttulo com mais detalhes;
Call-to-Action ou formulrio.
E, se houver espao, vdeos, citaes na imprensa e
depoimentos.
Veja o exemplo da primeira dobra da pgina
inicial do Evernote

voltar para o ndice

23

Como (re)fazer o site da sua empresa: o guia completo

Se quiser saber mais sobre este assunto,


temos um excelente infogrfico que pode
ajudar muito: Curiosidades sobre cores
para design de marcas.

Escolhendo as cores
da pgina

CTA
Call-to-Action

Existe toda uma psicologia das cores que pode ajudar


muito voc nesta hora. O importante que elas sigam
o posicionamento de sua empresa e a paleta que foi
definida em sua identidade visual.

Os botes que chamam o usurio para converter uma


ao, que pode ser uma venda, baixar um eBook, acessar outra pgina e muitas outras, devem ter caractersticas especiais para funcionarem melhor.

Confira algumas dicas rpidas do que pode significar


cada cor:

Existe a lenda de que CTAs em vermelho convertem


mais, mas a verdade que no existe uma cor certa
para um Call-to-Action; preciso analisar a cor de fundo
e outros fatores antes de se decidir por qualquer coisa.

Azul: confiana, sabedoria e tradio;


Verde: juventude, frescor e natureza;
Marrom: segurana, fora e trabalho;
Amarelo: luz, alegria e valor;
Vermelho: paixo, ateno e impetuosidade;

voltar para o ndice

Alm da cor, preciso testar formatos, diferentes


textos e tipos de letras. E, na verdade, a melhor
maneira de se certificar de qualquer escolha, seja da
cor ou dos outros elementos, por meio de testes
A/B independentes para cada elemento: s a cor,
depois s o texto e assim por diante.

Laranja: aconchego, acolhimento e calor;

Quanto ao texto, usualmente se recomenda que


tenham 3 caractersticas principais:

Roxo: nobreza, imaginao e criatividade;

1.

Verbos de ao;

Preto: sofisticao, luxo e exclusividade;

2.

Senso de urgncia;

Branco: pureza, paz e limpeza.

3.

Dizer o que vem a seguir ao clique, o que ocorrer.

24

Como (re)fazer o site da sua empresa: o guia completo

Mas, como tudo mais, isso no uma regra infalvel:


preciso testar.
Voc pode ter mais de um Call-to-Action por pgina,
em diferentes momentos e dobras, com textos, cores
e formatos variados.
Alm disso, pode haver CTAs principais, mais em destaque e marcantes, e outros secundrios, menos chamativos e com o objetivo de levar a outras pginas de seu site.
Assim, o espao da pgina no precisa ser preenchido
por um nico CTA e muito menos por CTAS que encaminham para a mesma pgina ou ao.
Voc pode at construir um raciocnio crescente em
que, em um determinado ponto, o visitante conhece
sua empresa, em outro se aprofunda sobre o produto
ou servio e, finalmente, chega a um CTA de converso em compra.
Assim, independentemente do momento da jornada
do cliente, ele poder clicar em algum deles e ter mais
informaes sobre sua empresa.

voltar para o ndice

Inventrio de URLs e
outros elementos
URLs, headlines, palavras por pginas, ttulos h2, h3,
links internos e externos, hash etc.
preciso ter controle e saber como tudo isso (e muito
mais) est organizado em seu site.
Para isso, sugerimos o ScreamingFrog, que traz relatrios
bem completos que sero de grande ajuda para voc. E,
melhor de tudo, existe uma verso gratuita do aplicativo.
A verso Spider do SceamingFrog traz uma funcionalidade com filtros para que voc encontre apenas as
informaes que precisa, focando no estudo que estiver
fazendo naquele momento.
Os principais relatrios so o Internal, que analisa
todos os dados importantes do seu site, e o External
Out Links, focado em backlinks e a maneira como as
outras pginas enxergam as suas.

25

Como (re)fazer o site da sua empresa: o guia completo

Redesign de sites
Quando, como e o que fazer
Se voc est decidido a fazer o redesign do seu site, preciso saber por onde comear. Na
verdade, uma boa ideia seria, antes, ver se hora de comear mesmo com esse projeto,
descobrindo se realmente um bom momento para isso.

10 sinais de que hora de fazer o redesign do seu site


1.

voltar para o ndice

O site no tem design responsivo e no se adapta


a dispositivos mveis;

8.

Poucas converses em vendas tambm;

9.

Pouco acesso por parte de dispositivo mveis;

2.

As pginas demoram para abrir;

3.

No existe um blog no seu site;

10. Sua empresa finalmente se decidiu por utilizar o


Marketing de Contedo.

4.

A empresa se modernizou e o site continua


parado no tempo;

, se as coisas andam desse jeito, o momento de dar


uma cara nova ao seu site!

5.

Marca nova, logo novo, cara nova. E o site?;

6.

A concorrncia est deixando voc para trs;

Mas, se existem bons motivos para gastar tempo e dinheiro com o redesign de um site, tambm preciso saber o
contrrio: quando no mudar o layout do seu site?

7.

Nada de converter visitantes em Leads;

26

Como (re)fazer o site da sua empresa: o guia completo

5 motivos que NO justificam fazer o redesign do seu site


Pelo menos sem uma anlise mais profunda, estas no so razes determinantes por si s
para comear a mudar tudo no seu site.
1.

Apareceu uma verba boa e preciso gastar antes


que a cancelem;

4.

Baixo desempenho nas buscas (isso pode ser mais


uma questo de SEO que design!);

2.

Deu na telha do dono ou de um diretor;

5.

3.

Um concorrente mudou o site e a gente no;

Um bounce rate muito alto, isto : as pessoas


entram no site e logo saem (o problema nem
sempre design, pode ser contedo!).

10 erros mais comuns ao fazer o redesign de um site

voltar para o ndice

1.

No fazer um planejamento de presena digital;

2.

No definir personas (com ajuda de pesquisas!);

3.

No colocar designers e programadores para


trabalharem juntos;

4.

No analisar e pesquisar o que a concorrncia


est fazendo;

5.

Focar em coisas bonitas, sem se basear em dados


concretos fornecidos por ferramentas de anlise;

6.

Esquecer da responsividade;

7.

No seguir a identidade visual definida em seu


manual;

8.

Criar um design que no combina com sua comunicao offline;

9.

No testar a usabilidade;

10. No fazer testes A/B.


Uma coisa que deve ficar clara que beleza e funcionalidade, pesquisas e anlises devem andar sempre lado a
lado quando se quer renovar o design de um site.

27

Como (re)fazer o site da sua empresa: o guia completo

O que analisar ao recriar o design de um site


Neste ponto, muito importante saber mostrar para
seu pblico de forma correta o posicionamento de sua
empresa e seus diferenciais competitivos.
E isso precisa ficar bem claro para eles por meio
do design.

voltar para o ndice

e tambm outras pessoas - que nunca a viram antes - e


discuta com eles o que acharam.
Depois, hora de ver como os usurios esto reagindo.
Voc pode ligar para eles e fazer entrevistas ou ser mais
especfico e complementar essas informaes com o
uso de ferramentas de anlise do usurio.

Da mesma forma,
preciso verificar se
seus objetivos de
marketing esto
sendo atingidos,
se as aes certas
esto sendo tomadas pelos usurios,
se as pginas corretas esto sendo
visitadas etc.

Alguns elementos de anlise muito teis fornecidos


so os chamados heatmaps (coisa que o Clicktale faz
muito bem, mapeando os movimentos do mouse). Eles
mostram pela intensidade e tons de cores os pontos
mais clicados pelos usurios.

Para se chegar a
isso, uma srie de
procedimentos
devem ser tomados.

Outros fatores importantes so os dados sobre at


que ponto da pgina os visitantes chegam, assim como
filmar seu comportamento durante a interao com o
site e analisar tudo isso com ajuda de especialistas.

Comece mostrando
o redesign da pgina
para alguns integrantes de sua empresa

Agora, com todos esses dados, o redesign ser refinado


e melhorado cada vez mais. Mas o trabalho ainda no
acabou: hora dos testes A/B.

Duas delas so bem interessantes e extraem resultados


expressivos: o Crazyfrog, para fazer auditoria e anlise
de presena online, e o Clicktale, que revela as necessidades e comportamento dos visitantes.

28

Como (re)fazer o site da sua empresa: o guia completo

Como fazer testes A/B e


confirmar as melhorias do
novo design
J falamos anteriormente sobre isso quando nos referimos ao Call-to-action, est lembrado? Mas vamos ser
um pouco mais detalhistas neste momento.
Agora que o design j est bem legal, possvel ir
testando novas possibilidades com ajuda do Google
Analytics, alm dos j citados Clicktale e Crazyfrog.
Mas preciso ter cuidado ao proceder os testes. Devese analisar uma mudana de cada vez isoladamente.
Caso contrrio, no se saber qual dos elementos alterados foi responsvel pela mudana de comportamento
dos visitantes (seja positiva ou negativa).
Por exemplo, se voc for testar 3 coisas: 2 frases diferentes para uma chamada, se tm mais resultado escritas em
vermelho ou verde e se o fundo do boto deve ser azul ou
amarelo, no conseguir descobrir o que surtiu o efeito.

voltar para o ndice

prprio Google Analytics e passando por outros sites


como o SitesSpect, o VWO, o Webtrends, o Crazyegg, o
Unbounce, o Adobe Target e muitos outros.
Teste e escolha a ferramenta ideal para voc!

Identidade visual
Como comentamos no incio deste tpico, as ferramentas de anlise ajudam a definir alguns elementos
do design, mas a concepo da identidade visual, as
tipografias, paleta de cores, formas e texturas, estilos
de fotografias e ilustraes sempre vo depender de
uma viso artstica inicial, a partir da qual o resto do
trabalho vai sendo lapidado.
Um webdesigner competente sempre deve fazer
parte da sua equipe.

Usabilidade ao redesenhar
seu site

Teste primeiro qual frase funciona melhor. Depois de


descobrir isso, teste as cores das letras e, em seguida, com
a frase e sua cor decididas, teste a cor do fundo do boto.

Usabilidade um termo usado para definir a facilidade


com que as pessoas interagem com um determinado
objeto seja ele fsico ou virtual e como elas realizam determinadas tarefas.

Alm das j citadas, algumas outras ferramentas de


teste A/B esto disponveis no mercado, a comear do

Ela est relacionada forma como o seu pblico vai


interagir com o seu site, e essa interao envolve vrios

29

Como (re)fazer o site da sua empresa: o guia completo

pontos, alm de entregar uma boa leitura (escaneabilidade) e boa navegao dentro daquele ambiente.
Vamos ver alguns pontos importantes que devem ser
levados em conta:
Design intuitivo: entender o que para fazer,
onde clicar, o que digitar etc., por conta dos
cones bem escolhidos, das cores empregadas, da
hierarquia das informaes e outros fatores, sem
ter que ler manuais;
As coisas funcionam: as funcionalidades
prometidas pelo site no apenas funcionam com
rapidez e agilidade, mas realmente trazem algo de
til para o usurio;
Coerncia: se as coisas comeam a ficar estranhas,
fugir do escopo e no fazer sentido, sem se conectar
entre si, a usabilidade ser prejudicada;

voltar para o ndice

Memria: um dia voc entra no site e a


ferramenta de busca fica direita, no canto
superior. No outro dia, sumiu de l e demora
para achar. Os cones ficavam dentro de bolinhas
e eram chapados, agora so volumosos e ficam
dentro de hexgonos. No d para se manter fiel e
usar um site assim esquizofrnico;
Demora para carregar as pginas: uma pgina
que demora para ser carregada um dos principais
motivos de rejeio de uma pgina, principalmente
se acessado por dispositivos mveis;
Erros constantes: se seu site comea a ter muitos
links quebrados, pginas que no abrem, buscas que
travam etc., a usabilidade no ser um termo que
poder ser relacionado a ele, concorda?

30

Como (re)fazer o site da sua empresa: o guia completo

Benchmarking
Analisando o que funciona
com os concorrentes
Outra forma de ter excelentes insights e saber que caminho tomar na criao de seu novo
site estudando sites de sucesso ou concorrentes por meio de ferramentas de anlise.

falamos aqui do Crazyfrog, do Clicktale e do


Screamingfrog, mas existem vrias outras. Vamos
dar uma olhada mais de perto em algumas delas:

SEMRush
Uma das mais badaladas ferramentas de SEO e PPC do
mercado, o SEMRush promete disponibilizar para voc
as informaes de seus concorrentes, apresentar o
ranking das palavras-chave e at auditar a sua pgina.
Alm disso, suas ferramentas compreendem anlise de
palavras-chave, monitoramento de backlinks, rastreamento de sua posio em diferentes nveis geogrficos,
comparaes de domnios, anlise de anncios, coleta
de dados em redes sociais e at publicidade em vdeos.

voltar para o ndice

31

Como (re)fazer o site da sua empresa: o guia completo

MOZ
O MOZ pretende descomplicar o marketing online para
voc com a ajuda de suas ferramentas e funcionalidades.
Com o Keyword Explorer, voc consegue ver as palavras-chave que os outros tentam esconder, por exemplo. Alm disso, o MOZ d acesso autoridade das
pginas e dos domnios e facilita a anlise e o planejamento de SEO ao dividir as informaes e apresent-las
de uma forma intuitiva e focada em resultados, trazendo de forma gil informaes como erros no website,
anlise competitiva e oportunidades de SEO.

Google Analytics
Com o Google Analytics, possvel saber como os
usurios esto utilizando seu site, de onde vieram para
chegar at ele e quais partes do website tem melhor
desempenho, mais visitas e so mais conhecidas.
Os relatrios so customizveis, para que voc visualize as informaes mais relevantes para as suas
anlises e tomada de deciso.
possvel tambm fazer anlise de redes sociais, como
suas pginas esto se saindo em dispositivos mveis
(como smartphones e tablets), a evoluo das converses, das vendas e at da performance com publicidade.

voltar para o ndice

32

Como (re)fazer o site da sua empresa: o guia completo

Google Trends
O Google Trends uma das ferramentas do Google
AdWords com a qual voc pode fazer pesquisas de
palavras-chave e descobrir a frequncia com que
elas so buscadas na internet, em que regies existe
maior demanda por essas palavras e ainda palavras
relacionadas a essas buscas.
uma tima maneira de fazer seu planejamento de
Marketing Digital, j que possvel analisar a procura por essas palavras ao longo do tempo e ainda
ter uma ideia dos motivos que fazem com que uma
determinada palavra esteja no topo das buscas, como
notcias e assuntos afins.
Basicamente, uma ferramenta indispensvel para o
SEO, pois traz muitos insights a respeito do que est
fazendo a cabea dos internautas no momento.
O Google Trends gratuito, basta voc ter uma conta
do Google para acess-lo.

voltar para o ndice

33

Como (re)fazer o site da sua empresa: o guia completo

Similarweb
O Similarweb perfeito para analisar a audincia de
sites, comparando, por exemplo, o seu com os websites de concorrentes.
Ele disponibiliza informaes como o volume de
trfego, de onde vem esse trfego e as estatsticas
de comportamento dos usurios, tais como a taxa de
rejeio, o tempo mdio de visita, o nmero de pginas por visita e muitas outras.
Com a verso pro, possvel analisar tambm o perfil
dos visitantes de um site que voc escolher e, assim,
voc saber em quais outros sites os visitantes desse
website tambm navegam.

voltar para o ndice

34

Como (re)fazer o site da sua empresa: o guia completo

A importncia do CMS
Em um projeto de um site, algo que pode trazer bastante produtividade a voc a ao seu time
o uso de um CMS (Content Management System).
rata-se de um sistema usado para gerenciar o
contedo e o comportamento de certos elementos do site de forma mais simples e intuitiva sem,
muitas vezes, interveno de um programador.

Realizar alteraes e correes no contedo de


uma pgina (textos e imagens);

Por exemplo, algumas alteraes que voc mesmo


pode realizar so:

Alterar o page title e a meta description das


pginas para um melhor SEO;

Mudar a ordem dos itens que aparecem no menu;

Publicar novos posts no blog.

Outros motivos para usar um CMS so:


Auxilia o fluxo de trabalho
Graas ao uso do CMS, possvel associar diferentes
papis aos perfis cadastrados na plataforma, como
perfis de autores, editores e administradores. Esses
papis tm diferentes poderes e permisses dentro
ferramenta, dando s pessoas a capacidade de visualizar, compartilhar e aprovar os projetos.

voltar para o ndice

Esse fluxo ajuda a ter certeza de que o contedo


publicado no site tenha sido totalmente aprovado
pelos responsveis.

35

Como (re)fazer o site da sua empresa: o guia completo

Consistncia visual
O CMS ajuda a manter o design do site consistente.
Atravs do uso de regras de estilo, possvel garantir
que o tamanho e a cor da fonte, bem como outras

caractersticas, sero os mesmos em todo site, ainda


que muitos autores utilizem a ferramenta.

Acesso
Para acessar a maioria dos softwares CMS, s necessrio ter acesso internet. Voc pode acessar e editar

o seu site a partir de qualquer computador com uma


conexo internet.

Escolhendo o seu CMS


Existem diversos CMSs pagos e gratuitos disponveis
no mercado, cada um com suas especificidades e
adequados a diferentes objetivos de negcio.
Por exemplo, um ecommerce pode encontrar maior
facilidade em trabalhar com o Magento ou PrestaShop
(gratuitos), ou com plataformas pagas como Loja
Integrada, NuvemShop e outras disponveis.
Para os demais sites, recomendamos o uso do
WordPress (gratuito) como CMS. So diversas as
vantagens de optar por ele, tais como facilidade de
uso, desempenho, quantidade de plugins disponveis,
facilidade em conseguir suporte e profissionais que
entendem da plataforma.

voltar para o ndice

36

Como (re)fazer o site da sua empresa: o guia completo

Por que pensar no mobile


Algo que at h pouco tempo no era muito citado a importncia de ter um site adaptado
para celulares. Isso porque, no Brasil, o acesso aos sites via celulares no era to expressivo
em alguns segmentos.

contece que, pelo crescimento desse acesso


no pas e por uma grande mudana no algoritmo de indexao do Google - chamado
Mobilegeddon - ter um site adaptado para esses
dispositivos virou uma questo de manter-se posicionado no Google e melhorar a experincia de quem
chega ao site utilizando um desses dispositivos.
Neste captulo, vamos explorar algumas questes
bsicas sobre responsividade, mostrar algumas
vantagens que isso traz em termos de desempenho e
resultados e responder algumas dvidas como:
O que um site responsivo?
Por que voc precisa ter um site responsivo?
Bem, como um site responsivo pode ajudar
em seu negcio?
O que pode acontecer se voc no se adaptar?

voltar para o ndice

Muito alm do desktop


Voc est lendo este eBook de um computador, de um
tablet ou de um celular?
Essa no uma pergunta aleatria. S est sendo
feita porque a forma como estamos navegando na
internet est cada vez mais diversificada, e qualquer
uma das opes acima possvel.
J faz um tempo que ningum mais diz vou entrar na
internet. Basta pegar o celular ao lado, conectar e pronto. Sem dificuldade alguma estamos online.
Olhe ao seu redor, em seu escritrio, no ponto de
nibus, na praa de alimentao do shopping, na
praia, no caf e at mesmo no trnsito. Algum deve
estar com um celular na mo, certo? um comportamento to comum que no pensar em como ele pode
influenciar o seu negcio ficar para trs.

37

Como (re)fazer o site da sua empresa: o guia completo

Ao mesmo tempo, um detalhe precisa ser levado em


considerao. A maioria dessas pessoas est navegando
ou em aplicativos ou em sites adaptados para dispositivos mveis. fato que deixa ligado o alerta: precisamos
fazer com que nosso negcio tambm esteja mo dos
usurios. Caso contrrio, a chance de ele sair de nosso
site por conta de uma m experincia e ir para um site
concorrente enorme.
E nesse quesito que as vantagens de um site responsivo surgem.

O que um site responsivo


Sabe aquele site que voc abre no celular e a tela at
fica ajustada, mas com letras to pequenas que voc
precisa utilizar o zoom para ler? Ento, esse no um
site responsivo.
Sites responsivos so inteligentemente projetados
para serem adaptados a qualquer tipo de resoluo,
sem distores.
Por exemplo, veja o site do TripAdvisor aberto no
celular (imagem da esquerda)
E o mesmo site, aberto no celular em uma verso
no responsiva (imagem da direita)

voltar para o ndice

38

Como (re)fazer o site da sua empresa: o guia completo

Diferenas entre um site


responsivo e uma verso mobile
Responsivo todo o site projetado para ser adaptado para
qualquer tipo de tela. uma nica estrutura de cdigo que
funciona em diferentes resolues.
Uma verso mobile um pouco diferente, um segundo site
separado, feito exclusivamente para ser aberto em determinados
tipos de dispositivos.
O recomendado, por diversos motivos que voc ver abaixo, que
o site seja responsivo. No entanto, se ainda no for possvel ou se
voc estiver com um projeto em andamento para essa adaptao,
uma verso mobile ou um plugin que se adapte para dispositivos
mveis uma opo interessante tambm.

Um design responsivo identifica qual a largura de


cada dispositivo e, dessa forma, consegue determinar o
quanto de espao est disponvel e como a pgina ser
mostrada para que esses espaos sejam aproveitados
de forma plena. Tambm ajusta as dimenses das
imagens, das fontes e dos demais elementos de uma
pgina para que eles no fiquem desproporcionais.
Em termos bem prticos, aquele site que, com o
mesmo layout, se ajusta perfeitamente a qualquer
resoluo de forma harmnica, passando a mesma
experincia de leitura ao usurio, independentemente
do dispositivo pelo qual est sendo acessado.
Uma outra confuso comum acontece entre sites
responsivos e verses mobile de um site. H algumas
diferenas entre essas duas caractersticas, como
podemos ver no quadro ao lado.

Por exemplo, o blog da Resultados Digitais hoje responsivo, mas


por algum tempo utilizamos o plugin WP Touch para WordPress, que
faz automaticamente um novo layout sempre que um usurio acessa
seu site via dispositivo mvel. Foi uma medida provisria at que
nosso novo layout 100% responsivo ficasse pronto.

39

Como (re)fazer o site da sua empresa: o guia completo

9 motivos para ter um site responsivo (e suas vantagens!)


Agora que voc j est contextualizado e j entendeu o que um site responsivo, chegou a
hora de falarmos alguns motivos para voc usar esse recurso em seu site.

1. Acesso via mobile est


crescendo (e deve continuar)

2. Melhorar a experincia
do usurio

De acordo com o relatrio Digital, Social & Mobile


2015, 39% da populao total brasileira j tem acesso
internet via celular e outros dispositivos mveis.
Em nmero absolutos, a porcentagem representa 79
milhes de brasileiros.

Experincia do usurio tudo. E traz resultados


concretos.

A tendncia confirmada na mesma pesquisa, que


mostra um aumento de 109% no nmero de pageviews
via dispositivos mveis, e uma queda de 12% dos
pageviews via desktops.

Segundo o Google Think Insights, se um usurio


acessar sua pgina via dispositivo mvel e no encontrar o que procura, h 61% de chances de ele desistir
e partir para outro site.
Em contrapartida, se ele fica satisfeito com o seu site,
com uma experincia positiva, as chances de ele converter em seu produto ou servio so de 67%.
Pegue voc mesmo como exemplo. Quando voc
abre um site pelo celular e percebe que ele est desalinhado, voc fica satisfeito?

voltar para o ndice

40

Como (re)fazer o site da sua empresa: o guia completo

3. SEO + Mobilegeddon
O Google favorece websites responsivos - e, sobretudo, quando a busca feita via dispositivo mvel, d
preferncia a esses sites, aumentando naturalmente
o trfego orgnico.
Portanto, ter um site responsivo colabora para que
seu site aparea nos resultados de busca, independentemente do dispositivo que o usurio esteja utilizando para realizar a pesquisa.
Uma das atualizaes do Google de 2015 ganhou o
carinhoso apelido de Mobilegeddon (mobile + armageddon). A inteno do Google favorecer os sites que so
responsivos ou que possuem uma verso mobile em
detrimento dos que no esto preparados. Falamos com
mais profundidade sobre essa atualizao de algoritmo
no post Mobilegeddon: seu site est preparado?.

4. Aumentar a velocidade
da pgina
Uma das recomendaes do Google PageSpeed
Developers que o contedo acima da dobra em
um dispositivo mvel seja carregado em menos de 1
segundo. E o carregamento completo da pgina em
menos de 2 segundos.
Na maioria dos casos, isso se torna invivel quando uma
verso desktop do site carregada em um dispositivo
mvel. A velocidade de carregamento, alm de ser um
fator de rankeamento para o Google, tambm prejudica
o usurio. Caso o site demore a carregar, h uma alta
probabilidade de que o usurio feche a janela e procure
o que precisa em outro lugar.
Um site responsivo j mais leve e otimizado para os
dispositivos mveis e, por isso, carregado mais rapidamente do que uma verso desktop.

Alm disso, a estrutura de URL permanecer a mesma


em todos os dispositivos, o que tambm melhora o seu
ranking e a visibilidade de seu site para o rob de busca.

voltar para o ndice

41

Como (re)fazer o site da sua empresa: o guia completo

5. Diminuir a taxa de rejeio 6. Aumentar as vendas


Ter um site responsivo reduz a quantidade de usurios
que entram em seu site e saem sem interao alguma.
Este item est ligado experincia do usurio, uma vez
que, se ele no for bem recebido ao entrar na pgina,
as chances de ele fechar e desistir ou partir para outra
pesquisa so grandes.
importante tomar cuidado com essa taxa de rejeio,
uma vez que, se ela estiver muito alta, pode ser interpretada pelo Google como sinal de que o contedo no
relevante. E, quando isso acontece, as chances de sua
pgina perder posies grande.

voltar para o ndice

Ainda baseado no relatrio Digital, Social & Mobile


2015, temos um dado de que 15% dos brasileiros que
utilizam a internet em dispositivos mveis fizeram uma
compra nos ltimos 30 dias.
Nesse quesito, a preferncia da populao brasileira
ainda o desktop, que tem para o mesmo quesito
uma taxa de 36%.
Mesmo assim, os nmeros mostram uma tendncia que
est em pleno desenvolvimento. Ter um aplicativo ou
um site responsivo para um ecommerce, por exemplo,
uma maneira de aumentar as suas vendas.

42

Como (re)fazer o site da sua empresa: o guia completo

7. Aumentar a taxa de
converso de Leads

8. Mais compartilhamentos
nas mdias sociais

Assim como h aumento de vendas, h tambm a


possibilidade de aumentar a converso e gerar Leads
por meio de dispositivos mveis.

O Brasil possui 78 milhes de contas em redes sociais que


so acessadas por dispositivos mveis, nmero que equivale a 38% da populao total. Esse nmero no significa
usurios nicos, uma vez que uma pessoa pode ter vrias
contas em diferentes redes sociais, por exemplo.

Se voc utiliza as redes sociais para promover seus


materiais, muito necessrio que as pginas sejam
responsivas. O usurio poder estar navegando nas
redes pelo smartphone quando visualizar seu link no
feed de notcias. E se, ao clicar, a pgina for desalinhada,
muito maior a chance de ele no converter do que de
ele abrir novamente o link no desktop.
Na Resultados Digitais temos Landing Pages responsivas, o que certamente contribui para que tenhamos
converses via dispositivos mveis.

voltar para o ndice

Porm, no deixa de ser um nmero expressivo.


Como o acesso s redes sociais via celulares e tablets
cada dia mais frequente, nada mais inteligente
do que seu site ser responsivo. As chances de suas
pginas serem compartilhadas em redes sociais por
esses usurios so muito maiores se eles tiverem
uma experincia agradvel de navegao.
Alm do mais, ter apenas uma nica pgina responsiva
deixa a experincia mais agradvel tambm para quem
acessa um link que foi compartilhado via celular por
outra pessoa. Isso evita que uma verso mvel geralmente bem resumida seja aberta em um desktop,
como aqueles domnios http://m.site.com/slug-da-pagina ou http://site.com/mobile/slug-da-pagina.

43

Como (re)fazer o site da sua empresa: o guia completo

9. Preparar-se para
dispositivos futuros

Gostando desse eBook?


Ento no deixe de compartilhar esse material
nas suas redes sociais favoritas!

Compartilhar no Facebook
Fazer um tweet

voltar para o ndice

Uma das maiores vantagens de um design responsivo


que ele feito para diferentes resolues, e no
para diferentes dispositivos. Ou seja, no importa
qual a resoluo da tela do dispositivo que o seu
visitante est utilizando, o layout ir se adaptar.
Isso abre uma brecha para dispositivos futuros, que
podero ser lanados com resolues diferentes. Um
layout responsivo deixa seu site pronto para qualquer
dispositivo, mesmo os que ainda no existam.
Resumindo, dispositivos mveis j esto a para ficar.
No mais o futuro, o presente. Afinal, no de
todo absurdo tambm que algumas pessoas j nem
usem a internet via computadores. E nem que algumas pessoas sequer tenham computadores em casa.

44

Como (re)fazer o site da sua empresa: o guia completo

Hospedagem de sites
Importncia e como escolher
Quando voc cria um site e quer deix-lo acessvel a outras pessoas, voc precisa publiclo na web atravs de um servio de hospedagem de sites. Para serem efetivos, esses
servios precisam armazenar os arquivos do seu site em computadores de alta potncia
(servidores web) conectados a uma rede muito rpida, com uma grande tecnologia de apoio.
Diferenciais a procurar na hora de contratar uma
hospedagem de sites:

Suporte especializado com


especialistas que falam a
sua lngua
muito importante procurar um servio que oferea
atendimento gil e sem burocracia, em desde o primeiro
contato voc se sinta vontade e entendido no importa
seja voc um desenvolvedor, empreendedor ou iniciante.

Tecnologias agregadas
Outro ponto fundamental a ser levado em considerao
na hora de escolher seu provedor de hospedagem so
os produtos e servios exclusivos oferecidos junto aos

voltar para o ndice

planos. Diferenciais como a possibilidade de acompanhamento do uso dos recursos de processamento e de


memria, certificado SSL gratuito e Varnish Cache, que
entrega at 300x mais velocidade aos sites, so alguns
dos benefcios que voc aproveita ao escolher um bom
servio de hospedagem.

Plano com suporte


especializado a WordPress
Quando no existe mais dvida sobre qual o CMS utilizar e
o escolhido da vez for o WordPress, o ideal buscar uma
hospedagem que seja focada na tecnologia escolhida.
Com um plano especfico para WordPress, possvel
fazer a instalao da plataforma atravs de poucos cliques.
E o melhor: o ambiente previamente otimizado para
receber um site desenvolvido em WordPress. Dessa forma,
possvel garantir dois grandes benefcios: facilidade de
gerenciamento e tima performance para sua aplicao.

45

Como (re)fazer o site da sua empresa: o guia completo

Tipos de hospedagem
Para saber mais sobre os tipos de
hospedagem clique no que desejar:
Hospedagem compartilhada
Planos para desenvolvedores
Cloud Web Dedicado
Servidores Dedicados
Revenda de Hospedagem

Hospedagem compartilhada - Normalmente recomendado para sites novos, ela a forma mais econmica
para iniciar um site. Seu site colocado em um servidor,
onde compartilha os recursos com outros sites. Existem
diversas caractersticas importantes para se levar em
conta ao selecionar uma hospedagem compartilhada.
Alguns exemplos de atributos importantes so a qualidade do suporte tcnico, o uptime dos servidores e o
suporte a banco de dados e frameworks especficos.

Planos para desenvolvedores


So planos que rodam em ambientes especficos,
especialmente desenvolvidos para quem entende
de alguma linguagem, plataforma ou outro tipo de
tecnologia especfico. Na KingHost, oferecemos os
seguintes planos especficos para desenvolvedores: Node.js, Ruby on Rails, Phalcon, Python, Java,
ColdFusion, Web2py e Django.

Cloud Web Dedicado

voc contrata recursos focados na sua necessidade e


profissionais da KingHost acompanham sua aplicao
24x7 para garantir a melhor performance.

Servidores Dedicados
Nesse servio o cliente conta com um servidor dedicado inteiramente para sua aplicao. Ideal para empresas maiores, com times de TI prprios e que desejam
autonomia. Utilizando o servio dedicado, o cliente se
responsabiliza por toda a configurao e gerenciamento da mquina que ir rodar sua aplicao.

Revenda de hospedagem
Este servio voltado para webmasters, agncias ou
outros profissionais que querem revender o servio
de hospedagem. Pode ser interessante tambm para
aqueles que possuem vrios sites online, pois poder
gerenci-los atravs de um nico painel de controle.

Este um plano ideal para hospedar lojas virtuais, blogs,


bancos de dados e outros sites com grande volume de
acessos. O plano flexvel e gerenciado, ou seja,

voltar para o ndice

46

Como (re)fazer o site da sua empresa: o guia completo

Registro de domnio
Algumas das extenses
mais conhecidas
.COM.BR um site comercial e brasileiro
.CO sites corporativos
.BIZ sites de negcios
.ORG site para uma organizao
.ONG site para uma organizao no
governamental
.NET site para uma rede, ou network, em
ingls;
.ME sites pessoais
.INFO sites de informaes

Email e domnio com o nome da sua empresa transmitem credibilidade e confiana. O


registro de domnio o processo que permite a voc ter o seu prprio endereo na web.
Assim, outras pessoas podero acessar seu ambiente virtual (seja ele um site, blog ou
qualquer outra aplicao) facilmente digitando algo como "www.seusite.com.br".
importante perceber que o nome de domnio que
voc escolher para o seu site to importante quanto o
nome que voc escolher para o seu negcio.
A seguir, voc encontra algumas consideraes importantes para escolher o seu domnio. Ele precisa ser/estar:

Disponvel
A disponibilidade algo muito importante, pois muitos
domnios j foram registrados. A melhor maneira de
aumentar suas chances de ter nome de domnio que
voc deseja ser especfico na escolha e buscar um
nome que saia do comum e represente sua marca.

Simples e fcil
O endereo do seu site deve ser fcil de entender. Por
exemplo, aps ouvi-lo uma nica vez, algum seria ser
capaz de digitar seu nome de domnio?

Curto
Seu domnio deve ser curto: use no mximo trs palavras, de preferncia no mais do que duas.

Extenses de domnio
Mais recentemente, surgiram extenses de domnio e
de email alternativas ao tradicional .com.br. Alm das
extenses internacionais como o .com, hoje possvel
registrar domnios com terminaes genricas como
.top, .site, .club, .online e muitas outras. So mais
de mil opes disponveis.
Tanto as terminaes internacionais, como .com,
quanto as extenses genricas podem ser registradas
se voc quer aumentar a segurana para que ningum
mais utilize o nome que voc escolheu para seu domnio, alm de aumentar as chances de memorizao ou
mitigar erros de digitao de seus clientes.

47

Como (re)fazer o site da sua empresa: o guia completo

SEO
O mnimo que deve ser feito
ao repensar o site
No podemos falar de sites sem falar sobre a otimizao para motores de busca (SEO).
E, ao falar em motores de busca, nos referimos mais especificamente ao Google, que
responsvel por quase 97% das buscas realizadas no Brasil.

er um site bem posicionado no Google para


palavras-chave importantes para o seu negcio
fundamental para atrair trfego qualificado e
constante ao longo do tempo - diferentemente de mdia
paga em que, cortando o investimento, voc para de
receber visitas.

E o que preciso para ter


um site bem otimizado?
O principal voc se preocupar com a usabilidade do
site, a experincia que o visitante ter em cada pgina e o quanto o contedo ir ajudar esse visitante a
resolver seus problemas.

voltar para o ndice

Vale a pena citar tambm que, caso voc tenha um site


passando por uma reformulao, no se esquea de
fazer redirecionamentos 301 das pginas antigas para
as novas. Isso far com que o trfego que era direcionado para as pginas antigas sejam redirecionados
para as novas. Tambm dir ao Google para transferir a
autoridade que essas pginas possuem.
Esse um assunto bem extenso e cada projeto trar
uma complexidade diferente em termos de nvel de
profundidade com que deve ser trabalhado o SEO. Se
quiser entender mais sobre o assunto, recomendamos o eBook Guia Completo do SEO.

48

Como (re)fazer o site da sua empresa: o guia completo

Escolhendo fornecedores
Acho que j faz tempo que voc passou daquela fase de chamar o sobrinho que mexe
com site, no ?
Mas, mesmo com toda a experincia adquirida no mercado, ainda um desafio encontrar bons
fornecedores para empresas, seja em que rea for e, ainda mais, para o Marketing Digital.

o motivo simples: h muita gente que entende


pouco do assunto, mas est no mercado cobrando caro por um servio que no sabe fazer, sejam
designers, desenvolvedores, planejadores, criadores de
contedo, redatores e muitos outros.

E a coisa fica ainda mais sria quando falamos de SEO,


em que o uso de ferramentas especficas, nem sempre
baratas, indispensvel para algum que vende esse
servio to especializado.
Por isso, muito cuidado ao escolher seus fornecedores
de Marketing Digital.
Confira algumas dicas para no levar gato por lebre:
Pegue referncias firmes da pessoa ou da empresa,
ligue e questione sobre a qualidade do servio;

voltar para o ndice

Pea para ver um portflio de trabalhos anteriores,


juntamente com seus planejamentos, e compare o
resultado do site no ar com o que foi prometido;
Pesquise preos e no se deixe levar nem pelo mais
barato nem pelo mais caro, apenas tenha noo do
intervalo de valores para poder analisar;
Deixe bem claro em uma proposta comercial ou
contrato o prazo de entregas, de preferncia com um
cronograma de limite de tempo para cada etapa;
Cuidado com custos extras injustificveis e mudanas
de oramento repentinas. Isso tambm deve ser
formalizado em um documento e assinado;
E j que para ser cauteloso, estipule multas e
ressarcimentos caso algumas dessas clusulas no
for cumprida;

49

Como (re)fazer o site da sua empresa: o guia completo

Especifique detalhadamente tudo que quer que seja


contemplado no escopo do trabalho: site responsivo,
integrao com redes sociais, registro no Google
Business, mecanismos de busca, integrao com blog e
suas ferramentas, funcionalidades de localizao etc.;
Desconfie de empresa e profissionais que no
incluem uma fase de planejamento e vo direto ao
trabalho sem entrevistas, pesquisas e anlises. Alis,
primeiro deve ser apresentado esse planejamento,
como uma etapa preliminar do projeto, para
ser ajustado a 4 mos e depois dado o aceite (o
planejamento pode ser cobrado separadamente e
independentemente do aceite do projeto);
Certifique-se de poder acompanhar e validar cada
etapa do processo antes de se iniciar uma nova fase,
evitando perder tempo e dinheiro para refazer ou
corrigir erros de interpretao ou implementao.
No caso de empresas e agncias, uma providncia extra
pode ser visitar suas instalaes e verificar se parecem
realmente adequadas e suficientes para dar conta do
recado e fornecer o apoio que os profissionais necessitaram durante a implantao do projeto.

voltar para o ndice

50

Como (re)fazer o site da sua empresa: o guia completo

Concluso
Como voc viu, ter um site fundamental. Mas no basta
simplesmente juntar algumas informaes e imagens e descrever
sua empresa. preciso de contedo relevante para seu pblico e
um bom trabalho de SEO, com ajuda de um blog bem estruturado,
alm de desenvolver campanhas de Email Marketing, fazer a devida
nutrio de Leads e sua captao, assim como usar adequadamente
ferramentas de anlise e BI, para checar resultados e corrigir rumos.
Cabe a voc definir o que atacar com quais estratgias, descobrir as
ferramentas mais adequadas, os parceiros ideais para ajudar com isso
e escolher fornecedores que entreguem o melhor custo benefcio.

voltar para o ndice

51

Como (re)fazer o site da sua empresa: o guia completo

Materiais Relacionados
Se voc gostou deste eBook, acreditamos que voc tambm vai gostar desses:

ebook

ebook

ferramenta

ebook

O guia definitivo do
Inbound Marketing

Glossrio de vendas

Diagnstico de Marketing
e vendas

O Guia definitivo para montar


o seu time de Outbound

Quero ler agora

voltar para o ndice

Quero ler agora

Fazer um diagnstico

Quero ler agora

52

A Resultados Digitais tem como objetivo ajudar empresas de todos os portes a entender
e aproveitar os benefcios do Marketing Digital, conseguindo assim resultados reais e
permanentes para os seus negcios.
Veja aqui alguns dos nossos cases e perceba na prtica como o Marketing pode ser
aplicado na realidade!

Conhea mais materiais educativos

Links teis:
Blog da Resultados Digitais

Site do RDStation

Nosso Facebook

A KingHost oferece infraestrutura digital de ponta para deixar seu site ou aplicao online
e com alto desempenho. Conte com servios de hospedagem compartilhada, cloud web,
servidores dedicados ou planos especficos, alm de e-mail marketing, SEO Certo e solues de
segurana e performance.
Confira alguns motivos para confiar nos nossos servios.

Conhea mais materiais educativos

Links teis:
Blog da KingHost

Site da KingHost

Nosso Facebook

A We do Logos a maior soluo de design da Amrica Latina. Tudo que voc necessitar para a
marca da sua empresa ns conseguimos te ajudar.
Alm disso, temos um foco muito grande em te ajudar na sua jornada empreendedora. Por
isso, se quiser ter acesso a contedo indispensveis para o furturo da sua empresa voc
precisa conhecer a nossa Academia.

Conhecer a Academia We do Logos

Links teis:
Blog da We do Logos

Site da We do Logos

Quanto custa fazer um site