Rodapé de site: o que colocar e 4 estilos para inspirar
O rodapé é a última chance de ajudar o visitante. Veja o que não pode faltar, como organizar os links e quatro estilos de rodapé, de enxuto a monumental.
Por Integra Sites · · 3 min de leitura
O rodapé é a parte do site que muita gente deixa para o final e acaba fazendo às pressas. Só que ele é lido por quem chegou ao fim da página, ou seja, por quem tem interesse e ainda não achou o que queria. Um bom rodapé resolve isso e passa confiança.
O que não pode faltar
Há itens que quase todo site precisa:
- Marca ou nome da empresa, com um link para a página inicial.
- Links principais de navegação, para quem terminou a página.
- Contato: e-mail, telefone ou WhatsApp.
- Páginas legais: política de privacidade e termos de uso.
- Direitos autorais com o ano e o nome da empresa.
Se você coleta dados de visitantes, como e-mails de uma newsletter, a política de privacidade é obrigatória pela LGPD, e o link para ela deve estar sempre acessível. Para empresas, incluir a razão social e o CNPJ também passa seriedade.
O que costuma ajudar
- Redes sociais, com ícones claros.
- Newsletter, em um campo simples.
- Chamada final, um último convite à ação.
- Seletor de idioma, se o site for em mais de uma língua.
- Endereço e mapa, para negócios físicos.
- Selos de segurança e formas de pagamento, em lojas.
Como organizar os links
Agrupe em colunas com títulos, como Produto, Empresa e Legal. Mantenha entre três e cinco colunas e poucos links em cada. Nomeie claramente e evite repetir tudo que já está no menu do topo; o rodapé pode ter páginas secundárias (blog, ajuda, imprensa).
No celular, as colunas devem se empilhar ou virar uma lista em duas colunas, com links fáceis de tocar.
Quatro estilos
1. Rodapé com chamada final
Uma faixa grande com título e botão, seguida das colunas de links. Aproveita o fim da página para uma última conversão. O Rodapé com Chamada Final mostra esse formato.
Use em: landing pages e sites de produto que terminam com um convite.
2. Mapa do site
Uma grade densa de links em várias colunas, com selos de novidade e seletor de idioma. O Rodapé Mapa do Site serve para sites grandes.
Use em: portais, lojas, documentações e sites com muitas páginas.
3. Cartão flutuante
O rodapé vira um grande cartão arredondado, com brilho e um campo de e-mail. O Rodapé em Cartão Flutuante dá um acabamento moderno e leve.
Use em: sites de produto e newsletters, em tema escuro.
4. Marca gigante
O nome da marca em escala monumental, ocupando a largura da tela. O Rodapé Marca Gigante encerra a página com personalidade.
Use em: estúdios, agências e marcas autorais, com poucos links.
Erros comuns
- Links quebrados ou que apontam para páginas que não existem.
- Texto pequeno e sem contraste, difícil de ler.
- Excesso de links, que vira uma parede de texto.
- Falta das páginas legais.
- Ano de direitos autorais desatualizado.
- Rodapé que não funciona no celular.
Acessibilidade e SEO
- Use a marcação de rodapé (
footer) e de navegação para leitores de tela. - Garanta foco visível nos links.
- Os links do rodapé ajudam o Google a descobrir páginas, então escolha textos descritivos.
Como pedir para a IA
Crie um rodapé com uma faixa laranja de chamada ("Pronto para começar?"
e um botão) e, abaixo, quatro colunas de links: Produto, Empresa, Recursos e Legal.
Inclua o nome da marca à esquerda e a linha de direitos autorais com o ano.
No celular, as colunas viram uma lista em duas colunas.Em resumo
Um bom rodapé é organizado, tem as páginas legais, o contato e um último convite. Escolha o estilo pelo tamanho do site. Veja mais na categoria de rodapés, e para a chamada final da página, confira landing page que converte.
Componentes citados neste post
Rodapé com Chamada FinalFaixa de convite com título grande acima das colunas de links
Rodapé Mapa do SiteGrade densa de links em cinco colunas com selos e seletor de idioma
Rodapé em Cartão FlutuanteRodapé arredondado que flutua sobre o fundo com links e inscrição
Rodapé Marca GiganteRodapé com o nome da marca em escala monumental
Leia também
- Como pedir um hero profissional para o Claude Code (com prompts prontos)O hero é a primeira coisa que o visitante vê. Veja como descrever o que você quer para a IA e receber uma abertura de página bonita, sem ficar refazendo.
- 5 prompts para melhorar o visual de um site no LovableCinco pedidos práticos para sair do visual genérico de IA e deixar seu site com cara de projeto feito por um designer, com exemplos para copiar.