MÓDULO 5

SITES INTELIGENTES
Entenda a diferença de websites e descubra qual o ideal pra você usar no seu projeto:
Institucional x E-commerce x Landing Page x Squeeze x Blog.

TIPOS DE WEBSITE

Atualmente, ter um site deixou de ser um privilégio de poucos e tornou-se essencial para qualquer empresa
e profissional liberal destacar seus serviços e diferenciais. Mas, antes de sair por aí desenvolvendo um
website é necessário conhecer os tipos e as funcionalidades possíveis de cada um.

METAS

Meta 1: incentivar os clientes a comprar no local da sua empresa

Meta 2: incentivar os clientes a entrar em contato com você
Meta 3: incentivar os clientes a realizar conversões no seu site
Meta 4: incentivar as pessoas a fazer o download do seu aplicativo

INSTITUCIONAL

Um site institucional tem como principal objetivo fazer a divulgação da empresa, sendo o cartão de visitas no
mundo virtual e a porta de entrada para bons negócios.

Identifica e apresenta os valores da empresa, a área de serviços e possibilita que haja contato entre o
consumidor e a empresa.

Exemplos:

Blueberry Marketing
http://bbmarketing.com.br

Aprenda Piano
http://aprendapiano.com

Conversão Extrema
http://conversaoextrema.com

| Todos direitos reservados. 51

LANDING PAGE

Informar sobre um produto ou serviço específico e gerar uma ação que leva o usuário para uma página de
compra ou cadastro.

Ótimo para levar o usuário para uma ação específica de compra ou cadastro.

Exemplos:

Blueberry Brasil
http://bbmarketing.com.br/criar-sites-inteligentes/

Aprenda Piano
https://aprendapiano.com/piano-kids-v2

E-COMMERCE

O objetivo de um e-commerce é vender.

Realiza a venda por você, facilitando o processo de atendimento.

Netshoes
https://www.netshoes.com.br/

Americanas
https://www.americanas.com.br/

SQUEEZE PAGE

O objetivo da squeeze page é gerar lista de e-mail.

Foca em gerar leads, capturar e-mails. Não há nenhuma informação sobre o produto, serviço etc.

PS: Geralmente, Squeeze Pages não são permitidas pelo Google

Product Launch Formula

https://productlaunchformula.com/

| Todos direitos reservados. 52

BLOG

O objetivo do blog é informar e compartilhar conteúdo.

É ótimo para quem quer mostrar ao mundo o que sabe fazer, divulgar ferramentas e informações sobre
produtos ou serviços. Geralmente tem mais visitas orgânicas já que o Google prioriza conteúdo. Alguns
utilizam o blog para gerar renda a partir de anúncios e também para capturar leads em troca de conteúdo.

Mestre do Adwords
http://mestredoadwords.com.br/

Aprenda Piano
https://aprendapiano.com/artigos/

1 3 E L E M E N T O S PA R A S E T E R U M S I T E I N T E L I G E N T E

Descubra como criar um site que realmente gera resultado pro seu negócio, vamos abordar 13
elementos indispensáveis para tornar o seu site em um "site inteligente".

1. TENHA EM MENTE O OBJETIVO DO SEU SITE

É importante ressaltar que este tipo de postagem é visado para sites que procuram principalmente contato
com os clientes, para que haja venda de produtos ou serviços posteriormente.

Sendo que, para alguns tipos de websites estas dicas não se aplicam.

2. DESIGN SIMPLES, LIMPO E FUNCIONAL

Seu objetivo é fazer com que os usuários sigam qualquer tipo de ação que você esteja procurando (como
conhecer a empresa, os produtos ou assinar sua lista de e-mails).

Excesso de ícones de mídia social, imagens e informações desnecessárias podem fazer com que seu site
pareça desorganizado e sem foco.

Se você usar um layout limpo, seus usuários agradecerão a melhor experiência. Um bom designer vai
conseguir deixar o site mais bonito possível desde que não interfira na funcionalidade do mesmo.

| Todos direitos reservados. 53

3. COMECE POR ESTAS PÁGINAS

Se você não tiver certeza de quais informações incluir em seu site, o melhor método é começar com as
cinco páginas principais. Essas páginas definem as expectativas certas para os visitantes e abrangem as
suas necessidades básicas de negócios:

1 Página Inicial 4 Depoimentos

2 Quem Somos 5 Contato
3 Produtos/Serviços 6 Blog

4. USE CHAMADAS PARA À AÇÃO

As chamadas à ação mais eficazes têm um objetivo claro e específico.

Utilize chamadas claras para os clientes criarem conexões com você, como e-mail, telefone, whats app etc.

5. INCLUA FORMULÁRIOS DE INSCRIÇÃO

O email é uma ferramenta inestimável para criar clientes fiéis e aumentar as vendas. Um formulário de
inscrição de email ajuda a atrair novamente seus clientes existentes e a promover seus negócios para
possíveis clientes. Atraia os visitantes para se inscrever oferecendo algo de valor em troca de seus
endereços de email, como ofertas VIP exclusivas, conteúdos novos ou consultorias.

6. INFORMAÇÕES PRINCIPAIS NO TOPO

No design da Web, a ”dobra” refere-se à parte da janela que o cliente consegue visualizar sem rolar o
mouse. Se o conteúdo acima da dobra não estiver atrativo, será pouco provável que os visitantes se
interessem em ver algo mais, portanto certifique-se de que seu conteúdo mais cativante ou valioso não
esteja ocultado na parte inferior da página. Lembre-se de ter um CTA antes da dobra.

7. INVISTA EM IMAGENS

Mesmo na web, uma imagem vale mais que mil palavras. É fundamental que seus visitantes se sintam
confiantes no que estão comprando. Se as fotos de seus produtos forem muito pequenas ou se não houver
detalhes suficientes do produto, eles poderão procurar imagens melhores e acabar comprando de um
concorrente.

| Todos direitos reservados. 54

8. FACILITE O CONTATO COM VOCÊ

Exiba o número de telefone de sua empresa evidentemente em sua página inicial, de preferência na parte
superior, ou tenha uma página contato dedicada na navegação principal do seu site. Os clientes querem
saber que você é confiável e que há uma pessoa real por trás do site.

Não esqueça também de deixar em evidência seu e-mail para contato e links para suas mídias sociais. Nem
todo mundo gosta de resolver as coisas por telefone.

9. ADICIONE DEPOIMENTOS DE CLIENTES

92% dos consumidores confiam no que ouviram de outras pessoas, portanto compartilhe o que seus
clientes satisfeitos têm a dizer sobre sua empresa. Ao adicionar esses depoimentos, você aumentará a
confiança deles para fazer negócios com você. Você pode começar pedindo que seus principais clientes
escrevam algumas frases curtas sobre seus produtos ou serviços.

10. SEJA PESSOAL

Adicionar uma página Quem somos em seu website é mais importante do que a maioria das pessoas
imaginam. Quando um novo visitante entra em seu site, é sua chance de criar uma relação com ele e de se
conectar em um nível mais pessoal. As pessoas querem fazer negócio com pessoas que elas conhecem e
confiam, portanto compartilhe quem você é e a sua paixão pelo negócio.

Não torne essa página um argumento de venda. Seja apaixonado e seja pessoal. Explique quem você é, de
onde vem e por que começou o negócio. Aqui, você pode introduzir membros de sua equipe e
compartilhar fotos divertidas de sua equipe.

11. TENHA UM BLOG E CUIDE DO SEO

Seu site não será muito bom se as pessoas não puderem encontrá-lo. A otimização dos mecanismos de
pesquisa (SEO) verifica se mecanismos de pesquisa como o Google encontram seu site e atribuem
classificação alta nos resultados da pesquisa.

Atualmente, o Google vem valorizando conteúdo original, desta forma, uma das melhores saídas para
conseguir uma posição boa no Google é investir em um Blog interno no seu site.

Outra questão é manter as URL’s do seu site de forma amigável.

| Todos direitos reservados. 55

12. DEIXE SEU SITE RESPONSIVO

Além de ser um argumento importante já que hoje em dia as pessoas navegam na internet pelo uso de
celulares e tablets, o fato de ter um site que se encaixa nessas plataformas é também uma das priorizações
do Google durante o posicionamento do site no seu mecanismo de busca.

Portanto, se seu site ainda não é responsivo, procure resolver isso.

13. VELOCIDADE DE CARREGAMENTO

Sites rápidos e com ótima resposta, velocidade e praticidade tanto em dispositivos mobile quanto em
computadores é uma das chaves para um site inteligente. Sites rápidos vendem mais!

https://testmysite.thinkwithgoogle.com/

P L U G I N S E T E M A S PA R A W O R D P R E S S

Os plugins do Wordpress são, basicamente, ferramentas que complementam as funcionalidades do CMS,

estendendo a capacidade do sistema. Descubra aqui alguns plugins que recomendados para você aplicar
no seu website.

PS: Peça para o seu webmaster fazer isso por você caso você não tenha conhecimento técnico.

O QUE SÃO TEMAS?

Temas WordPress são os layouts (templates) utilizados no site, portanto permitem mudar a aparência e a
funcionalidade de um site ou instalação do WordPress, sem alterar o conteúdo da informação ou estrutura
do site.

O QUE SÃO PLUGINS?

Os plugins do WP são, basicamente, ferramentas que complementam as funcionalidades do CMS,

estendendo a capacidade do sistema. Com eles, você pode customizar funcionalidades, como por exemplo,
um slide show de destaques, um formulário personalizado, um botão para imprimir e gerar PDFs entre
outros.

| Todos direitos reservados. 56

1 ELEMENTOR

É o melhor e principal plugin de Wordpress, com ele você consegue fazer quase tudo o que você precisa, é
com ele que você pode criar landing pages, criar seu tema e ele já vem com praticamente tudo o que você
precisa, o objetivo dele é que você não utilize muitos plugins, pois quanto mais plugins, mais lento seu site
e mais vulnerável, então ele veio para sanar este problema.

2 YOAST

Este plugin ajuda no seu trabalho com SEO, é muito bom para ajudar a rankear no Google.

3 WP SUPER CACHE & W3 TOTAL CACHE

Você pode optar por utilizar uma das opções disponíveis, este plugin gera arquivos HTML estáticos do seu
site dinâmico em WordPress. Depois que um arquivo html for gerado, seu servidor Web exibirá esse arquivo
em vez de processar os scripts PHP do WordPress, o que irá fazer com que seu site abra muito mais rápido.

4 WP SMUSH & EWWW IMAGE OPTIMIZER

Redimensione, otimize e comprima todas as suas imagens com estas duas opções de plugins que
separamos para vocês.

5 VAULTPRESS

Este plugin faz backups automáticos para você, é muito importante manter backups de seu site.

6 ALL-IN-ONE WP MIGRATION

Este plugin faz backups de forma manual, é muito simples, com um click você consegue baixar todo seu
site. É muito utilizado para quando você tem que migrar de servidor/hospedagem.

7 CALDERA FORMS

Ele é um criador de formulário, com ele você consegue criar formulários complexos com alguns cliques.

| Todos direitos reservados. 57

8 TRACKING CODE MANAGER

Este plugin insere códigos em qualquer página que você escolher, ótimo para inserir seus códigos de
facebook, Adwords em seu site.

15 PASSOS PARA CRIAR LANDING PAGES DE ALTA CONVERSÃO

Aprenda a criar Landing Pages de alta conversão, lembre-se que é nessas páginas que você deve enviar
seu tráfego do Google Adwords.

LISTA COM OS 15 PASSOS

1 Foca na única ação; 9 Escassez e Urgência;

2 Headline Forte; 10 Descrição do Produto Fácil Leitura;
3 Ação antes da dobra; 11 FAQ;
4 Autoridade; 12 Mostre Resultados (Prova);
5 Textos persuasivos; 13 Contato Rápido;
6 Imagens; 14 Garantia;
7 Depoimentos; 15 Comparação com concorrência.
8 CTAs (ao longo da página);

PÁGINA LONGA X CURTA

Página Longa: CPA dos leads pode ser mais caro, porém o usuário vem mais preparado para a compra;

Página curta: CPA dos leads pode ser mais barato, porém o usuário vem menos preparado para a
compra;

Página com vídeo: É ótimo para venda direto, precisa convencer mais o cliente sobre o produto e
serviço;

Página sem vídeo: O usuário se torna um lead mais rápido, geralmente conhece mais sobre o produto e
serviço.

| Todos direitos reservados. 58

ECOMMERCE DE ALTA CONVERSÃO

Confira os passos para criar um ecommerce de alta conversão, se seu modelo de negócio não é
ecommerce, você pode pular para o próximo tema.

8 FATORES QUE INFLUENCIAM O CONSUMIDOR NA COMPRA ONLINE

Frete Grátis: "74% dos consumidores afirmam que o “frete grátis” é fator de influência na hora de decidir, ou não,
comprar online.”
Troca sem complicação: De acordo com dados publicados pela consultoria e-Bit, 47% dos consumidores passaram a
comprar menos pela internet por causa da complicação nas trocas.
Avaliações do produto: Dados da pesquisa do IBOPE e-commerce mostram que mais de 47% das pessoas procuram
informações sobre o produto antes de realizar uma compra.
Campo de busca eficiente: Dados da SLISystem, empresa especializada em comércio eletrônico, mostram que mais de
34% das pessoas que acessam lojas virtuais utilizam o campo de busca para facilitar a localização dos produtos
desejados.
Navegação intuitiva: De olho no mobile.
Estoque sortido: Contar com uma boa variedade de produtos, ainda que com menor quantidade de peças em estoque,
também é aconselhável.
Novidades: Além de estar por dentro das tendências do mercado, sua loja tem que estar renovando o mix de produtos
constantemente.
Formas de pagamento: Pesquisa realizada pela e-bit mostra que 64% dos e-consumidores preferem compras
parceladas.

16 PASSOS PARA CRIAR UM ECOMMERCE DE ALTA CONVERSÃO

Confira o passo-a-passo para a criação do seu ecommerce:

1 Título do produto (bem informativo)

2 Muitas fotos do produto
3 Botão com cor em destaque e antes da dobra
4 Ofereça outros produtos complementares
5 Descrição do produto bem detalhada
6 Comparação de produtos similares (todos você precisa estar vendendo)
7 Garantias de devolução
8 PDF com especificações técnicas
9 Vídeos do produto
10 Perguntas frequentes
11 Avaliações dos clientes
12 Fotos do produto pelos clientes
13 Fotos dos clientes que receberam o produto (depoimentos)
14 Crie Kits para aumentar o ticket médio
15 Chat online
16 No Checkout ofereça a opção de adicionar produtos complementares

| Todos direitos reservados. 59

TESTE A/B COM O GOOGLE OPTIMIZE

É muito importante que você também otimize o seu site para garantir que tenha o melhor resultado em
conversões. Através dos Testes A/B no Google Optimize podemos descobrir informações relevantes para a
nossa otimização.

PASSO 1: CRIAR CONTA

Entre no site do Google Optimize, https://optimize.google.com e crie uma conta.

Coloque o nome do seu projeto, o domínio do seu site e aceite os termos.

PASSO 2: CRIAR EXPERIMENTO

Clique no botão Criar Experimento, atribua um nome ao seu experimento e a URL que você quer testar.
Você terá ter opções de experimentos para realizar:

Teste A/B
Também chamado de teste A/B/n, ele testa duas ou mais variantes de uma página.

Teste multivariáveis BETA

Testa as variantes com duas ou mais seções diferentes.

Teste de redirecionamento
Testa duas páginas da Web diferentes, identificadas por URLs ou caminhos diferentes.

Recomendamos você utilizar a primeira ou a terceira para realizar seus testes.

Se você optar pela primeira opção, você deve criar as variações que você desejar. Se você escolheu a
opção Teste de redirecionamento, você deve colocar duas URL's para competir entre si e você realizar o
teste.

PASSO 3: VINCULAR AO GOOGLE ANALYTICS

Para coletar os dados do experimento, sua conta do Google Optimize precisa estar vinculada a uma
propriedade do Google Analytics.

| Todos direitos reservados. 60

PASSO 3.1: ADICIONAR O CÓDIGO AO SEU SITE

Será necessário adicionar um breve snippet de código ao seu site antes de executar os experimentos do
Optimize. Você pode encontrar o snippet no painel de detalhes do contêiner.

Siga as etapas abaixo em todas as páginas em que você quer usar o Optimize:

1 Mova o código de acompanhamento do Google Analytics para o mais alto possível no <HEAD> da
página.

2 Copie o plug-in do Optimize que vai ser gerado quando você criar o experimento.

PASSO 4: INICIAR O EXPERIMENTO

Antes de iniciar o experimento, você deve criar seus objetivos (metas).

Selecione a opção Criar Objetivo Personalizado. Depois clique em Exibições de página, e por fim
coloque sua página de obrigado ou compra realizada.

Importante, preste atenção se sua regra é validada, ela não pode ficar assim:

A regra deve ficar assim:

"Não teste tudo de uma vez. Nunca pare de testar"

| Todos direitos reservados. 61

I N S TA L A Ç Ã O D E TA G S

Aprenda como instalar as Tags de Conversão, Remarketing e Analytics no seu website. Caso você não
consiga sozinho, peça ajuda ao seu webmaster.

GOOGLE ADWORDS - CONVERSÃO E REMARKETING

Entre no site do Google Optimize, https://optimize.google.com e crie uma conta.

Coloque o nome do seu projeto, o domínio do seu site e aceite os termos.

1 Acesse sua conta de Adwords

Vá em www.google.com/adwords

2 Vá em Configurações
Clique no ícone da chave de fenda ( ) no canto superior direito.

3 Clique em Conversões

4 Clique no botão +Conversão

5 Clique em Selecionar Website

6 Dê um nome, Selecione a Categoria

7 Selecione “Não usar Valor” e “Criar e Continuar”

8 Selecione a opção: Instalar a tag por conta própria

| Todos direitos reservados. 62

9 Selecione a Opção “Não instalei a tag Global no meu site”
Antes de chegarmos na tag de conversão, essa é a sua tag Global (Ou Código de Remarketing). Agora
você ou a pessoa responsável pelo seu website precisa inseri-la em todas páginas do site. Veja como:

Cole a Tag que você copiou no passo anterior entre as tags <head></head> de todas as páginas do seu
website. Você só precisa instalar a tag global do site uma vez em cada conta.

Após isso, vamos configurar a sua Tag de Conversão

10 Selecione a opção “Carregamento da página” e Copie o Snippet. (Esse é o seu Código de

Conversão)
Essa é a sua Tag de acompanhamento de Conversão. Agora você ou a pessoa responsável pelo seu
website precisam inseri-la em todas páginas do site. Veja como:

Copie o snippet e cole-o entre as tags <head></head> das páginas que você quer acompanhar, logo
após a tag global do site.

11 Para finalizar, clique em “Próxima” e Clique em “Concluído”

Verifique se sua tag Global está funcionando

É possível descobrir se sua tag está funcionando corretamente na caixa "Tag de remarketing", na
"Biblioteca compartilhada" do Google AdWords.

Lembre-se de que há um atraso de 24 a 48 horas nas informações exibidas na seção validação de tags.
Para ver quando sua tag foi verificada pela última vez, siga estas etapas:

Após isso, vamos configurar a sua Tag de Conversão

1. Clique no botão de configurações no canto superior direito.

2. Na segunda Coluna, Biblioteca Compartilhada, clique em Gerenciador de Públicos Alvo.

3. Acompanhe se o Público está crescendo.

FACEBOOK - CONVERSÃO

1 Acesse sua conta de anúncios Facebook

2 Abra sua Conta

| Todos direitos reservados. 63

3 Clique em Gerenciador de Anúncios

4 Clique em Criar pixel

5 Dê um nome ao seu Pixel

6 Configure o Pixel

7 Copie o código

8 Selecione o evento

9 Instale o código na página após o usuário fazer a ação desejada

Copie e cole o snippet de código JavaScript entre <head> e </head> na página em que deseja rastrear
conversões.

Por exemplo, se deseja rastrear as conclusões de compra, coloque a marcação de rastreamento de

conversão na página de confirmação de conclusão de compra exibida após a finalização da compra.

FACEBOOK - REMARKETING

1 Acesse sua conta de anúncios Facebook

2 Abra sua Conta

3 Clique em Públicos

4 Vá em criar público e clique em público personalizado

5 Clique em Tráfego do Site

6 Escolha o Público e dê um nome

7 Adicione o Pixel de Remarketing

Para identificar as pessoas que visitam seu site, será necessário inserir um código especial em seu site.

Para fazer isso, copie o código do pixel e cole-o entre <head> e </head> de todas as páginas de seu site
ou em um lugar onde pega todo o site. Ou, envie o código para o desenvolvedor de seu site.
Após a adição do código, clique em Criar público.

| Todos direitos reservados. 64

 Se você não sabe como copiar o código siga o passo a
passo de 3 a 7 mostrados anteriormente no Pixel de
conversão do Facebook. Talvez seja necessário trabalhar
junto com o desenvolvedor de seu site para adicionar o
código a sua página da Web.

Copie 100% do código de pixel para que ele funcione

perfeitamente. Depois de criar o pixel, você poderá ver
o status. Seu pixel precisa ser instalado
adequadamente e estar visível em seu site. Só a partir
daí, você poderá começar a usá-lo.

8 Como verificar se sua tag está funcionando

Confira se está recebendo o valor de tamanho, se estiver sua tag já está funcionando.

GOOGLE ANALYTICS

1 Acesse sua conta de Analytics

Acessar o link: http://www.google.com/analytics/
Caso já tenha uma conta no Gmail faça o login. Caso não tenha clique em criar uma conta.

2 Criar nova Conta

Após entrar com seu login.
Clique na aba de administrador e depois clique nas contas e em Criar nova conta.

3 Preencha as informações obrigatórias

Nessa parte somente é preciso colocar as informações pedidas e clique em Ver ID de
acompanhamento.

4 Aceite os Termos de Serviço

Você terá que aceitar os termos de serviço, clique em Aceito.

5 Instale o Código
Quando concluir a última etapa ele irá para essa página onde estará o código de acompanhamento do
Google Analytics. Você deverá colocar esse código em todas as páginas do seu site, por isso deve ser
colocado dentro da tag <head> do seu site.

| Todos direitos reservados. 65

DICAS EXTRAS

Você pode instalar as extensões do Google Chrome.

OTIMIZAÇÃO EXTREMA DE SITES INTELIGENTES

Devemos focar em sempre melhorar nosso site, os 2 pilares principais que verifico em nossos negócios
são: Melhorias em Taxa de Conversão através do Teste A/B e na Velocidade do Carregamento.

GOOGLE PAGE SPEED

Esta é uma ferramenta gratuita do Google para verificar como está a velocidade do seu site. Acesse
https://developers.google.com/speed/ para fazer um teste do seu website.

OTIMIZAR IMAGENS

Você pode utilizar o photoshop e salvar para web para obter uma imagem otimizada ou você pode utilizar
esses sites que fazem a mesma coisa.

http://optimizilla.com/

https://tinypng.com/

HOSPEDAGEM

Digital Ocean é um dos melhores servidores e com um custo justo pelo serviço oferecido, tem que ter um
conhecimento grande para implementar, pois ele é todo manual e requer conhecimento de código.
Recomendamos que se você não tem conhecimento, contrate alguém para realizar esta parte que é muito
importante.

| Todos direitos reservados. 66

SERVIÇO DE CDN

O Cloudflare é um serviço gratuito que deixa seu site mais rápido e além disso protege contra possíveis
ataques.

PLUGIN DE CACHE

W3 Total Cache é um dos plugins mais completos para deixar o seu site mais rápido.

EXERCÍCIO

Vamos instalar o Cloudflare em um domínio.

1 Acesse www.cloudflare.com e depois de logar com sua conta adicione seu site.

2 Escolha o plano free e continue.

3 Clique Continue novamente.

3 Troque os DNS's
(Você vai trocar o DNS do seu domínio, caso você não tenha comprado ou não saiba o que seja, envia
essas informações para a pessoa responsável que comprou e gerencia o domínio do seu site).

| Todos direitos reservados. 67