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 2
 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

3
 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 4


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.
I
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.
Desde ento, muita coisa mudou. E o processo de
compra mudou junto.
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 qual-
quer 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
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.
Sendo assim, quer voc tenha um site e esteja pensan-
do 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.
5
 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.

A
gora, se voc possui um site "carto de visi-
objeo i
ta", como dissemos anteriormente - ou nem
possui um site -, responda a essa pergunta: Mas meu negcio local.
voc conhece alguma marca de sucesso que no
tenha um site prprio?
Por que ter um site se no
vendo pela internet?
Independentemente do segmento, local ou tamanho,
esse o denominador comum entre todos os neg- correto afirmar que efetuar vendas uma das
cios de sucesso. possibilidades que sua empresa ganha ao ter um site.
Da mesma forma, incorreto afirmar que um site s
serve para essa finalidade.
As 4 principais objees
Caso fosse verdadeiro, todas as pginas da internet
Neste captulo, vamos trazer algumas objees que vemos teriam como propsito comercializar produtos/servios.
e ouvimos de clientes, nossos e de agncias parceiras, E sabemos que no isso que acontece.
sobre motivos de ter ou no um site para a empresa.

voltar para o ndice 6


No post Como fazer Marketing de
Contedo para negcios locais,
voc encontra mais estratgias
sobre o assunto.
voltar para o ndice
Se o seu negcio for local, como um escritrio de advo-
cacia, 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 advoga-
do 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.
Como (re)fazer o site da sua empresa: o guia completo
objeo ii
Mas minha empresa
pequena. Por que preciso
de um site?
Justamente por isso. Ter um site um passo funda-
mental 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 inves-
timento elevado no incio, o Marketing Digital permite
um investimento mais baixo e com um melhor retorno
sobre esse investimento (ROI), uma vez que fcil anali-
sar o resultado de todas as aes realizadas.
O Inbound Marketing uma forma interessante e um
diferencial para voc inserir sua empresa no merca-
do, uma vez que fica difcil competir com empresas
grandes e j consolidadas utilizando-se das mesmas
tticas de marketing.
7

objeo iii
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 absoluta-
mente 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
Como (re)fazer o site da sua empresa: o guia completo
objeo iv
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 profis-
sionalismo, 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 considera-
do ideal na internet.
O que apenas no pode ocorrer que este proces-
so paralise uma estratgia de Marketing Digital.
Costumamos dizer aqui na RD que um site como
nossa casa e, por vezes, podemos adiar algumas refor-
mas mais gerais, ou at mesmo reformar um cmodo
e utilizar outro, mas a casa nunca deixa de servir como
moradia e residncia.
8

eBook O Guia Completo de SEO. Leia e
aprenda a transformar o Google em uma
mquina de trfego para sua empresa.
voltar para o ndice
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
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.
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
Como (re)fazer o site da sua empresa: o guia completo
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 inte-
rao e relacionamento com seu pblico-alvo.
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.
9

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.
voltar para o ndice
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 fanpa-
ge 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 capa-
cidade 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.
Como (re)fazer o site da sua empresa: o guia completo
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 visitan-
tes. 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

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.
voltar para o ndice
internet antes de tomar a deciso da compra. E nesse
ponto que entra o site da sua empresa.
H vrias maneiras de manter um relacionamento
com seu pblico em seu site. E todas elas funcionam
muito bem:
Publicar posts no blog ou materiais ricos sobre
problemas que a audincia enfrenta;
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.
Como (re)fazer o site da sua empresa: o guia completo
5. Para vender
Segundo as boas prticas da metodologia do Inbound
Marketing, depois de atrair, converter e relacionar,
chegada a hora da venda.
E qual o papel de seu site nessa etapa? Em relao a
vendas, seu site pode ser til tanto para vendas consul-
tivas, como o caso da RD, como para vendas self-servi-
ce, como o caso de ecommerces.
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 esca-
la 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 madruga-
da. 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
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
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 encon-
trado, ganhar autoridade no mercado, expandir o negcio,
vender seus produtos ou se relacionar com a audincia.
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.

P
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.
desenvolvimento e da complexidade do projeto, so
investidos alguns meses at ter o site no ar.
Mas isso no deve impedir sua empresa de come-
ar a gerar resultados.

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
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 poten-
ciais compradores do RD Station.
Nos prximos captulos, voc ver algumas das estra-
tgias que podem ser aplicadas em paralelo ao desen-
volvimento de um site.

voltar para o ndice 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.
voltar para o ndice
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 interes-
santes 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.
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 mode-
los 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 provavelmen-
te 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: relaciona-
mento 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.
voltar para o ndice
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).
17
 Como (re)fazer o site da sua empresa: o guia completo

Newsletter

Trata-se de um email peridico com o qual voc distri-

bui diferentes contedos de uma s vez. comum
fazer um compilado de posts do blog, materiais ricos,
estudos de caso e outros contedos relevantes publi-
cados 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 resulta-
dos bastante relevantes para seu negcio.

voltar para o ndice 18


O que deve conter um site
Um site precisa ter muitas coisas, mas 3 itens so particularmente importantes:
Contedo que interesse seu pblico;
Ser fcil de encontrar em mecanismos de
busca (SEO);
Um design ergonmico, atraente e fcil de usar
(levando converso).
Para se chegar a tudo isso sem sermos muito extensos
e prolixos, resolvemos criar um checklist de tudo que
voc vai precisar. Vamos l?
Ttulos das pginas, as
famosas headlines
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
Como (re)fazer o site da sua empresa: o guia completo
1. Defina a palavra-chave foco do contedo da
pgina e use-a no ttulo da pgina;
2. Pense em pelo menos 10 headlines diferentes
antes de escrever o contedo;
3. Depois que o contedo da pgina estiver pronta,
escreva mais 10 headlines e escolha o melhor;
4. Escreva um nmero de palavras adequa-
do pgina e que uma pessoa consiga ler em
menos de 3 segundos;
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
19

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.
8. Faa testes A/B e certifique-se de quais so as
melhores headlines.
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
Como (re)fazer o site da sua empresa: o guia completo
Qual o custo (tempo e dinheiro) que uma pessoa
ter para utiliz-lo?
Quando o melhor momento para us-lo?
Quais so as dvidas mais frequentes?
As respostas destas perguntas so informaes relevan-
tes que podem interessar ao seu cliente!
Com elas, o cliente saber por que o produto (ou servi-
o) 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 visitan-
tes 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, conse-
guir 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 reali- no eBook Landing Pages que convertem. Abaixo,
zar uma ao. Se voc pensar na anatomia de cada vamos listar alguns deles:
pgina do site seguindo esta premissa, os resultados
sero surpreendentes. Headline

A chamada principal precisa conter uma explicao

Palavra-chave sucinta e direta do produto ou servio ofertado (veja as
dicas acima);
Para comear, defina uma palavra-chave (keyword)
especfica para cada uma. Por exemplo, se voc tem Subttulo
um ecommerce de carros, a palavra-chave da home
poderia ser comprar carros. Uma frase um pouco maior para explicar melhor do que
se trata aquela oferta apresentada ao pblico;
J para outras pginas, as palavras-chave, conforme a
temtica de cada uma, poderiam variar desta maneira, Pequeno formulrio
por exemplo:
Tem o objetivo de capturar o e-mail e outras informa-
Carros em oferta; es que sejam interessantes para a empresa manter
Carros usados; em seu banco de dados e poder voltar a contatar o
Carros econmicos; cliente (os Leads, na verdade) em aes comerciais futu-
Utilitrio esportivo; ras. Evite excesso de campos, pode espantar o Lead;
Carros para a famlia.
Call-to-action
E assim por diante. O importante que cada pgina
possua um foco claro. 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 elemen-

tos de confiana, que mostram ao usurio que ele pode
acreditar em seu site, sem receio.

Alm destes, tambm podem ser usadas para aumen-

tar 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 instan-
taneamente 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


Se quiser saber mais sobre este assunto,
temos um excelente infogrfico que pode
ajudar muito: Curiosidades sobre cores
para design de marcas.
voltar para o ndice
Escolhendo as cores
da pgina
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.
Confira algumas dicas rpidas do que pode significar
cada cor:
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;
Laranja: aconchego, acolhimento e calor;
Roxo: nobreza, imaginao e criatividade;
Preto: sofisticao, luxo e exclusividade;
Branco: pureza, paz e limpeza.
Como (re)fazer o site da sua empresa: o guia completo
CTA
Call-to-Action
Os botes que chamam o usurio para converter uma
ao, que pode ser uma venda, baixar um eBook, aces-
sar outra pgina e muitas outras, devem ter caractersti-
cas especiais para funcionarem melhor.
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.
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.
Quanto ao texto, usualmente se recomenda que
tenham 3 caractersticas principais:
1. Verbos de ao;
2. Senso de urgncia;
3. Dizer o que vem a seguir ao clique, o que ocorrer.
24

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 desta-
que e marcantes, e outros secundrios, menos chamati-
vos 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 encami-
nham 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 conver-
so 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
Como (re)fazer o site da sua empresa: o guia completo
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 funciona-
lidade 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. O site no tem design responsivo e no se adapta
a dispositivos mveis;
2. As pginas demoram para abrir;
3. No existe um blog no seu site;
8. Poucas converses em vendas tambm;
9. Pouco acesso por parte de dispositivo mveis;
10. Sua empresa finalmente se decidiu por utilizar o
Marketing de Contedo.

4. A empresa se modernizou e o site continua , se as coisas andam desse jeito, o momento de dar
parado no tempo; uma cara nova ao seu site!

5. Marca nova, logo novo, cara nova. E o site?; Mas, se existem bons motivos para gastar tempo e dinhei-
ro com o redesign de um site, tambm preciso saber o
6. A concorrncia est deixando voc para trs; contrrio: quando no mudar o layout do seu site?

7. Nada de converter visitantes em Leads;

voltar para o ndice 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 4. Baixo desempenho nas buscas (isso pode ser mais
que a cancelem; uma questo de SEO que design!);

2. Deu na telha do dono ou de um diretor; 5. Um bounce rate muito alto, isto : as pessoas
entram no site e logo saem (o problema nem
3. Um concorrente mudou o site e a gente no; sempre design, pode ser contedo!).

10 erros mais comuns ao fazer o redesign de um site

1. No fazer um planejamento de presena digital; 7. No seguir a identidade visual definida em seu
manual;
2. No definir personas (com ajuda de pesquisas!);
8. Criar um design que no combina com sua comu-
3. No colocar designers e programadores para nicao offline;
trabalharem juntos;
9. No testar a usabilidade;
4. No analisar e pesquisar o que a concorrncia
est fazendo; 10. No fazer testes A/B.

5. Focar em coisas bonitas, sem se basear em dados Uma coisa que deve ficar clara que beleza e funciona-
concretos fornecidos por ferramentas de anlise; lidade, pesquisas e anlises devem andar sempre lado a
lado quando se quer renovar o design de um site.
6. Esquecer da responsividade;

voltar para o ndice 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 e tambm outras pessoas - que nunca a viram antes - e
seu pblico de forma correta o posicionamento de sua discuta com eles o que acharam.
empresa e seus diferenciais competitivos.
Depois, hora de ver como os usurios esto reagindo.
E isso precisa ficar bem claro para eles por meio Voc pode ligar para eles e fazer entrevistas ou ser mais
do design. especfico e complementar essas informaes com o
uso de ferramentas de anlise do usurio.
Da mesma forma,
preciso verificar se Duas delas so bem interessantes e extraem resultados
seus objetivos de expressivos: o Crazyfrog, para fazer auditoria e anlise
marketing esto de presena online, e o Clicktale, que revela as necessi-
sendo atingidos, dades e comportamento dos visitantes.
se as aes certas
esto sendo toma- Alguns elementos de anlise muito teis fornecidos
das pelos usurios, so os chamados heatmaps (coisa que o Clicktale faz
se as pginas corre- muito bem, mapeando os movimentos do mouse). Eles
tas esto sendo mostram pela intensidade e tons de cores os pontos
visitadas etc. mais clicados pelos usurios.

Para se chegar a Outros fatores importantes so os dados sobre at

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

Comece mostrando Agora, com todos esses dados, o redesign ser refinado
o redesign da pgina e melhorado cada vez mais. Mas o trabalho ainda no
para alguns integran- acabou: hora dos testes A/B.
tes de sua empresa

voltar para o ndice 28


Como fazer testes A/B e
confirmar as melhorias do
novo design
J falamos anteriormente sobre isso quando nos refe-
rimos 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. Deve-
se analisar uma mudana de cada vez isoladamente.
Caso contrrio, no se saber qual dos elementos alte-
rados foi responsvel pela mudana de comportamento
dos visitantes (seja positiva ou negativa).
Por exemplo, se voc for testar 3 coisas: 2 frases diferen-
tes 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.
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.
Alm das j citadas, algumas outras ferramentas de
teste A/B esto disponveis no mercado, a comear do
voltar para o ndice
Como (re)fazer o site da sua empresa: o guia completo
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 ferra-
mentas 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
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 reali-
zam determinadas tarefas.
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 (escaneabili-
dade) 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.

J
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, rastrea-
mento 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 pala-

vras-chave que os outros tentam esconder, por exem-
plo. Alm disso, o MOZ d acesso autoridade das
pginas e dos domnios e facilita a anlise e o planeja-
mento de SEO ao dividir as informaes e apresent-las
de uma forma intuitiva e focada em resultados, trazen-
do 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 visu-

alize 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 conver-
ses, 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 procu-
ra 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 websi-
tes 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 pgi-
nas 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).

T
rata-se de um sistema usado para gerenciar o
contedo e o comportamento de certos elemen-
tos 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);
Mudar a ordem dos itens que aparecem no menu;

Por exemplo, algumas alteraes que voc mesmo Alterar o page title e a meta description das
pode realizar so: pginas para um melhor SEO;

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 Esse fluxo ajuda a ter certeza de que o contedo
papis aos perfis cadastrados na plataforma, como publicado no site tenha sido totalmente aprovado
perfis de autores, editores e administradores. Esses pelos responsveis.
papis tm diferentes poderes e permisses dentro
ferramenta, dando s pessoas a capacidade de visuali-
zar, compartilhar e aprovar os projetos.

voltar para o ndice 35

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

Consistncia visual

O CMS ajuda a manter o design do site consistente. caractersticas, sero os mesmos em todo site, ainda
Atravs do uso de regras de estilo, possvel garantir que muitos autores utilizem a ferramenta.
que o tamanho e a cor da fonte, bem como outras

Acesso
Para acessar a maioria dos softwares CMS, s neces- o seu site a partir de qualquer computador com uma
srio ter acesso internet. Voc pode acessar e editar 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


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.
A
contece que, pelo crescimento desse acesso
no pas e por uma grande mudana no algo-
ritmo de indexao do Google - chamado
Mobilegeddon - ter um site adaptado para esses
dispositivos virou uma questo de manter-se posicio-
nado 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
Como (re)fazer o site da sua empresa: o guia completo
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 pron-
to. 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 comporta-
mento 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 disposi-
tivos 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 respon-

sivo 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


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.
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.
Como (re)fazer o site da sua empresa: o guia completo
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.
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 2. Melhorar a experincia

crescendo (e deve continuar) 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.
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.
Experincia do usurio tudo. E traz resultados
concretos.
Segundo o Google Think Insights, se um usurio
acessar sua pgina via dispositivo mvel e no encon-
trar 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 conver-
ter 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 desa-
linhado, voc fica satisfeito?

voltar para o ndice 40


3. SEO + Mobilegeddon
O Google favorece websites responsivos - e, sobretu-
do, 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, indepen-
dentemente do dispositivo que o usurio esteja utili-
zando para realizar a pesquisa.
Uma das atualizaes do Google de 2015 ganhou o
carinhoso apelido de Mobilegeddon (mobile + armaged-
don). 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?.
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
Como (re)fazer o site da sua empresa: o guia completo
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 rapida-
mente do que uma verso desktop.
41

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 inter-
pretada 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
Como (re)fazer o site da sua empresa: o guia completo
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

7. Aumentar a taxa de
converso de Leads
Assim como h aumento de vendas, h tambm a
possibilidade de aumentar a converso e gerar Leads
por meio de dispositivos mveis.
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 respon-
sivas, o que certamente contribui para que tenhamos
converses via dispositivos mveis.
voltar para o ndice
Como (re)fazer o site da sua empresa: o guia completo
8. Mais compartilhamentos
nas mdias sociais
O Brasil possui 78 milhes de contas em redes sociais que
so acessadas por dispositivos mveis, nmero que equi-
vale 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.
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 geral-
mente bem resumida seja aberta em um desktop,
como aqueles domnios http://m.site.com/slug-da-pagi-
na ou http://site.com/mobile/slug-da-pagina.
43
 Como (re)fazer o site da sua empresa: o guia completo

Gostando desse eBook?
Ento no deixe de compartilhar esse material
nas suas redes sociais favoritas!
9. Preparar-se para
dispositivos futuros
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.

Compartilhar no Facebook
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 algu-
Fazer um tweet
mas pessoas sequer tenham computadores em casa.

voltar para o ndice 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 public-
lo 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 planos. Diferenciais como a possibilidade de acompa-
hospedagem de sites: nhamento 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
Suporte especializado com dos benefcios que voc aproveita ao escolher um bom
especialistas que falam a servio de hospedagem.

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
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.

voltar para o ndice 45

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

Tipos de hospedagem

Para saber mais sobre os tipos de Hospedagem compartilhada - Normalmente recomen- voc contrata recursos focados na sua necessidade e
hospedagem clique no que desejar: dado para sites novos, ela a forma mais econmica profissionais da KingHost acompanham sua aplicao
para iniciar um site. Seu site colocado em um servidor, 24x7 para garantir a melhor performance.
Hospedagem compartilhada onde compartilha os recursos com outros sites. Existem
diversas caractersticas importantes para se levar em
Planos para desenvolvedores conta ao selecionar uma hospedagem compartilhada.
Servidores Dedicados
Alguns exemplos de atributos importantes so a quali-
Cloud Web Dedicado dade do suporte tcnico, o uptime dos servidores e o Nesse servio o cliente conta com um servidor dedica-
suporte a banco de dados e frameworks especficos. do inteiramente para sua aplicao. Ideal para empre-
Servidores Dedicados sas maiores, com times de TI prprios e que desejam
autonomia. Utilizando o servio dedicado, o cliente se
Revenda de Hospedagem Planos para desenvolvedores responsabiliza por toda a configurao e gerenciamen-
to da mquina que ir rodar sua aplicao.
So planos que rodam em ambientes especficos,
especialmente desenvolvidos para quem entende
de alguma linguagem, plataforma ou outro tipo de
Revenda de hospedagem
tecnologia especfico. Na KingHost, oferecemos os
seguintes planos especficos para desenvolvedo- Este servio voltado para webmasters, agncias ou
res: Node.js, Ruby on Rails, Phalcon, Python, Java, outros profissionais que querem revender o servio
ColdFusion, Web2py e Django. de hospedagem. Pode ser interessante tambm para
aqueles que possuem vrios sites online, pois poder
gerenci-los atravs de um nico painel de controle.
Cloud Web Dedicado
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

Algumas das extenses
mais conhecidas
.COM.BR um site comercial e brasileiro
.CO sites corporativos
.BIZ sites de negcios
.ORG site para uma organizao
Registro de domnio
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
Curto
nome que voc escolher para o seu negcio.
Seu domnio deve ser curto: use no mximo trs pala-
A seguir, voc encontra algumas consideraes impor- vras, de preferncia no mais do que duas.
tantes para escolher o seu domnio. Ele precisa ser/estar:

.ONG site para uma organizao no

governamental
Disponvel
.NET site para uma rede, ou network, em A disponibilidade algo muito importante, pois muitos
ingls; domnios j foram registrados. A melhor maneira de
aumentar suas chances de ter nome de domnio que
.ME sites pessoais voc deseja ser especfico na escolha e buscar um
nome que saia do comum e represente sua marca.
.INFO sites de informaes
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?
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 dom-
nio, 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.

T
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.
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 direcio-
nado para as pginas antigas sejam redirecionados
para as novas. Tambm dir ao Google para transferir a
autoridade que essas pginas possuem.

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 pgi-
na e o quanto o contedo ir ajudar esse visitante a
resolver seus problemas.
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, recomenda-
mos o eBook Guia Completo do SEO.

voltar para o ndice 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.

E
o motivo simples: h muita gente que entende
pouco do assunto, mas est no mercado cobran-
do 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:
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;

Pegue referncias firmes da pessoa ou da empresa, E j que para ser cauteloso, estipule multas e
ligue e questione sobre a qualidade do servio; ressarcimentos caso algumas dessas clusulas no
for cumprida;

voltar para o ndice 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 necessi-
taram 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 Glossrio de vendas Diagnstico de Marketing O Guia definitivo para montar
Inbound Marketing e vendas o seu time de Outbound

Quero ler agora Quero ler agora Fazer um diagnstico Quero ler agora

voltar para o ndice 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