Site institucional que gera contato: o que não pode faltar

Site institucional é o endereço oficial da empresa na internet: a página que diz quem ela é, o que faz, para quem e como contratar. Um bom site institucional tem três trabalhos ao mesmo tempo: provar que a empresa existe e entrega, aparecer para quem busca o serviço no Google e transformar a visita em conversa.

Ele serve para qualquer negócio que vende por relacionamento: clínica, escritório, indústria, prestador de serviço, loja com atendimento. Quando um desses três trabalhos falha, o site vira um folder caro, bonito e silencioso.

A lista abaixo é a que usamos para revisar um site antes de publicar: estrutura de páginas, texto do topo, prova, caminhos de contato, velocidade, busca e a parte legal.

Para que serve um site institucional hoje

Quase ninguém chega ao site por acaso. As visitas vêm de três situações, e cada uma pede uma coisa diferente.

Prova. A pessoa recebeu seu nome por indicação, viu um post ou está com a sua proposta na mão. Antes de responder, ela pesquisa o nome da empresa. O site precisa confirmar que existe um negócio de verdade por trás: razão social, CNPJ, endereço, pessoas, trabalhos feitos. Um site desatualizado ou fora do ar nesse momento pesa contra a proposta.

Busca. Quem ainda não conhece a empresa digita o problema: "manutenção de ar-condicionado para clínica", "contador para empresa do Simples em Taubaté". Perfil de rede social responde mal a esse tipo de busca. Uma página bem escrita sobre o serviço responde.

Conversão. A visita só vale se virar conversa: uma mensagem no WhatsApp, um formulário enviado, uma ligação. Cada página precisa terminar num caminho de contato claro, sem obrigar a pessoa a procurar.

Quais páginas um site institucional precisa ter

A estrutura mínima cabe numa tabela. Mais páginas só entram quando há conteúdo real para elas.

A linha que mais falta é a segunda. O erro comum é uma única página "Serviços" com oito itens em lista, duas linhas cada. Ela não aparece na busca de nenhum dos oito, porque não fala o bastante de nenhum. Uma página por serviço, com endereço próprio (por exemplo /servicos/manutencao-preventiva), título próprio e texto que responde às perguntas que o cliente faz no telefone, é o que dá ao Google motivo para mostrar aquela página.

Página de trabalhos realizados é bem-vinda quando existe material verdadeiro e autorizado pelo cliente. Sem isso, é melhor não ter a página do que publicar exemplo inventado.

O que colocar no topo e como provar o que a empresa diz

Proposta de valor acima da dobra

"Acima da dobra" é o que aparece na tela antes de rolar. No celular, é pouco espaço: um título, uma frase de apoio e um botão. Esse trecho precisa responder a quatro perguntas: o que a empresa faz, para quem, onde ou como atende e qual o próximo passo.

Compare dois topos para a mesma empresa:

• "Soluções inovadoras com excelência e compromisso." Serve para qualquer empresa do país, e por isso não diz nada.
• "Manutenção preventiva de ar-condicionado para clínicas e escritórios em Taubaté e região. Contrato mensal com relatório de cada visita." Em uma frase, o visitante sabe se está no lugar certo.

Logo abaixo, um botão com verbo concreto ("Pedir orçamento pelo WhatsApp") funciona melhor do que um botão genérico, que não diz o que acontece depois do clique.

Prova concreta no lugar de adjetivo

"Qualidade", "excelência", "comprometimento" e "atendimento personalizado" estão no site de todos os concorrentes. Adjetivo não se confere. O que se confere:

• fotos reais da equipe, do espaço e do trabalho, em vez de banco de imagem;
• registro profissional quando a atividade exige (CRM, CREA, OAB, CRC), visível e completo;
• o processo explicado em etapas: o que acontece depois do primeiro contato, quem visita, o que é entregue;
• do que dependem o prazo e o preço, mesmo sem número fechado;
• área atendida, horário e canais;
• nomes de clientes e depoimentos só quando forem reais e com autorização por escrito.

Um teste rápido: troque o logo do seu site pelo de um concorrente. Se o texto continuar fazendo sentido, ele é genérico e precisa ser reescrito com o que só a sua empresa pode dizer.

Como facilitar o contato: WhatsApp, formulário e e-mail

Pessoas diferentes preferem canais diferentes. Quem está no celular quer o WhatsApp; quem está no computador do escritório às vezes prefere um formulário ou um e-mail para anexar documento. O site deve oferecer os três, no mesmo lugar em todas as páginas: no topo, ao fim de cada página de serviço e no rodapé.

WhatsApp com link wa.me

O WhatsApp tem um formato de link que abre a conversa direto no número da empresa, sem precisar salvar o contato. O número vai completo, no formato internacional (55, DDD e número), sem sinal de mais, espaço, hífen, parênteses ou zero na frente. O parâmetro text leva uma mensagem pronta, codificada para URL:

https://wa.me/55DDNUMERO?text=Ol%C3%A1%2C%20vim%20pela%20p%C3%A1gina%20de%20manuten%C3%A7%C3%A3o

A mensagem pronta tem uma vantagem além da comodidade: ela diz de qual página a pessoa veio. Se cada página de serviço tiver o seu texto, quem atende já sabe o assunto antes de responder. Use um número da empresa, de preferência no WhatsApp Business, e não o celular pessoal de alguém que pode sair amanhã. Se o volume crescer a ponto de a equipe não dar conta, vale conhecer a automação de WhatsApp pela API oficial.

Formulário curto

Nome, um contato (telefone ou e-mail) e um campo de mensagem resolvem a maioria dos casos. Cada campo a mais é um motivo para desistir e mais um dado pessoal que a empresa precisa proteger. A LGPD chama isso de princípio da necessidade: coletar o mínimo para a finalidade.

Três cuidados que quase ninguém toma:

1. mostrar uma confirmação clara depois do envio, dizendo quando a resposta chega;
2. entregar a mensagem num e-mail que alguém lê todo dia, com cópia guardada em outro lugar;
3. testar o formulário de verdade uma vez por mês, porque formulário quebrado não avisa ninguém.

Contra spam, prefira um campo escondido que só robô preenche (a técnica chamada honeypot) antes de colocar um desafio que atrapalha o cliente.

E-mail e telefone clicáveis

E-mail em link mailto: e telefone em link tel: abrem o aplicativo certo com um toque. O e-mail precisa estar no domínio da empresa (contato@suaempresa.com.br, não um endereço gratuito), e o domínio precisa estar configurado para que as respostas não caiam no spam. Isso passa por controlar domínio, DNS, e-mail e hospedagem em nome da própria empresa.

Velocidade, celular e SEO básico

Celular primeiro

Abra o relatório de acessos do seu site e veja a fatia de visitas pelo celular. Em muitos segmentos ela é a maior, e o site precisa ser pensado para ela primeiro, não adaptado depois.

O que conferir no próprio telefone, fora do wi-fi do escritório:

• a primeira tela aparece rápido, com o título legível sem zoom;
• os botões têm tamanho de dedo e não ficam colados uns nos outros;
• nenhum pop-up cobre o conteúdo logo na entrada;
• o botão flutuante do WhatsApp não esconde texto nem o banner de cookies;
• nada pula de lugar enquanto a página termina de carregar.

O Google mede parte disso com métricas públicas, as Core Web Vitals, que avaliam carregamento, resposta ao toque e estabilidade visual. O guia de Core Web Vitals e velocidade do site explica os limiares e como corrigir as causas mais comuns, de imagem pesada a hospedagem lenta.

O SEO que todo site institucional precisa

SEO (otimização para mecanismos de busca) em site institucional é, antes de tudo, organização:

• Título único por página. O guia de introdução ao SEO do Google pede títulos exclusivos de cada página, claros, concisos e fiéis ao conteúdo. "Manutenção de ar-condicionado para clínicas em Taubaté" diz mais do que "Home".
• Descrição por página. A meta description é o resumo que pode aparecer abaixo do título no resultado. Curta, exclusiva de cada página, com o que ela tem de mais relevante. A tag de palavras-chave (meta keywords) o Google não usa.
• Uma página por serviço, com endereço legível e um único título principal (o H1).
• Texto como texto. Frase escrita dentro de imagem não é lida pelo buscador e não se adapta à tela do celular.
• Dados estruturados. Um bloco em JSON-LD na home com os dados da organização (nome, logo, endereço, telefone, e-mail) ajuda o Google a entender e distinguir a empresa. A própria documentação avisa que isso não garante nenhum recurso especial no resultado.
• Perfil da Empresa no Google com nome, endereço e telefone iguais aos do site, quando a empresa atende numa região.

Depois de publicar, cadastre o site no Search Console e envie o sitemap. É lá que aparecem as buscas que trazem visitas e os erros de indexação.

Identificação da empresa, LGPD e medição com consentimento

Quem responde pelo site

Razão social, CNPJ e endereço no rodapé de todas as páginas. Para sites usados para oferecer ou fechar contrato com consumidor, o Decreto 7.962/2013 exige nome empresarial, CNPJ e endereço físico e eletrônico em local de destaque e de fácil visualização. Mesmo quando a venda é só entre empresas, esses dados respondem à primeira desconfiança de quem chega pelo Google.

Política de privacidade e cookies

Todo site com formulário, botão de WhatsApp ou ferramenta de medição trata dado pessoal. A LGPD, no artigo 9º, garante ao titular acesso claro à finalidade do tratamento, à forma e à duração, à identificação e ao contato do controlador, ao uso compartilhado dos dados e aos seus direitos. A política de privacidade é o lugar disso, escrita para o site real: o que o formulário coleta, para onde vai a mensagem, por quanto tempo fica guardada. Política copiada de outro site descreve outro tratamento. O texto sobre LGPD em sites e sistemas detalha o que precisa estar em ordem.

Sobre cookies, o guia orientativo da ANPD recomenda um botão para rejeitar todos os cookies não necessários, fácil de ver já no primeiro banner. E desaconselha três práticas comuns: banner com um único botão de "aceito", destaque só para o botão de aceitar e cookies não necessários ligados por padrão.

Medição que respeita a escolha

Ferramenta de análise e pixel de anúncio só carregam depois do aceite. Se a pessoa recusa, eles não rodam. O guia da ANPD admite medição de audiência sem consentimento num caso restrito: dados agregados, usados só para estatística de visitas e sem compartilhamento com terceiros. As ferramentas comuns de mercado, que enviam os dados ao fornecedor, ficam fora dessa exceção.

E meça o que importa para o negócio: cliques no WhatsApp, formulários enviados e cliques no telefone, por página. Isso mostra qual serviço gera conversa, o que o número de visitas sozinho não mostra.

Erros comuns que derrubam o contato

• Carrossel no topo. A mensagem principal gira, o visitante vê o primeiro slide e rola a página. No celular, as setas ficam minúsculas e as imagens pesam no carregamento. Uma mensagem fixa e clara resolve.
• Texto genérico. "Soluções completas para o seu negócio" não responde a nenhuma busca e não convence ninguém.
• Página "em construção". Item de menu que leva a uma página vazia, blog com o último post de anos atrás, seção "em breve". Publicar menos e completo passa mais confiança.
• Contato escondido. Só um ícone de Instagram no topo, que leva o visitante para fora do site, ou telefone apenas dentro de uma imagem.
• Site que cai sem ninguém saber. Hospedagem vencida ou certificado expirado descobertos pelo cliente. Um monitoramento de site com alerta avisa antes.

Próximo passo: revisar o site que você já tem

Separe meia hora e faça cinco testes no seu site atual:

1. Mostre a home no celular para alguém de fora da empresa por cinco segundos e pergunte o que a empresa faz.
2. Clique em cada caminho de contato: WhatsApp, formulário, e-mail e telefone. Confirme que a mensagem chega.
3. Confira se cada serviço tem página própria, com título próprio.
4. Veja se razão social e CNPJ estão no rodapé e se o banner de cookies permite recusar.
5. Rode a home no PageSpeed Insights e anote o resultado de celular.

O que falhar vira a lista de ajustes, na ordem em que apareceu. Se a conclusão for refazer, é por essa estrutura que começa um projeto de criação de sites na Locomotiva Tech: texto e páginas definidos antes do visual.