Rodapé do site: o que colocar e o que não pode ficar escondido lá

A escola de idiomas tem um rodapé com 31 links em fonte de 11 pixels, cinza-claro sobre cinza. No meio deles está "Agende sua aula experimental", a ação que paga as contas. As métricas mostram que quase ninguém clica: a pessoa que queria agendar desistiu lá em cima, antes de rolar quatro telas no celular.

A resposta curta: o rodapé guarda o que é secundário e esperado no fim, como contato, endereço, política de privacidade, termos e um caminho de volta. A tarefa principal mora no menu e no primeiro bloco da página, nunca só no rodapé. Não repita o menu inteiro em letra miúda, mantenha contraste legível e garanta que o rodapé seja alcançável, inclusive em páginas com rolagem infinita.

Por que o rodapé vira depósito

O rodapé é o único lugar do site em que espaço parece infinito. Ninguém briga por ele numa reunião. Quando um link não cabe no menu, quando o diretor quer "mais visibilidade" para uma página, quando o SEO pede mais palavras, tudo vai para baixo. Em dois anos, o rodapé tem mais links que a home.

O problema é que posição comunica importância. Quem chega à página olha o topo, decide em segundos se está no lugar certo e age. O rodapé é lido por quem já sabe o que procura e foi direto para lá: o CNPJ para emitir nota, o telefone, a política de privacidade. Colocar ali algo que a pessoa precisava descobrir é pedir que ela role até o fim para achar o começo.

O que pertence ao rodapé

Pense no rodapé como o verso de um cartão de visita: dados para confirmar quem você é e como falar com você.

• Contato: telefone clicável, e-mail, endereço físico quando há atendimento presencial, horário.
• Documentos legais: política de privacidade, termos de uso, política de cookies quando houver. Isso faz parte da transparência que a LGPD cobra; veja adequação à LGPD em sistema pequeno.
• Identificação: razão social, CNPJ quando você vende, ano do copyright gerado automaticamente.
• Caminhos de apoio: ajuda, trabalhe conosco, imprensa, mapa do site em sites grandes.
• Redes sociais, com nome acessível em cada ícone.

O que não pertence: a ação principal como único acesso, a lista completa do menu repetida, blocos de palavras-chave para "ajudar no Google" e banners promocionais que competem com o conteúdo.

Como reorganizar um rodapé lotado

O exemplo continua sendo a escola de idiomas. O processo leva uma tarde.

1. Inventarie: liste todos os links do rodapé numa planilha, com o destino de cada um.
2. Meça: na ferramenta de analytics, veja quantos cliques cada link recebeu nos últimos 90 dias e de quais páginas.
3. Classifique: marque cada link como tarefa principal, apoio, legal ou duplicado do menu.
4. Promova as tarefas principais: "Agende sua aula experimental" vira botão no cabeçalho e no primeiro bloco da home e das páginas de curso.
5. Corte os duplicados: se o link já está no menu, ele não precisa aparecer de novo embaixo, exceto em sites muito grandes com mapa de seções.
6. Agrupe o resto em até três blocos com títulos curtos: "Fale com a gente", "A escola", "Documentos".
7. Revise no celular: o rodapé empilhado não pode ocupar três telas.

No caso da escola, os 31 links viraram 11. O botão de agendamento foi para o topo e os agendamentos vindos do site subiram de forma visível no mês seguinte.

Como marcar o rodapé em HTML

O elemento footer no nível da página é reconhecido pelos leitores de tela como a região de informações do site, e a pessoa pode pular direto para ele. Um nav com rótulo próprio diferencia a navegação do rodapé da navegação principal.

<footer>
  <nav aria-label="Rodapé">
    <h2>A escola</h2>
    <ul>
      <li><a href="/sobre">Quem somos</a></li>
      <li><a href="/trabalhe-conosco">Trabalhe conosco</a></li>
      <li><a href="/privacidade">Política de privacidade</a></li>
      <li><a href="/termos">Termos de uso</a></li>
    </ul>
  </nav>

  <address>
    Fala Bem Idiomas, Rua das Flores, 120, São Paulo, SP<br>
    <a href="tel:+551130000000">(11) 3000-0000</a>,
    <a href="mailto:contato@falabem.example">contato@falabem.example</a>
  </address>

  <p>&copy; 2026 Fala Bem Idiomas Ltda. CNPJ 00.000.000/0001-00</p>
  <p><a href="#topo">Voltar ao topo</a></p>
</footer>

Gere o ano no servidor ou no build, em vez de escrever à mão. Rodapé com "2021" em 2026 passa a impressão de site abandonado, e ninguém lembra de trocar em janeiro. O link "Voltar ao topo" precisa de um elemento com id="topo" no início da página.

Letra pequena ainda precisa ser legível

Rodapé costuma ser o lugar com pior contraste do site, porque o designer quer que ele "não pese". As diretrizes WCAG pedem contraste mínimo de 4,5:1 para texto comum, e isso vale para texto pequeno também. Cinza-médio sobre cinza-escuro reprova com frequência. Teste com o verificador de contraste das ferramentas do navegador e aumente a fonte para algo confortável no celular.

Rolagem infinita e o rodapé inalcançável

Em páginas que carregam mais conteúdo automaticamente ao chegar perto do fim, o rodapé foge da pessoa: toda vez que ela se aproxima, mais itens aparecem e o empurram para baixo. Se o contato e a política de privacidade só existem ali, eles ficam inacessíveis. Troque o carregamento automático por um botão "Carregar mais", ou garanta que os links essenciais também estejam no menu. O mesmo cuidado com menus que acompanham a rolagem está em menu que acompanha a rolagem sem cobrir o conteúdo.

Erros comuns

• Ação principal só no rodapé: a pessoa que precisava dela desiste antes de rolar, e a conversão cai sem que ninguém perceba o motivo.
• Menu inteiro repetido em letra miúda: a mesma lista, mais difícil de ler, que dobra o número de links sem acrescentar caminho novo.
• Bloco de palavras-chave para SEO: polui a página, confunde quem lê e não substitui conteúdo relevante.
• Contraste baixo "para não pesar": telefone e CNPJ ficam ilegíveis justamente para quem foi procurá-los.
• Ano fixo no copyright: o site parece abandonado no primeiro dia de cada ano.
• Rodapé atrás de rolagem infinita: contato e documentos legais nunca aparecem para quem rola até o fim.

Checklist

• A ação principal do site está no topo e no primeiro bloco, não só no rodapé.
• O rodapé tem contato, documentos legais e identificação da empresa.
• Nenhum bloco do rodapé é cópia integral do menu principal.
• O texto do rodapé passa no teste de contraste de 4,5:1.
• O ano do copyright é gerado automaticamente.
• O rodapé usa footer e a navegação dele tem rótulo próprio.
• Em páginas com carregamento contínuo, o rodapé é alcançável ou seus links existem em outro lugar.

Abra o seu site no celular e role até o fim. Qual link do rodapé recebe mais cliques, e ele está lá porque é secundário ou porque não coube em cima?