Escolar Documentos
Profissional Documentos
Cultura Documentos
2
3
Introdução
4
Uma pesquisa realizada em março de 2014 pela empresa americana Desenvolver um site eficiente que realmente atraia a atenção de seus
Chartbeat indicou que mais da metade dos usuários da internet consumidores pode ser uma tarefa desafiadora - mesmo para
levam, no máximo, 15 segundos para decidir se continuam ou não em profissionais com anos de experiência no mercado - uma vez que ela
um determinado site. envolve a adoção de várias práticas e processos que muitas vezes são
desconhecidos ou simplesmente ignorados durante todo o
É claro que dados como esses trazem uma preocupação enorme para desenvolvimento.
as empresas e profissionais das mais diversas áreas, principalmente
aqueles que focam exclusivamente suas estratégias na aquisição de Mas afinal, o que é um site eficiente?
clientes através de seus sites.
ALTA PERFORMANCE Velocidade de carregamento do seu site quando submetido ao teste do Google PageSpeed.
Considera-se uma boa performance uma nota igual ou superior a 75/100.
OTIMIZAÇÃO PARA SEO Conjunto de boas práticas que visam melhorar o posicionamento do seu site nos mecanismos de
buscas como o Google.
EXPERIÊNCIA DO USUÁRIO (UX) Nível de satisfação dos seus clientes ao utilizarem seu site. Consiste em várias práticas que levam
em consideração a aparência, usabilidade e performance.
COMUNICAÇÃO Forma como sua empresa vai se comunicar com os visitantes do seu site. Aspectos como linha
comunicativa, imagens e otimização de conteúdo devem ser levados em consideração.
6
Existem várias definições para o termo “eficiente”, e elas podem Se você já possui experiência com serviços de hospedagem, registro
variar de acordo com o contexto em que ele é utilizado. Na área de de domínios e escolha de CMS, sugerimos que você pule o segundo
desenvolvimento de sites, ele pode ser traduzido da seguinte forma: capítulo deste eBook, onde explicamos passo a passo como tudo isso
funciona, e vá direto para o terceiro capítulo, no qual vamos
Disposição de tecnologias, recursos e conteúdos que visam facilitar a concentrar nossos esforços em tornar seu site mais eficiente através
interação de consumidores com a marca, aumentando as chances dos de conceitos de User Experience (UX) e SEO.
mesmos em se tornarem clientes a partir da aquisição de produtos ou
serviços oferecidos pela empresa. E lembre-se, se tiver alguma dúvida em determinado processo, não
deixe de entrar em contato com a gente.
Escolha da hospedagem, criação do protótipo e otimização de
conteúdo são alguns exemplos de aspectos técnicos e estéticos que Ficaremos felizes em ajudá-lo. :)
devem ser considerados durante todo o processo de Aproveite!
desenvolvimento de um site.
Nossa missão com este eBook é te guiar por cada uma dessas etapas
de forma simples e educativa. Nosso objetivo é fazer com que você,
assim que terminar a leitura, esteja preparado(a) para criar um site
eficiente e que realmente te ajude a alcançar seus objetivos. Equipe Profissas
SIGA A GENTE!
7
2
clientes que querem construir seu site pela primeira vez.
Por onde
confusa.
começar?
pergunta:
Apresentar Projetos
9
Além de ser essencial para o desenvolvimento do site em si, como As 3 etapas
disposição de páginas e recursos, conhecer os objetivos também será
importante na hora de mensurar os resultados futuros, como o ROI.
Por exemplo, uma clínica de odontologia que investiu R$ 5.000 no GERAÇÃO DE ASPÉCTOS
desenvolvimento de um site, mas não definiu exatamente os CONTEÚDO TÉCNICOS
3
essenciais para garantir o bom funcionamento do site no que diz
respeito a responsividade, acessibilidade, velocidade e otimização
para sistemas de buscas.
Aspectos
resultados e implementação de medidas para melhoramentos
futuros.
Técnicos
Não se preocupe, os aspectos técnicos podem parecer
complicados no início, mas ao longo deste eBook apresentaremos
quais ferramentas você precisa, além de tutoriais ilustrativos de
como utilizá-los corretamente.
12
Hospedagem
A hospedagem, como o nome sugere, é o lugar em que todos os dados São recursos avançados que, se você estiver começando, não precisa
relacionados ao seu site serão guardados na internet. se preocupar por enquanto. Mas no futuro eles garantem a alta
performance do site e agilidade no atendimento de seus clientes.
Esses “lugares” são chamados de servidores. Eles são administrados
por empresas específicas, que podem cobrar preços diferentes Se desejar, você pode escolher seu próprio serviço de hospedagem de
conforme suas necessidades com relação a capacidade de banco de acordo com suas necessidades e recursos, mas é muito importante
dados, transferências, quantidade de domínios, espaço em disco e (especialmente se você não tem experiência com desenvolvimento de sites)
número de contas de email. que o serviço tenha a opção de instalação simples do Wordpress.
A quantidade (e qualidade) de empresas que oferecem este tipo de A compra e ativação do DreamHost é muito simples e intuitiva. Após
serviço é imensa. Aqui na Profissas nós temos um servidor dedicado realizar o pagamento, você receberá um e-mail confirmando que seu
da DreamHost, cujo plano inclui processos de verificação de servidor foi ativado, e então poderá seguir para o próximo passo.
qualidade e performance, além de uma equipe para suporte.
13
Domínio
Assim como as pessoas precisam de seu endereço para chegar até sua
Como adquirir domínio .com.br
casa, elas também precisam de um endereço para chegar até os dados
que compõem seu site dentro da imensidão de dados existentes na
Antes de mais nada, você precisa verificar se o domínio que você
internet.
pretende usar já não está sendo utilizado por outra pessoa. Para isso,
O seu domínio é esse endereço que as pessoas irão digitar no digite o domínio que você deseja no campo indicado na página inicial
navegador para poder ter acesso aos seus dados, que são as do https://registro.br.
Se o domínio estiver indisponível, você receberá uma mensagem Mas se o nome que você quer utilizar estiver disponível, você
explicando o motivo e com outras sugestões de nomes com finais precisará efetuar um cadastro com o seu CPF ou CNPJ e outros
diferentes. Para entender o que cada final significa, você pode visitar dados como nome, endereço e senha.
esta página disponibilizada pelo Registro.BR.
15
Uma vez que você preencheu todas as informações e clicou no botão Após o registro do seu domínio for confirmado, você receberá um
“Cadastrar”, um email será automaticamente enviado para sua caixa e-mail com todas as instruções de pagamento. Você pode pagar por
de entrada para confirmação do seu cadastro. meio de cartão de crédito ou boleto bancário, e todos os preços estão
disponíveis nesta página.
Muita atenção! Neste momento o seu domínio ainda não foi
registrado. Após confirmar seu cadastro através do e-mail que eles te Realizado o pagamento, seu domínio está pronto para ser integrado
enviaram, você deve aguardar alguns minutos para que seu domínio ao seu servidor, o que nos leva ao próximo passo.
seja registrado de fato.
Para construir esta “ponte”, entre no painel de controle da sua conta Clique no botão Add Hosting to a Domain / Sub-Domain. Você será
na DreamHost e clique na aba Domains e em seguida Manage redirecionado para uma página onde deverá preencher alguns dados
Domains. conforme mostramos na imagem, e então clicar no botão Fully host
this domain.
17
Depois você só precisa direcionar o DNS do seu domínio no Por termos mais experiência e acreditar que esta realmente é o
Registro.BR para o DreamHost. Para fazer isso, você deve entrar na melhor CMS disponível no mercado, utilizaremos o Wordpress.org
sua conta no site do Registro.BR e clicar em Domínios. como serviço padrão durante as instruções deste eBook.
Clique no domínio que você registrou e em seguida Alterar Além disso, atualmente o Wordpress é disparado o CMS mais
Servidores DNS e insira os valores de DNS que você encontrou na utilizado no mundo.
sua conta da DreamHost.
CMS mais usados no mundo
Salve os dados e pronto, você está pronto para seguir em frente no
desenvolvimento do seu site.
Se você seguiu todos os passos até aqui, tudo estará pronto para que
você possa começar a configurar e editar o conteúdo do seu site.
19
Até pouco tempo atrás, ter um site na internet era apenas uma
4
forma de representar de sua empresa no meio digital e oferecer
serviços básicos, como atendimento por email e orçamentos.
UX
Com o avanço da internet - principalmente com relação ao
conteúdo e velocidade - e o aumento de pessoas a utilizando na
hora de decidir qual serviço contratar, as empresas começaram a
(User Experience) perceber que apenas ter um site na internet já não era mais o
suficiente.
20
Para sobreviver na era digital, era preciso oferecer uma experiência Com todos os avanços que temos presenciado nos últimos anos nas
única para cada visitante, conquistar novos clientes e aumentar ainda áreas de tecnologia e comunicações, a tendência é que este número
mais a fidelidade dos já existentes. aumente cada vez mais.
A partir de agora vamos apresentar todas as medidas necessárias Exemplo de Identidade Visual
para garantir a melhor experiência possível aos seus usuários,
juntamente com guias práticos de como implementá-las da forma
mais fácil e eficiente possível.
Identidade visual
Toda empresa séria, que pretenda passar credibilidade aos seus
clientes, precisa de uma identidade visual.
internos de criação.
22
Por ser uma parte extremamente importante para o posicionamento Lembra que falamos que ter objetivos bem definidos seria
da sua empresa no mercado, recomendamos fortemente que você fundamental durante todo o desenvolvimento do seu site?
contrate um serviço especializado, caso não tenha experiência.
Se o seu objetivo é vender um determinado produto, por exemplo,
Mas se ainda assim você quiser criar sua identidade visual, ou apenas você vai precisar de uma página para apresentá-los ao público, e
ler mais sobre o assunto, separamos para você no final deste eBook provavelmente vai querer outra página para suporte ao cliente.
uma pequena lista de links que podem te ajudar durante o processo.
Todas essas páginas precisam ser organizadas no mapa do site. Que
Criação do Protótipo
Agora que temos uma identidade visual e sabemos quais serão as
páginas do site, podemos fazer um esboço de qual será a aparência
quando estiver finalizado.
Temas
Se você está usando o Wordpress como CMS (Content Manager
Service), uma etapa importante no desenvolvimento de um site é a
escolha de seu tema.
A escolha do seu tema vai variar de acordo com o tipo de site que
você está desenvolvendo. É um site corporativo ou pessoal?
E-commerce? De um produto específico? Notícias?
Se preferir, também pode utilizar os temas gratuitos, que possuem Para isso, acesse sua conta através do link
recursos limitados e são mais recomendados para pessoas ou seudomínio.com.br/wp-admin e clique em Aparência -> Temas.
empresas que ainda estão começando e não possuem muita
experiência no meio digital. Se você quiser escolher um tema gratuito, pode selecionar o tema
através desta página mesmo. Todos os temas mostrados nela estão
A forma mais segura de encontrar os temas gratuitos é através do no banco de dados do Wordpress e podem ser instalados com um
próprio banco de temas do Wordpress.org. único clique no botão Ativar.
5
Por muito tempo o conteúdo foi um aspecto bastante ignorado por
desenvolvedores de sites e empresas que buscavam aumentar sua
presença online.
Geração de
pessoas praticamente em todo o mundo, as empresas começaram
a perceber que, para ser notada em meio aos concorrentes, apenas
produzir um site bonito não seria o suficiente.
Conteúdo
29
Para atrair a atenção dos consumidores seria necessário oferecer Ela é, sem dúvidas, a estratégia de Marketing Digital que mais tem
conteúdo útil, gratuito e de alta qualidade. mostrado resultados ao longo dos últimos anos, tanto no Brasil
quanto no mundo.
Se o seu público for jovens que gostam de Beatles, por exemplo, uma
linguagem mais informal e com termos mais conhecidos entre
pessoas que gostam de rock seria muito mais interessante do que
uma linguagem formal, voltada à executivos da indústria têxtil.
No desenvolvimento do seu site, você pode usar a linha comunicativa Segundo os maiores blogs sobre Marketing Digital do mundo, como
para estabelecer qual a imagem que seus consumidores terão sobre Hubspot e Buffer, a tendência é que a utilização de vídeos e imagens
sua empresa. cresça cada vez mais em 2016. E pesquisas recentes mostram que
posts com imagens no Facebook correspondem a 89% de todo o
Se você quiser passar uma impressão descontraída sem perder o conteúdo compartilhado na rede social.
profissionalismo - como fazemos aqui na Profissas - o uso de uma
linguagem mais informal, com expressões populares e emoticons é
certamente mais recomendável do que uma linguagem formal e
corporativa.
Formatos de Conteúdo
Da mesma forma que ter uma linha comunicativa bem definida é
importante para se conectar com o seu público, saber quais formatos
de conteúdo serão utilizados também é.
Fonte: Hubspot
32
Imagem
A imagem é o primeiro elemento que os visitantes do seu site vão
perceber e, por isso, precisam ser escolhidas com muito cuidado.
ERRADO
Além de tornar seu site mais agradável e “leve”, o uso correto das
imagens vai dizer ao seu cliente qual tipo de empresa você é, quais
são seus valores e objetivos.
Mas para empresas que precisam passar confiança e seriedade, elas É importante levar em consideração o formato e tamanho das
poderiam ser mais interessantes do que imagens de pessoas em imagens, pois se não forem utilizadas de forma apropriada, podem
parques ou escritórios com pessoas trabalhando de chinelo ou roupas causar lentidão e problemas de design em todo o site. Mais detalhes
mais descontraídas. de como aumentar o desempenho do seu site com a compactação de
imagens serão abordados no capítulo 6.
Escritório do Google
35
Vídeo
Como já dissemos anteriormente, tudo aponta que a utilização de
vídeos para representação de marcas e produtos cresça
consideravelmente à partir de 2016.
Textos
Para melhorar ainda mais o nosso site para você, vamos fazer
Os textos devem ser utilizados em todos os casos em que as imagens
uma manutenção nele entre os dias 7 e 9 de fevereiro e,
e vídeos não sejam o suficiente para transmitir a mensagem desejada.
durante esse período os serviços da nossa página estarão fora
do ar... Mas não se preocupe, a espera vai valer a pena, ok? :D
Pense que quando alguém lê alguma informação no seu site, é como
se sua própria empresa estivesse se comunicando com ela. Portanto,
a ortografia dos textos deve ser impecável, a mensagem deve ser
clara e com um vocabulário apropriadas de acordo com o seu público. Mesma mensagem passada de formas diferentes
37
Otimização das palavras-chave As palavras-chave que devem ser utilizadas no seu site vão depender,
obviamente, do nicho de mercado que você atua. Por exemplo, se o
Como explicamos anteriormente, é essencial que o seu site esteja seu site vende passagens aéreas, uma palavra-chave interessante
devidamente otimizado para os sistemas de buscas para que ele seria “passagens aéreas baratas” ou “promoção de passagem aérea”.
possa ser encontrado por seu público alvo.
41
Você pode fazer essa pesquisa através do Google Trends. Para isso,
siga os seguintes passos:
Todas essas informações são valiosas para uma pesquisa de mercado Se desejar, você pode ficar cada vez mais específico em sua busca.
mais detalhada, mas neste momento a parte em que você deve Sempre leve em consideração, quanto mais específicas forem as
prestar atenção é a que mostra as pesquisas relacionadas. palavras-chave, menor será a concorrência e consequentemente mais
fácil será melhorar seu posicionamento na página de resultados.
Além de te mostrar quais são as palavras-chave mais utilizadas e o
número de pesquisas, existe a opção de ver quais dessas palavras vem No Brasil, o Google Trends não é muito eficiente no que diz respeito a
tendo um aumento de uso. palavras-chave de causa longa. Portanto, caso não apareça nenhum
resultado para a palavra-chave que você deseja pesquisar, considere
diminuir o número de palavras o máximo possível.
Para tornar cada vez mais eficiente seu sistema de busca e entregar
com precisão o que as pessoas procuram, o Google faz atualizações
constantes em seus algoritmos. Para saber mais quais foram essas
mudanças aos longos dos anos e entender melhor como o Google
funciona, recomendados este excelente infográfico da Hubspot.
Por isso, fique à vontade para nos enviar qualquer dúvida que
aparecer. Responderemos com muito prazer! Clique aqui para entrar
em contato agora mesmo. :)
45
Finalizando
46
Instalar um plugin no seu site através do Wordpress é muito simples. O iThemes Security protege seu site no Wordpress através da
Vá até seu gerenciador e selecione Plugins e Adicionar Novo ocultação de áreas vitais do seu site, proteção de arquivos, detecção
de tentativas de login suspeito, e muito mais.
PERFORMANCE
iThemes Security (por iThemes) Com o TinyPNG você comprimir todas as imagens no formato JPEG e
PNG que são utilizadas em seu site. Isso aumenta consideravelmente
Com apenas um clique, você ativa várias funções que visam proteger a velocidade de carregamento das imagens, melhorando ainda mais a
seu site contra ataques de hackers e possíveis invasores. Experiência do Usuário de seu site.
.
47
Yoast SEO (por Joost de Valk) Google Analytics Dashboard for WP (por Alin Marcu)
O Yoast te ajuda a escrever um conteúdo mais otimizado atraves de Este plugin permite que você visualize, em tempo real, todos os dados
lembretes e dicas de como focar nas palavras-chave relevantes e do Google Analytics na própria plataforma do Wordpress.
ainda utiliza-las na intensidade correta.
MÍDIAS SOCIAIS
Sem dúvida e um Plugin indispensável para qualquer site no
Wordpress. Share Buttons by Addthis (por Srijith V e Julka Grodel)
XML Sitemaps (por Denis de Bernardy e Mike Koepke) Facilite o compartilhamento de seu seu site em mais de 200 redes
sociais através deste plugin que disponibiliza botões de
Lembra que falamos da importância de se ter um mapa do site para compartilhamento bonitos e customizáveis.
facilitar que seu site seja encontrado pelos mecanismos de busca do
Google? FORMULÁRIOS DE CONTATO
O XML Sitemaps cria, instala e atualiza constantemente o mapa do Caldera Forms (por David Cramer e Josh Pollock)
7
Agora que seu site está pronto, basta publicá-lo e relaxar até que
os resultados apareçam, certo?
Análise de
Lembra dos plugins para análise de dados que instalamos no tópico
anterior? Eles servirão para coletar informações valiosas sobre os
Dados
visitantes do seu site. O que eles fazem, quanto tempo ficam no
site, de onde eles vêm e muito mais
50
Dados que podem ser coletados com o Google Analytics Se você não tivesse o controle sobre estes dados, muito
provavelmente concluiria que o banner simplesmente não desperta o
Visitas e visitantes Visualização da página interesse dos seus visitantes, enquanto o que realmente está
acontecendo é uma falha depois que eles clicam no banner.
Tempo de Taxa de Rejeição e
Permanência Saída Ou seja, você não precisa mudar o banner, e sim algo no processo de
Páginas mais confirmação do pagamento (levar para uma página explicando passo
visitadas Porcentagem de
novas visitas a passo como fazê-lo, por exemplo).
Origens de tráfego
Outros... A análise de dados cria um ciclo saudável que busca sempre o
aperfeiçoamento do seu negócio no meio digital.
Através da análise dos dados você pode fazer as mudanças com
precisão e garantir uma maior eficiência do seu site, independente de
qual é seu objetivo.
Vamos supor que você está tentando vender um livro e, para isso,
colocou um banner promocional logo no início da sua página. As
pessoas clicavam no seu banner, mas por alguma razão não
confirmavam o pagamento.
51
Se mesmo assim tiver alguma dúvida, não esqueça que pode contar
REPROJETAR O com a gente. Iremos respondê-las com o maior prazer!
TESTAR EM PRODUTO:
PRODUZÍ-LO
SERVIÇO CONTINUAR A
Google Analytics
GIRAR O CICLO
Central de Ajuda do Google Analytics: deixar seu site visível na internet, tornando-o fácil de ser encontrado
https://support.google.com/analytics/?hl=pt-BR#topic=3544906 e analisado pelos sistemas do Google.
Google Tag Manager Por ele você pode realizar uma série de funções, como fazer o upload
do mapa do site, ver os pontos fracos do seu site segundo o Google e
verificar quais páginas estão sendo mais procuradas pelos seus
O Google Tag Manager permite que você inclua tags (pequenos
clientes.
“pedaços” de códigos) sem precisar ser especialista em programação.
Google PageSpeed
Essas tags são necessárias para que o Google possa ter acesso ao seu
site e então te mostrar os resultados que você quer ver.
Central de Ajuda: Já percebeu como é chato quando você quer buscar uma informação
https://support.google.com/tagmanager/?hl=pt-BR#topic=3441530 rápida em um site, mas ele demora séculos para abrir?
Google Search Console Tem muita gente aí perdendo vários clientes porque nunca se
preocupou com a performance do seu site no que diz respeito a
velocidade. O Google PageSpeed te ajuda a verificar quanto tempo o
O Google Search Console é a plataforma que te ajudará a
seu site está demorando para carregar completamente, e ainda te dá
sugestões de como melhorá-la.
Google PageSpeed
53
54
O que fazer com os resultados em aumentar o engajamento dos seus clientes nas redes sociais de sua
empresa, essa informação seria valiosa.
mão?
Se você trabalha para algum cliente, ou quer manter um controle mais
formal sobre seu site (o que é super recomendado por nós da
Todas estas ferramentas e o tempo gasto aprendendo a utiliza-las não
Profissas), você pode criar um relatório de apresentação, no qual
terão o menor sentido se você não souber o que fazer com os
você disponibiliza ao seu cliente ou sua equipe os dados que
resultados que elas te fornecem.
comprovam os resultados positivos ou negativos dos seus serviços.
Vamos supor que você tem uma loja online que vende alimentos
orgânicos e o principal objetivo é ficar bem posicionado no Google.
Como dizem por aí, tudo o que pode ser mensurado também pode ser
controlado. Lembre-se, apenas ter um site há muito tempo deixou de
ser o suficiente para representar sua marca na internet.
56
8
Durante as reuniões e encontros com nossos clientes, somos
frequentemente perguntados sobre o futuro das empresas no
meio digital, quais serão as mudanças nos próximos anos e como se
manter firme em um mercado cada vez competitivo.
Qual é o seu
Mas o que nos espanta, na grande maioria das vezes, é que muitas
destas pessoas ainda enxergam a internet (ou mundo digital) como
um departamento isolado do “mundo real”.
mercado?
57
58
Para pensar em todas as mudanças políticas que vêm acontecendo Empresas que escolhem resistir às mudanças no comportamento dos
desde que as pessoas começaram ter mais acesso a internet. As consumidores e que não utilizam cada vez mais as mídias sociais e os
tecnologias, as mídias sociais e todos os serviços que feito parte sistemas de buscas para interagir geralmente falham miseravelmente
quase que integralmente da vida das pessoas que as utilizam. nos dias de hoje.
Nas mudanças psicológicas e sociais. Nos meios de comunicação, Será que vale a pena resistir? Ou a alternativa mais sábia seria buscar
distribuição de entretenimento mudanças no sistema de direitos se adaptar?
autorais.
Qual o seu lugar no mercado?
Nas empresas que surgem, e também nas empresas que desaparecem
por não conseguirem se adaptar.
Sobre nós
60
E aí, curtiu o eBook? Quer saber mais sobre a empresa? Tirar alguma dúvida sobre o
conteúdo do eBook? Tomar um café? Discutir qual o melhor filme do
Se você não nos conhece ainda, somos uma empresa especializada em Star Wars?
Marketing Digital com sede em Curitiba, estado do Paraná.
Você pode entrar em contato com a gente através do nosso site, ou
Desenvolvemos e planejamos estratégias que visam tornar os simplesmente enviar um e-mail para contato@profissas.com.br.
objetivos de nossos clientes em realidade, com profissionalismo e
comprometimento. Adoramos conhecer gente nova, e será um prazer trocar uma ideia
com você!
Afinal, nosso sucesso depende dos resultados de nossos clientes.
SIGA A GENTE!