"Melhorar o site" costuma ser dito como se fosse uma coisa só, e na prática são três frentes bem diferentes: o site precisa abrir rápido e funcionar no celular, precisa responder o que a pessoa veio buscar, e precisa dar algum motivo para ela continuar ali ou voltar. Este guia cobre as três, nessa ordem, porque conteúdo excelente numa página que demora cinco segundos para abrir não é lido. Quase nada aqui exige programar ou contratar alguém.
Resposta rápida
- Responda a dúvida do visitante logo nas primeiras linhas.
- Faça a página abrir em até 2,5 segundos no celular, que é o limite de "bom" na medição do Google.
- Tire peso, script abandonado e qualquer coisa que faça o texto pular.
- Dê algo para a pessoa fazer, e um motivo para ela voltar.
- Meça uma página antes e depois, em vez de mudar tudo de uma vez.
Diagnóstico rápido: o que o seu site está fazendo
Antes de mudar qualquer coisa, vale identificar o sintoma. Cada linha abaixo tem uma causa que se repete muito em site pequeno e médio.
| Sintoma | Causa provável | O que fazer |
|---|---|---|
| A pessoa entra e sai em segundos | A página não responde logo a pergunta que a trouxe. | Coloque a resposta nas primeiras linhas e o detalhe depois. |
| Ninguém volta ao site | Nada muda entre uma visita e outra. | Adicione um dado que se atualiza sozinho. |
| Muita visita, nenhum contato | O visitante sai antes de chegar ao ponto de decidir. | Resolva a conta dele na página, e deixe o contato ao lado do resultado. |
| O site parece parado no tempo | Números e datas escritos à mão que envelheceram. | Troque valor fixo por dado ao vivo incorporado. |
| Carrega devagar no celular | Imagem pesada e scripts de terceiro demais. | Comprima as imagens e tire o que não é usado. |
| O conteúdo é bom mas ninguém acha | Página sem link interno e sem título que case com a busca. | Linke de dentro do próprio site e escreva o título como a pessoa pesquisa. |
| O texto pula enquanto a página carrega | Imagem, anúncio ou fonte sem espaço reservado. | Declare largura e altura de tudo que entra depois do primeiro desenho. |
| O formulário é preenchido e abandonado | Campos demais, teclado errado no celular e erro só no envio. | Corte campo opcional, acerte o tipo de cada campo e valide na hora. |
| O visitante não confia no que leu | Não dá para saber quem escreveu, quando, nem como falar com o site. | Assine o conteúdo, date a última revisão e deixe um contato que responde. |
1. Responda antes de explicar
Quem chega pela busca tem uma pergunta específica e pouca paciência. O erro mais comum é abrir a página com introdução, contexto histórico e só então chegar ao ponto. A pessoa já saiu.
Inverta. Diga a resposta em duas ou três linhas no começo e deixe o aprofundamento embaixo, para quem quiser. Isso ajuda o leitor apressado e o leitor cuidadoso ao mesmo tempo, e tem um efeito colateral bom: buscadores e assistentes de resposta extraem melhor um trecho que já é auto-contido.
2. Acerte os três números que medem a experiência
Velocidade parou de ser uma sensação e virou medida. O Google acompanha três indicadores de páginas reais, coletados dos visitantes que usam Chrome, e classifica cada um em três faixas. Vale conhecer os limites porque eles dizem exatamente onde parar de otimizar.
| Indicador | O que mede | Bom até |
|---|---|---|
| LCP | Quanto tempo até o maior elemento da tela aparecer, normalmente a imagem do topo ou o título. | 2,5 s |
| INP | Quanto a página demora para responder a um toque ou clique, do começo ao fim da resposta visual. | 200 ms |
| CLS | O quanto o conteúdo pula de lugar enquanto carrega. É o que faz a pessoa clicar no link errado. | 0,1 |
Duas coisas importam sobre como isso é medido. A nota vale para o percentil 75 das visitas reais, ou seja, você precisa que três em cada quatro pessoas tenham uma boa experiência, e não que o teste rode bem na sua máquina. E a coleta é de campo, o que significa que uma correção publicada hoje demora semanas para aparecer no relatório.
Onde olhar sem instalar nada: o PageSpeed Insights aceita qualquer endereço e mostra tanto o teste de laboratório quanto o dado real, quando o seu site tem visitas suficientes. O Search Console tem um relatório de Core Web Vitals que agrupa páginas parecidas, o que é mais útil, porque diz que tipo de página está ruim em vez de uma URL isolada.
As causas mais comuns em site pequeno são banais. LCP alto quase sempre é imagem grande no topo. CLS quase sempre é imagem, anúncio ou bloco incorporado sem largura e altura declaradas, e a correção é reservar o espaço antes do conteúdo chegar. INP alto costuma ser excesso de script de terceiro competindo pelo mesmo instante.
3. Trate o celular como a tela principal
Na maior parte dos sites de conteúdo brasileiros o celular já é a maioria do tráfego, e o Google indexa a versão móvel. Ainda assim é comum o site ser conferido só no monitor de quem o mantém. Abra o seu no seu próprio celular, segurando com uma mão, e repare em quatro coisas.
- Rolagem para o lado. Se a página anda na horizontal, algo tem largura fixa. Tabela larga, bloco de código e imagem são os suspeitos de sempre. A correção é deixar aquele elemento rolar dentro da própria caixa, e não a página inteira.
- Tamanho do texto do campo. Campo de formulário com fonte menor que 16 pixels faz o iPhone dar zoom sozinho quando a pessoa toca nele, e o layout se desmonta na frente dela.
- Alvo de toque. Botão e link colados, ou pequenos demais, geram toque errado. As diretrizes de acessibilidade pedem no mínimo 24 por 24 pixels de área tocável, com folga entre alvos vizinhos.
- O que ocupa a primeira tela. Se o topo do celular é banner, aviso de cookie e menu, a pessoa rola sem ver o motivo de ter entrado.
4. Resolva a conta dentro da sua página
Com o básico técnico de pé, dá para pensar no que a página oferece. Repare no que o seu conteúdo pede que a pessoa faça depois de ler. Se ela precisa calcular uma parcela, converter um valor, descontar um imposto ou comparar dois números, ela vai sair do seu site para fazer isso. E boa parte não volta.
Colocar a ferramenta dentro da página fecha esse vazamento. Um blog de finanças com o simulador de juros embutido, uma imobiliária com o cálculo da parcela ao lado do imóvel, um escritório de contabilidade com a calculadora de rescisão na página de serviços: em todos os casos a pessoa termina a tarefa onde começou.
Não é preciso desenvolver nada. Existe ferramenta pronta para incorporar de graça, e a instalação é colar um trecho de código. O painel abaixo é um exemplo funcionando, com o código do lado.
Conversor de moedas hoje
Pré-visualização
Código para incorporar
5. Dê um motivo para a pessoa voltar
Site que só tem conteúdo publicado de vez em quando não cria hábito. Ninguém volta espontaneamente para reler um artigo. O que traz de volta é informação que muda.
É por isso que sites de previsão do tempo, de cotação e de resultado de sorteio têm um público que retorna sem campanha nenhuma: a pessoa sabe que o número de hoje é diferente do de ontem. Você pode aproveitar o mesmo mecanismo colocando um dado ao vivo ligado ao seu assunto. Portal regional que publica a tabela do Brasileirão, site financeiro com Selic e inflação, blog de tecnologia com preço de cripto: todos passam a ter uma razão de retorno que funciona sozinha.
A vantagem prática é que esse tipo de bloco não gera trabalho recorrente. Você instala uma vez e ele se mantém.
6. Tire o que envelheceu
Todo site com alguns anos tem número desatualizado escondido em algum texto: uma taxa, uma tabela de imposto, um preço, um "atualizado em" que ficou para trás. Isso corrói credibilidade de um jeito silencioso, porque o leitor que percebe um dado errado passa a desconfiar do resto.
Faça uma varredura pelos textos que citam valores e decida, caso a caso, se aquele número precisa estar correto. Quando precisar, ele não deveria estar digitado no texto: deveria vir de uma fonte que se atualiza.
7. Deixe de pesar sem motivo
Site pequeno costuma ficar lento por dois motivos banais. Imagem grande demais, publicada do jeito que saiu da câmera, e acúmulo de scripts de terceiro que alguém instalou e ninguém removeu.
Comprima as imagens e liste tudo que carrega junto com a sua página. Chat que ninguém atende, mapa que ninguém usa, pixel de campanha encerrada, contador de visitas de 2015. Cada um cobra o seu pedaço em milissegundos. Para o que ficar, prefira o que carrega de forma adiada, ou seja, só quando o visitante rola até aquela parte.
8. Facilite a navegação entre o seu próprio conteúdo
Muito site tem material bom que nunca é encontrado porque nenhuma outra página aponta para ele. Buscadores tendem a ignorar página sem link interno de entrada, e o visitante também.
A regra prática é simples: sempre que um texto citar um assunto que você já cobriu, linke, e use como texto do link a palavra que descreve o destino, e não um genérico "clique aqui". Isso ajuda a pessoa a continuar lendo e ajuda o buscador a entender do que aquela outra página trata.
9. Deixe claro quem está falando
Credibilidade é uma parte de "melhorar o site" que raramente aparece nas listas, e é a que mais pesa em assunto de dinheiro, saúde e direito. O leitor decide se confia em segundos, e ele procura sinais simples.
- Autoria com nome e histórico. "Equipe editorial" não diz nada. Um nome, o que a pessoa faz e onde ela pode ser encontrada dizem.
- Data de publicação e de revisão. Em conteúdo com número, a data de revisão vale mais do que a de publicação. E ela precisa ser verdadeira: trocar a data sem revisar o texto é pior do que não ter data.
- Fonte do que você afirma. Quando o dado vem de um órgão oficial, linke o órgão. É o mesmo esforço de escrever o número e muda completamente a percepção de quem confere.
- Um contato que responde. Formulário que cai no vazio conta contra. Um e-mail que alguém lê conta a favor.
- HTTPS em tudo. É gratuito, é padrão há anos, e um aviso de "não seguro" na barra do navegador derruba qualquer outro esforço.
10. Corte o formulário pela metade
Formulário é onde a visita vira contato, e é onde a maioria dos sites pequenos perde gente sem perceber, porque o abandono não aparece em relatório nenhum. Três ajustes resolvem a maior parte.
Primeiro, tire todo campo que você não vai usar na primeira resposta. Cada campo a mais é uma chance de desistência, e "de onde você nos conheceu" nunca valeu o preço que cobra. Segundo, acerte o tipo de cada campo: telefone, e-mail e número têm teclado próprio no celular, e o campo declarado corretamente também deixa o navegador preencher sozinho o que a pessoa já salvou. Terceiro, mostre o erro no campo, no momento em que ele acontece, e não numa faixa vermelha no topo depois do envio.
Vale também dizer o que acontece depois. "Respondemos em até um dia útil" reduz a ansiedade de quem está decidindo se envia.
11. Acessibilidade ajuda mais gente do que você imagina
Boa parte do que torna um site acessível melhora a experiência de quem não tem nenhuma limitação: no ônibus, no sol, com uma mão só, com pressa. São correções pequenas e permanentes.
- Contraste. Texto normal precisa de pelo menos 4,5 para 1 contra o fundo. Cinza claro sobre branco é bonito no monitor do escritório e ilegível na rua.
- Foco visível. Quem navega por teclado precisa enxergar onde está. Remover o contorno de foco por estética deixa o site inutilizável para essa pessoa.
- Rótulo de campo de verdade. Texto dentro do campo some quando a pessoa começa a digitar, e some para o leitor de tela desde o começo.
- Texto alternativo que descreve. Descreva o que a imagem mostra, não o nome do arquivo. Imagem puramente decorativa é melhor com alternativo vazio do que com uma descrição inútil.
- Títulos em ordem. Um H1 por página e subtítulos que descem em sequência. É navegação para leitor de tela e é estrutura para buscador.
12. Meça antes de mexer, e mude uma coisa por vez
A parte mais cara de melhorar um site é trabalhar no escuro. Antes de qualquer mudança, anote onde você está, com ferramentas gratuitas.
- Search Console. Diz quais buscas trazem gente, em que posição você aparece e quantas pessoas clicam. É o único lugar onde dá para ver impressão sem clique, que é exatamente onde mora a oportunidade barata.
- Analytics. Diz o que acontece depois da entrada: quais páginas seguram, quais perdem, e por qual caminho a pessoa chega.
- PageSpeed Insights. Fecha o quadro com o desempenho medido em visitas reais.
Duas armadilhas comuns na hora de comparar. Não tire conclusão de uma semana, porque busca tem sazonalidade forte. E compare janelas do mesmo tamanho: colocar sete dias de um relatório ao lado de trinta de outro produz um diagnóstico errado com cara de descoberta.
Por onde começar se você tem pouco tempo
- Escolha a página que mais recebe visita, e trabalhe só nela.
- Abra essa página no seu celular e anote o que incomoda em trinta segundos.
- Ponha a resposta principal nas primeiras linhas.
- Comprima a imagem do topo e reserve o espaço de tudo que carrega depois.
- Confira se algum número no texto está velho.
- Se o assunto envolve uma conta, incorpore ali a ferramenta que ele pede. Os códigos gratuitos estão na página de widgets do ValorFinal.
- Espere duas ou três semanas e compare os dados antes de mexer no resto.
Feito isso em uma página, você já sabe se o método funciona para o seu público, e pode repetir nas outras.
Se o seu site é WordPress
A maior parte do que está aqui se resolve dentro do editor, sem plugin novo. Para incorporar ferramenta, use o bloco de HTML personalizado e cole o código. Quem prefere não lidar com HTML pode instalar o plugin de widgets para WordPress, que traz calculadoras e cotações por bloco e por shortcode. Vale lembrar de olhar a lista de plugins ativos: plugin abandonado é uma das principais fontes de lentidão e de problema de segurança em site WordPress.
O que costuma não valer o esforço
Nem toda adição melhora um site. Contador de visitas exposto não ajuda ninguém e denuncia número baixo. Feed de rede social ocupa espaço nobre e leva a pessoa embora. Pop-up de saída irrita mais do que converte na maioria dos sites pequenos. Carrossel na home costuma ser rolado sem ninguém ver o segundo slide. Se o espaço é limitado, ele rende mais com algo que a pessoa usa.
Limitações deste guia
As recomendações aqui vêm da prática de operar um portal de conteúdo e valem como orientação geral, não como diagnóstico do seu caso. Público, nicho e origem do tráfego mudam bastante o resultado, e o único jeito honesto de saber o que funciona no seu site é medir antes e depois. Nada aqui garante posição em buscador ou aumento de receita.
Se a conclusão foi que falta ferramenta
Dos doze pontos acima, só um depende de algo que você não tem no seu próprio editor. Se ao ler o item 4 você reconheceu o problema, ou seja, se o seu conteúdo pede uma conta que a pessoa vai fazer em outro lugar, o catálogo do ValorFinal é gratuito, não pede cadastro e cobre cotação, indicadores, esporte, loteria e mais de quatrocentas calculadoras. A análise comentada, com demonstração de cada uma, está no guia dos 25 melhores widgets grátis para site, e o catálogo completo fica na página de widgets gratuitos. Se não era esse o seu caso, os outros onze itens valem sozinhos.