Escolar Documentos
Profissional Documentos
Cultura Documentos
Como Refazer o Site Da Sua Empresa PDF
Como Refazer o Site Da Sua Empresa PDF
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!
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
I
sso aconteceu porque ainda no havia clareza Tudo isso faz com que o cenrio todo mude: se antes um
sobre o que era o Marketing Digital ou o Inbound site era apenas "a cara" online da empresa, hoje ele deve
Marketing. Tampouco as redes sociais eram to ser o centro de uma estratgia de Inbound Marketing -
presentes na vida de todo mundo como so atualmente. uma verdadeira mquina de gerao de negcios.
Desde ento, muita coisa mudou. E o processo de Sendo assim, quer voc tenha um site e esteja pensan-
compra mudou junto. do em reformul-lo, ou ainda no tenha e queira fazer
um, neste eBook voc vai encontrar tudo o que precisa
Se antes, para saber sobre um produto, quem detinha saber para comear, desde descobrir o que deve ter
a informao era a empresa e os vendedores, hoje em um site at quais mtricas analisar, passando por
57% da venda j feita antes mesmo de haver qual- questes de infraestrutura, design, estratgias a serem
quer contato com outra pessoa - isso quando no executadas em paralelo, dentre outros.
inclumos aqui lojas e produtos virtuais, nos quais o
contato com um vendedor zero.
Boa Leitura!
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.
No post Como fazer Marketing de Se o seu negcio for local, como um escritrio de advo- objeo ii
Contedo para negcios locais, cacia, um estdio de arquitetura ou um restaurante
voc encontra mais estratgias italiano, voc pode usar o seu site para atrair novos Mas minha empresa
sobre o assunto. clientes e se relacionar com sua audincia. pequena. Por que preciso
A pesquisa do Google amplamente usada por de um site?
usurios que buscam solues e servios para seus
problemas - inclusive buscam por solues locais, Justamente por isso. Ter um site um passo funda-
prximas de onde esto. mental para iniciar uma estratgia de Inbound
Marketing, que funciona muito bem para dar trao
Portanto, quando algum procurar por advoga- inicial a microempresas e startups.
do civil trabalhista em So Paulo, arquitetos em
Florianpolis ou restaurante italiano em Porto Enquanto o marketing tradicional precisa de um inves-
Alegre, um site prprio com informaes relevantes timento elevado no incio, o Marketing Digital permite
passaria mais autoridade para os robs de busca e um investimento mais baixo e com um melhor retorno
para os usurios, bem como transmitiria uma imagem sobre esse investimento (ROI), uma vez que fcil anali-
muito mais profissional do negcio do que um apenas sar o resultado de todas as aes realizadas.
um resultado contendo endereo e telefone.
O Inbound Marketing uma forma interessante e um
Nesse caso, o site pode funcionar como um primeiro canal diferencial para voc inserir sua empresa no merca-
de contato entre seu negcio e seu pblico. E uma boa do, uma vez que fica difcil competir com empresas
primeira impresso fundamental para que esse visitante grandes e j consolidadas utilizando-se das mesmas
se transforme efetivamente em um cliente no futuro. tticas de marketing.
Tambm de nada adianta realizar uma mega reforma pergunta: este um site de fcil navegao? E ainda:
e no convidar ningum para visitar sua casa. Com encontrei a informao que eu procurava?
o nosso site a mesma coisa, e ele deve ser sempre
nossa ncora de uma estratgia de Marketing Digital. Resumindo, o que voc ganha com isso: um site bem
desenhado timo, mas investir em Inbound Marketing
Nesse sentido, gostamos de reforar que o principal do vai alm do que manter boas aparncias. Voc pode ir
site so seus contedos, Calls-to-Action e pontos de redesenhando o seu site aos poucos e, enquanto isso,
contato para relacionamento com seu pblico-alvo. trabalhar em outras frentes como a criao de Landing
Pages, ofertas, contedo e pontos de contato para inte-
Na dvida, d uma olhada nos sites de grandes players rao e relacionamento com seu pblico-alvo.
do mercado que voc gosta de visitar e faa a seguinte
eBook O Guia Completo de SEO. Leia e 1. Para ser encontrada to o Google. E se essa pessoa estiver curiosa sobre
aprenda a transformar o Google em uma seu nicho ou sua empresa, no ser diferente.
mquina de trfego para sua empresa. Sua empresa pode ser fora de srie, possuir o melhor
atendimento do mercado e oferecer um produto de Se a pesquisa for sobre sua empresa, importante
altssima qualidade. Mas de que adiantaria tudo isso se que voc tenha um bom e otimizado site para que o
as pessoas no encontrassem o que voc faz? primeiro resultado da pesquisa seja com o link para o
seu site. Agora, se a pesquisa for sobre o problema que
Ter um site a forma mais simples de ser encontrado seu cliente enfrenta, importante que voc tenha bons
hoje na internet. O principal canal de busca que uma contedos e um bom blog para que sua empresa esteja
pessoa usa quando est curiosa sobre qualquer assun frente dos concorrentes.
Leitura complementar: eBook Marketing 2. Para ganhar autoridade Para isso, aplicamos uma metodologia comprovada que,
de Contedo para Resultados: alinhando com a ajuda do software RD Station, ajuda milhares de
contedo ao funil de vendas. Leia e no mercado clientes diariamente nessa escalada de sucesso. No
descubra como transformar o Marketing entanto, nada disso seria possvel se essas empresas
de Contedo em resultados concretos. Se voc conhece duas solues para seu problema e s no tivessem um site com um domnio prprio.
uma possui site prprio, em quem voc confiaria mais?
Em uma pgina com domnio prprio ou em uma fanpa- Para adquirir mais clientes, voc precisa de mais Leads.
ge no Facebook? E, para gerar mais Leads, voc precisa de mais visitan-
tes. E, para adquirir mais visitantes, voc precisa de um
No queremos desmerecer as mdias sociais como site para receb-los.
falamos acima, elas possuem um papel fundamental em
uma estratgia de Marketing Digital. O ponto aqui que O site , muitas vezes, o primeiro canal de contato entre
um site muito mais personalizvel e profissional do sua empresa e o futuro cliente. O Inbound Marketing
que um perfil social. permite que esses clientes cheguem at voc em vez
de voc ir atrs deles. A longo prazo, um processo
Com um site, sua empresa possui muito mais artifcios bastante vantajoso.
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-
4. Para se relacionar com
cidade tcnica para ser a soluo dos problemas que sua audincia
ela enfrenta. um diferencial bastante eficiente nessa
tomada de deciso. Sempre falamos na Resultados Digitais, tanto em posts
no blog como em conversas com nossos Leads e
3. Para expandir o negcio clientes, que a forma de consumo mudou desde que a
internet se tornou presente durante todos os minutos
de nosso dia a dia.
Qual o objetivo do seu negcio? Voc tem planos de
expandi-lo? Uma das misses da Resultados Digitais O consumidor no possui mais um papel apenas reativo
auxiliar as empresas a terem um crescimento previsvel ao marketing e publicidade. absolutamente normal
e escalvel por meio do Inbound Marketing. que ele pesquise sobre sua marca ou seu problema na
Para entender mais, veja o post internet antes de tomar a deciso da compra. E nesse 5. Para vender
Marketing de Contedo para treinar, ponto que entra o site da sua empresa.
reter e fidelizar seu cliente. Leia e
entenda os benefcios dessa estratgia H vrias maneiras de manter um relacionamento Segundo as boas prticas da metodologia do Inbound
para sua empresa. com seu pblico em seu site. E todas elas funcionam Marketing, depois de atrair, converter e relacionar,
muito bem: chegada a hora da venda.
Leitura complementar: eBook Como Publicar posts no blog ou materiais ricos sobre E qual o papel de seu site nessa etapa? Em relao a
vender mais utilizando Marketing problemas que a audincia enfrenta; vendas, seu site pode ser til tanto para vendas consul-
Digital e gerao de Leads. Leia e tivas, como o caso da RD, como para vendas self-servi-
saiba como a Internet impactou a Responder comentrios das pessoas em posts de ce, como o caso de ecommerces.
forma como obtemos informaes blogs;
e compramos produtos e servios Se sua venda for consultiva, o site um apoio ao vendedor
e veja como sua empresa pode se Criar uma central de relacionamento com respostas na hora de fechar com o cliente. fundamental que tenha
aproveitar desse cenrio. para as dvidas mais comuns; uma rea com as solues e os preos de seus produtos.
Gravar e disponibilizar treinamentos online para Se sua venda for self-service, um site ajudar a dar esca-
clientes; la a seu negcio ao permitir que os clientes efetuem a
compra onde e quando estiverem mais confortveis. No
Ter um chat em tempo real para atender aos clientes. importa se feriado de Pscoa ou se so 4h da madruga-
da. A internet nunca fecha. Ou seja, com uma loja online,
Citamos apenas 5, mas h muitas outras possibilidades. voc no precisa se limitar ao horrio comercial.
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.
A importncia de um 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 desenvolvimento e da complexidade do projeto, so
reformular o site no vai resolver todos problemas investidos alguns meses at ter o site no ar.
estratgicos que sua empresa tem em Marketing
Digital, nem tem garantias de contribuir para um real Mas isso no deve impedir sua empresa de come-
aumento da gerao de oportunidades de negcio. ar a gerar resultados.
Ou seja, no faz sentido deixar para trabalhar o Inbound Por exemplo, a Resultados Digitais, antes mesmo de ter
Marketing s depois que a reformulao do site estiver um site ou um produto, j tinha um blog com contedo
concluda. H vrias melhorias que sua empresa pode sendo postado regularmente e, quando lanou o site, j
comear a implantar imediatamente para garantir seu tinha uma base relevante de Leads que seriam poten-
posicionamento efetivo no meio digital e a conquista de ciais compradores do RD Station.
novos clientes Inbound.
Nos prximos captulos, voc ver algumas das estra-
Alm disso, sabemos que fazer um site muitas vezes tgias que podem ser aplicadas em paralelo ao desen-
pode ser um processo demorado. Dependendo volvimento de um site.
do fornecedor, da metodologia utilizada no
Gerar Leads em
Landing Pages
Atrair trfego e se tornar uma autoridade no mercado
essencial, mas voc pode ir alm.
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).
Newsletter
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.
Alguns estudos j mostraram que cerca de 80% das 6. Inclua claramente qual o benefcio que vai
pessoas leem apenas o ttulo de uma pgina. De fato, ser encontrado ao entrarem em sua pgina;
em alguns testes que fizemos, j conseguimos quase
dobrar a taxa de converso de diversas Landing Pages 7. Existem frmulas prontas para fazer ttulos, como
apenas alterando a headline da pgina. incluir nmeros; usar uma negao; fazer listas;
usar perguntas; usar frases como para voc,
E como fazer um bom ttulo? Ao lado, esto 8 dicas para como, tudo sobre, o jeito mais fcil de,
seguir nessa hora: tudo que voc queria saber sobre, agora ao
seu alcance, algumas formas desconhecidas
de, quem no gostaria de, as TOP 10 e Qual o custo (tempo e dinheiro) que uma pessoa
muitas outras espalhadas em posts de dicas na ter para utiliz-lo?
internet. Apenas lembre-se de testar antes de
fazer algo muito fora do padro. Quando o melhor momento para us-lo?
Uma tcnica para chegar ao contedo ideal da pgina Por fim, usar o gancho de datas especiais ou justificar o
responder a essas 6 perguntas: motivo da compra ao indicar fatos da vida (casamento,
nascimento de filhos, entrada na faculdade etc.) ou
Qual problema esse produto ou servio resolve? decises importantes (mudar de pas ou cidade, conse-
guir um novo emprego, ter comprado a casa prpria
Por que ele a melhor opo? etc.) uma ttica muito eficiente em Landing Pages que
buscam maior converso!
Para quem foi desenvolvido?
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
Repercusso na mdia
Depoimentos
Vdeo explicativo
Dobras ou folds
Headline explicativa;
Subttulo com mais detalhes;
Call-to-Action ou formulrio.
Confira algumas dicas rpidas do que pode significar Existe a lenda de que CTAs em vermelho convertem
cada cor: mais, mas a verdade que no existe uma cor certa
para um Call-to-Action; preciso analisar a cor de fundo
Azul: confiana, sabedoria e tradio; e outros fatores antes de se decidir por qualquer coisa.
Verde: juventude, frescor e natureza; Alm da cor, preciso testar formatos, diferentes
textos e tipos de letras. E, na verdade, a melhor
Marrom: segurana, fora e trabalho; maneira de se certificar de qualquer escolha, seja da
cor ou dos outros elementos, por meio de testes
Amarelo: luz, alegria e valor; A/B independentes para cada elemento: s a cor,
depois s o texto e assim por diante.
Vermelho: paixo, ateno e impetuosidade;
Quanto ao texto, usualmente se recomenda que
Laranja: aconchego, acolhimento e calor; tenham 3 caractersticas principais:
Branco: pureza, paz e limpeza. 3. Dizer o que vem a seguir ao clique, o que ocorrer.
Mas, como tudo mais, isso no uma regra infalvel: Inventrio de URLs e
preciso testar.
outros elementos
Voc pode ter mais de um Call-to-Action por pgina,
em diferentes momentos e dobras, com textos, cores URLs, headlines, palavras por pginas, ttulos h2, h3,
e formatos variados. links internos e externos, hash etc.
Alm disso, pode haver CTAs principais, mais em desta- preciso ter controle e saber como tudo isso (e muito
que e marcantes, e outros secundrios, menos chamati- mais) est organizado em seu site.
vos e com o objetivo de levar a outras pginas de seu site.
Para isso, sugerimos o ScreamingFrog, que traz relatrios
Assim, o espao da pgina no precisa ser preenchido bem completos que sero de grande ajuda para voc. E,
por um nico CTA e muito menos por CTAS que encami- melhor de tudo, existe uma verso gratuita do aplicativo.
nham para a mesma pgina ou ao.
A verso Spider do SceamingFrog traz uma funciona-
Voc pode at construir um raciocnio crescente em lidade com filtros para que voc encontre apenas as
que, em um determinado ponto, o visitante conhece informaes que precisa, focando no estudo que estiver
sua empresa, em outro se aprofunda sobre o produto fazendo naquele momento.
ou servio e, finalmente, chega a um CTA de conver-
so em compra. Os principais relatrios so o Internal, que analisa
todos os dados importantes do seu site, e o External
Assim, independentemente do momento da jornada Out Links, focado em backlinks e a maneira como as
do cliente, ele poder clicar em algum deles e ter mais outras pginas enxergam as suas.
informaes sobre sua empresa.
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.
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?
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!).
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;
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.
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
Como fazer testes A/B e prprio Google Analytics e passando por outros sites
como o SitesSpect, o VWO, o Webtrends, o Crazyegg, o
confirmar as melhorias do Unbounce, o Adobe Target e muitos outros.
novo design
Teste e escolha a ferramenta ideal para voc!
Alm das j citadas, algumas outras ferramentas de Ela est relacionada forma como o seu pblico vai
teste A/B esto disponveis no mercado, a comear do interagir com o seu site, e essa interao envolve vrios
pontos, alm de entregar uma boa leitura (escaneabili- Memria: um dia voc entra no site e a
dade) e boa navegao dentro daquele ambiente. ferramenta de busca fica direita, no canto
superior. No outro dia, sumiu de l e demora
Vamos ver alguns pontos importantes que devem ser para achar. Os cones ficavam dentro de bolinhas
levados em conta: e eram chapados, agora so volumosos e ficam
dentro de hexgonos. No d para se manter fiel e
Design intuitivo: entender o que para fazer, usar um site assim esquizofrnico;
onde clicar, o que digitar etc., por conta dos
cones bem escolhidos, das cores empregadas, da Demora para carregar as pginas: uma pgina
hierarquia das informaes e outros fatores, sem que demora para ser carregada um dos principais
ter que ler manuais; motivos de rejeio de uma pgina, principalmente
se acessado por dispositivos mveis;
As coisas funcionam: as funcionalidades
prometidas pelo site no apenas funcionam com Erros constantes: se seu site comea a ter muitos
rapidez e agilidade, mas realmente trazem algo de links quebrados, pginas que no abrem, buscas que
til para o usurio; travam etc., a usabilidade no ser um termo que
poder ser relacionado a ele, concorda?
Coerncia: se as coisas comeam a ficar estranhas,
fugir do escopo e no fazer sentido, sem se conectar
entre si, a usabilidade ser prejudicada;
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.
MOZ
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.
Google Trends
Similarweb
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 Realizar alteraes e correes no contedo de
contedo e o comportamento de certos elemen- uma pgina (textos e imagens);
tos do site de forma mais simples e intuitiva sem,
muitas vezes, interveno de um programador. 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;
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.
A
contece que, pelo crescimento desse acesso
no pas e por uma grande mudana no algo-
Muito alm do desktop
ritmo de indexao do Google - chamado
Mobilegeddon - ter um site adaptado para esses Voc est lendo este eBook de um computador, de um
dispositivos virou uma questo de manter-se posicio- tablet ou de um celular?
nado no Google e melhorar a experincia de quem
chega ao site utilizando um desses dispositivos. Essa no uma pergunta aleatria. S est sendo
feita porque a forma como estamos navegando na
Neste captulo, vamos explorar algumas questes internet est cada vez mais diversificada, e qualquer
bsicas sobre responsividade, mostrar algumas uma das opes acima possvel.
vantagens que isso traz em termos de desempenho e
resultados e responder algumas dvidas como: J faz um tempo que ningum mais diz vou entrar na
internet. Basta pegar o celular ao lado, conectar e pron-
O que um site responsivo? to. Sem dificuldade alguma estamos online.
Por que voc precisa ter um site responsivo? Olhe ao seu redor, em seu escritrio, no ponto de
nibus, na praa de alimentao do shopping, na
Bem, como um site responsivo pode ajudar praia, no caf e at mesmo no trnsito. Algum deve
em seu negcio? estar com um celular na mo, certo? um comporta-
mento to comum que no pensar em como ele pode
O que pode acontecer se voc no se adaptar? influenciar o seu negcio ficar para trs.
Responsivo todo o site projetado para ser adaptado para Em termos bem prticos, aquele site que, com o
qualquer tipo de tela. uma nica estrutura de cdigo que mesmo layout, se ajusta perfeitamente a qualquer
funciona em diferentes resolues. resoluo de forma harmnica, passando a mesma
experincia de leitura ao usurio, independentemente
Uma verso mobile um pouco diferente, um segundo site do dispositivo pelo qual est sendo acessado.
separado, feito exclusivamente para ser aberto em determinados
tipos de dispositivos. Uma outra confuso comum acontece entre sites
responsivos e verses mobile de um site. H algumas
O recomendado, por diversos motivos que voc ver abaixo, que diferenas entre essas duas caractersticas, como
o site seja responsivo. No entanto, se ainda no for possvel ou se podemos ver no quadro ao lado.
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.
39
Como (re)fazer o site da sua empresa: o guia completo
De acordo com o relatrio Digital, Social & Mobile Experincia do usurio tudo. E traz resultados
2015, 39% da populao total brasileira j tem acesso concretos.
internet via celular e outros dispositivos mveis.
Em nmero absolutos, a porcentagem representa 79 Segundo o Google Think Insights, se um usurio
milhes de brasileiros. acessar sua pgina via dispositivo mvel e no encon-
trar o que procura, h 61% de chances de ele desistir
A tendncia confirmada na mesma pesquisa, que e partir para outro site.
mostra um aumento de 109% no nmero de pageviews
via dispositivos mveis, e uma queda de 12% dos Em contrapartida, se ele fica satisfeito com o seu site,
pageviews via desktops. com uma experincia positiva, as chances de ele conver-
ter em seu produto ou servio so de 67%.
Ter um site responsivo reduz a quantidade de usurios Ainda baseado no relatrio Digital, Social & Mobile
que entram em seu site e saem sem interao alguma. 2015, temos um dado de que 15% dos brasileiros que
utilizam a internet em dispositivos mveis fizeram uma
Este item est ligado experincia do usurio, uma vez compra nos ltimos 30 dias.
que, se ele no for bem recebido ao entrar na pgina,
as chances de ele fechar e desistir ou partir para outra Nesse quesito, a preferncia da populao brasileira
pesquisa so grandes. ainda o desktop, que tem para o mesmo quesito
uma taxa de 36%.
importante tomar cuidado com essa taxa de rejeio,
uma vez que, se ela estiver muito alta, pode ser inter- Mesmo assim, os nmeros mostram uma tendncia que
pretada pelo Google como sinal de que o contedo no est em pleno desenvolvimento. Ter um aplicativo ou
relevante. E, quando isso acontece, as chances de sua um site responsivo para um ecommerce, por exemplo,
pgina perder posies grande. uma maneira de aumentar as suas vendas.
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.
Gostando desse eBook?
Isso abre uma brecha para dispositivos futuros, que
Ento no deixe de compartilhar esse material podero ser lanados com resolues diferentes. Um
nas suas redes sociais favoritas! layout responsivo deixa seu site pronto para qualquer
dispositivo, mesmo os que ainda no existam.
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
Plano com suporte
muito importante procurar um servio que oferea especializado a WordPress
atendimento gil e sem burocracia, em desde o primeiro
contato voc se sinta vontade e entendido no importa Quando no existe mais dvida sobre qual o CMS utilizar e
seja voc um desenvolvedor, empreendedor ou iniciante. 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
Tecnologias agregadas fazer a instalao da plataforma atravs de poucos cliques.
E o melhor: o ambiente previamente otimizado para
Outro ponto fundamental a ser levado em considerao receber um site desenvolvido em WordPress. Dessa forma,
na hora de escolher seu provedor de hospedagem so possvel garantir dois grandes benefcios: facilidade de
os produtos e servios exclusivos oferecidos junto aos gerenciamento e tima performance para sua aplicao.
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,
Registro de domnio
Algumas das extenses 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.
mais conhecidas 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".
.COM.BR um site comercial e brasileiro
importante perceber que o nome de domnio que
.CO sites corporativos voc escolher para o seu site to importante quanto o
Curto
nome que voc escolher para o seu negcio.
.BIZ sites de negcios 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.
.ORG site para uma organizao tantes para escolher o seu domnio. Ele precisa ser/estar:
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 Vale a pena citar tambm que, caso voc tenha um site
palavras-chave importantes para o seu negcio passando por uma reformulao, no se esquea de
fundamental para atrair trfego qualificado e fazer redirecionamentos 301 das pginas antigas para
constante ao longo do tempo - diferentemente de mdia as novas. Isso far com que o trfego que era direcio-
paga em que, cortando o investimento, voc para de nado para as pginas antigas sejam redirecionados
receber visitas. para as novas. Tambm dir ao Google para transferir a
autoridade que essas pginas possuem.
E o que preciso para ter Esse um assunto bem extenso e cada projeto trar
um site bem otimizado? uma complexidade diferente em termos de nvel de
profundidade com que deve ser trabalhado o SEO. Se
O principal voc se preocupar com a usabilidade do quiser entender mais sobre o assunto, recomenda-
site, a experincia que o visitante ter em cada pgi- mos o eBook Guia Completo do SEO.
na e o quanto o contedo ir ajudar esse visitante a
resolver seus problemas.
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 Pea para ver um portflio de trabalhos anteriores,
pouco do assunto, mas est no mercado cobran- juntamente com seus planejamentos, e compare o
do caro por um servio que no sabe fazer, sejam resultado do site no ar com o que foi prometido;
designers, desenvolvedores, planejadores, criadores de
contedo, redatores e muitos outros. Pesquise preos e no se deixe levar nem pelo mais
barato nem pelo mais caro, apenas tenha noo do
E a coisa fica ainda mais sria quando falamos de SEO, intervalo de valores para poder analisar;
em que o uso de ferramentas especficas, nem sempre
baratas, indispensvel para algum que vende esse Deixe bem claro em uma proposta comercial ou
servio to especializado. contrato o prazo de entregas, de preferncia com um
cronograma de limite de tempo para cada etapa;
Por isso, muito cuidado ao escolher seus fornecedores
de Marketing Digital. Cuidado com custos extras injustificveis e mudanas
de oramento repentinas. Isso tambm deve ser
Confira algumas dicas para no levar gato por lebre: 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;
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.
Materiais Relacionados
Se voc gostou deste eBook, acreditamos que voc tambm vai gostar desses:
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
Veja aqui alguns dos nossos cases e perceba na prtica como o Marketing pode ser
aplicado na realidade!
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.
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.
Links teis:
Blog da We do Logos Site da We do Logos Quanto custa fazer um site