Design de rodapé do site: práticas recomendadas, conteúdo e exemplos

Um rodapé de site é a seção que aparece na parte inferior de cada página do seu site. Geralmente inclui recursos importantes, como um aviso de direitos autorais, uma captura de e-mail ou links para recursos.

O rodapé é uma peça valiosa de imóveis em seu site. Por quê? Porque oferece uma oportunidade de se conectar com os visitantes uma última vez e incentivá-los a continuar a se envolver com seu site. Além disso, é uma maneira perfeita de incluir as informações necessárias — como isenções de responsabilidade legais e políticas de privacidade — em todas as páginas.

Infelizmente, rodapés são muitas vezes esquecidos ou jogados juntos no último segundo, levando a muitas oportunidades perdidas e conversões.

Então, como você pode aproveitar ao máximo o rodapé do seu site?

Por que os rodapés do site são importantes?

1. Eles estabelecem consistência

Um rodapé de site fornece aos visitantes do site uma sensação de consistência, pois as mesmas informações aparecerão na parte inferior de cada uma de suas páginas. Isso ajuda as pessoas a saberem que estão realmente em seu site e torna mais fácil para os visitantes recorrentes encontrarem o que estão procurando.

2. Eles mantêm os visitantes envolvidos

Mesmo os visitantes do site que lêem cuidadosamente o conteúdo completo de uma página podem chegar ao final de um artigo e fechar a página. Para evitar que isso aconteça, você pode oferecer uma maneira para os leitores descobrirem conteúdo adicional - como perguntas frequentes, postagens populares em blogs, informações de contato e políticas de devolução - na parte inferior da página.

3. Eles atendem às expectativas

Há certas coisas que os visitantes do site procurarão ativamente em seu rodapé – políticas de privacidade, informações da conta e links de mídia social, para citar alguns. Não os decepcione e torne sua busca mais difícil, não incluindo itens onde eles esperam que estejam.

4. Eles facilitam a inclusão das informações necessárias em todas as páginas

Muitos tipos de sites, especialmente em áreas como imóveis e medicina, são obrigados a incluir avisos em todas as páginas. O rodapé fornece uma maneira fácil de fazer isso sem precisar adicionar informações manualmente várias vezes.

5. Eles permitem que você tenha uma palavra final

Se alguém leu o post inteiro do seu blog, consumiu toda a sua página ou passou os olhos pelo seu conteúdo, a última coisa que eles veem é o seu rodapé. Isso o torna a oportunidade perfeita para uma solicitação final de venda, doação ou assinatura de boletim informativo.

O que incluir no rodapé de um site

O conteúdo exato do seu rodapé varia de acordo com a finalidade do seu site. Mas é importante que você considere o que será mais valioso para seu público e site. Por exemplo, existem certos requisitos legais que você deve cumprir? Seu objetivo é guiar os visitantes para áreas importantes do seu site? Ou você está mais focado em fazer vendas e ganhar assinantes?

Aqui estão alguns elementos comuns para incluir em seu rodapé:

1. Um apelo à ação (CTA)

Os apelos à ação direcionam os visitantes do site para, bem, agir. Aqui estão alguns exemplos de CTAs:

• Compre Agora
• Assine a nossa newsletter
• Saber mais
• Entrar em contato
• Deixe um comentário
• Compartilhe esta postagem
• Entre no nosso sorteio

Incluir um CTA em seu rodapé é uma ótima estratégia porque é visível em todas as páginas e dá aos visitantes do site uma última chance de agir antes de irem para outro lugar. No exemplo de rodapé abaixo, o Sacramento Ballet incluiu dois botões de CTA em seu rodapé: “Doe” e “Assine agora”.

2. Informações de contato

Facilite o contato dos visitantes do site com você, incluindo informações de contato no rodapé. Isso pode parecer uma lista de maneiras de entrar em contato, um link para uma página de contato ou até mesmo um formulário incorporado diretamente no rodapé.

No exemplo abaixo, o rodapé do site de doações do Massachusetts General Hospital inclui um endereço, número de telefone e endereço de e-mail.

Considere também tornar os endereços de e-mail e os números de telefone clicáveis, para que os visitantes possam facilmente enviar uma mensagem ou ligar para você.

3. Locais ou mapas

Se você tiver uma loja física, instalação, escritório ou outro local que alguém possa visitar, inclua um endereço ou mapa no rodapé. Você também pode considerar adicionar o horário de funcionamento para evitar qualquer confusão.

Isso pode ajudar os resultados da pesquisa local e fortalecer a correlação do Google entre seu site e sua listagem do Google Meu Negócio. Uma prova forte de seu endereço exato e informações de contato é importante para o Google porque ele deseja fornecer informações precisas e legítimas aos usuários. Quanto mais forte for a correlação, maior a probabilidade de sua listagem aparecer nos resultados de pesquisa e no Google Maps.

Mas você deseja listar todas essas informações no mesmo formato exato que você usa em seu perfil do Google Meu Negócio.

O Northwest Eye Design apresenta o endereço do local do escritório e um link para o Google Maps para facilitar as coisas para seus pacientes.

4. Links para suas contas sociais

A mídia social é uma ferramenta importante para blogueiros, empresas baseadas em serviços e lojas online. E embora você possa enviar seguidores de mídia social para seu site, também há benefícios em enviar visitantes do site para suas contas de mídia social.

Por exemplo, é uma ótima maneira de envolver clientes em potencial, compartilhar dicas e imagens e mostrar os seguidores que você construiu em torno de sua marca. E, claro, se a mídia social é uma das suas fontes de renda, é ainda mais importante!

Portanto, considere incluir ícones de mídia social ou até imagens de um feed social como o Instagram em seu rodapé. O Boston Market fez exatamente isso, separando seus ícones de mídia social para que eles se destacassem do restante do conteúdo do rodapé.

5. Formulários de inscrição no boletim informativo

Não subestime o poder de uma lista de e-mail! Além do seu site, ele fornece a ferramenta de comunicação mais poderosa para o seu público, que você possui 100%. Use uma lista de e-mail para notificar os assinantes sobre vendas, novas postagens no blog, dicas e outras ofertas.

E, para construir essa lista de e-mail, inclua um formulário de inscrição no rodapé. Tudo o que você precisa fazer é incorporar o formulário usando um código da sua ferramenta de marketing por e-mail favorita. Ou use um dos blocos do Jetpack para adicionar facilmente um formulário de boletim informativo à sua página, sem necessidade de código.

Heggerty adicionou uma caixa cinza claro ao redor do formulário de boletim informativo por e-mail para ajudá-lo a se destacar e incluiu uma linguagem simples para que as pessoas saibam exatamente para o que estão se inscrevendo.

6. Postagens ou artigos populares

Se o blog for uma grande parte do seu site, considere incluir postagens no rodapé. Você pode querer adicionar posts populares ou recentes, ou até mesmo os que são mais críticos para o seu blog ou negócio.

Em vez de apresentar postagens individuais, Kylie M Interiors tem uma lista de categorias, para que os visitantes do site possam encontrar facilmente o tipo de conteúdo que estão procurando.

Você também não precisa adicionar seus links de postagem manualmente. Você pode usar widgets como o Top Posts e o Pages Widget para manter as informações constantemente atualizadas.

7. Informações legais

Existem certos tipos de informações legais que a maioria dos sites deve vincular: informações de direitos autorais, termos e condições e políticas de privacidade. Mas se você estiver em setores específicos – como imobiliário, CBD ou medicina – pode ser necessário incluir isenções de responsabilidade extras ou declarações legais.

Seu rodapé é o lugar perfeito para incluí-los porque eles aparecem em todas as páginas. A empresa de CBD Best Bud, por exemplo, inclui uma declaração da FDA em seu rodapé, juntamente com termos e condições, políticas de envio, políticas de privacidade e políticas de devolução.

8. Links para páginas críticas

Dependendo do seu site, as páginas críticas podem incluir tudo, desde páginas de conta e login até categorias de produtos, perguntas frequentes, páginas de serviço e formulários de contato. A loja de comércio eletrônico Wild Mountain Wax, por exemplo, divide o conteúdo importante em três categorias: Ajuda, Aprendizado e Atacado.

Não basta repetir o seu menu principal, no entanto. Em vez disso, reduza apenas as páginas mais valiosas ou concentre-se no conteúdo que seus visitantes podem estar procurando.

Práticas recomendadas de rodapé do site

Por isso, falamos um pouco sobre os tipos de informações que você pode incluir em seu rodapé. Agora vamos discutir maneiras de aproveitar ao máximo. Aqui estão algumas práticas recomendadas de rodapé do site:

1. Projete seu rodapé para dispositivos móveis

Não deixe o celular ser uma reflexão tardia ao projetar seu rodapé. Lembre-se, as pessoas irão visitar em dispositivos de todos os tipos e tamanhos! E os rodapés geralmente continuam quando exibidos em um dispositivo móvel – os visitantes podem não rolar para ver todas as suas informações.

A Offerman Woodshop fez um excelente trabalho criando um rodapé que funciona bem em dispositivos móveis. Seu design é limpo e fácil de navegar em desktops, tablets e telefones.

Se você não tiver certeza de como seu site é exibido em todos os telefones, tablets e desktops existentes, tente usar uma ferramenta como o BrowserStack. Dá-lhe uma visão instantânea do seu site em vários tamanhos e marcas de dispositivos diferentes.

2. Não sobrecarregue seu rodapé

Pode ser fácil colocar toneladas de informações no rodapé, o que pode rapidamente se tornar esmagador para os visitantes do site. Reduza o conteúdo do rodapé ao que é mais útil e importante. E, se você precisar incluir uma quantidade razoável de informações, divida-as em partes digeríveis.

Isso é exatamente o que MailPoet fez. Mesmo que eles vinculem a muito conteúdo, não parece esmagador porque é dividido em categorias claras e há muito espaço em branco.

3. Organize suas informações

A organização está muito próxima da dica anterior porque as informações organizadas ajudam o design do rodapé do seu site a parecer menos confuso. Mas não se trata apenas de categorizar dados. Trata-se também de usar dicas visuais para agrupar o conteúdo.

Vamos dar uma olhada no que o WooCommerce fez. Eles dividiram o rodapé em três partes:

1. Caracteristicas importantes. Esta seção se destaca com um fundo cinza, ícones visuais e texto roxo.
2. Links valiosos. Todos eles são categorizados sob títulos em negrito e em letras maiúsculas.
3. Outras informações. A seção final é separada por uma linha divisória e inclui informações legais, ícones de mídia social e o logotipo da Automattic.

4. Seja criativo

Os rodapés não precisam ser todos iguais. Pense na sua marca, no design do seu site e seja criativo! Considere formas como curvas e triângulos, imagens, gráficos personalizados e outros recursos interessantes.

A OTRUSA vincula seus elementos de design de marca ao incluir uma imagem no plano de fundo e usar divisores angulares para alguns de seus conteúdos.

5. Pense em diferentes layouts de rodapé

Há muitas maneiras diferentes de organizar seu rodapé e não há uma solução única para todos. Se você tiver apenas um pouco de informação, talvez queira um rodapé fino e estreito, como no Adobe Blog.

Se você tiver mais conteúdo, considere um rodapé mais alto com várias colunas, como no site da Pressable.

Ou você pode até pensar em um rodapé mais visual, com muito pouco texto e muitos gráficos. Foi exatamente isso que a Veer fez, usando ícones personalizados para mostrar seus links importantes.

6. Lembre-se da acessibilidade

Acessibilidade é tornar seu site fácil de navegar e consumir para todos os visitantes do site, incluindo aqueles com deficiências visuais, auditivas, mentais e físicas. Aqui estão apenas algumas considerações de acessibilidade que se aplicam ao seu rodapé:

• Contraste de cores. Certifique-se de que o texto e as imagens sejam diferentes o suficiente do fundo do rodapé para que possam ser facilmente consumidos. Evite texto escuro em um fundo escuro ou texto claro em um fundo claro. Não tem certeza se o seu design está à altura? Execute suas cores através do verificador de contraste de cores do WebAIM.
• Links. Use mais do que apenas cores para diferenciar links de outros textos. Você pode fazer isso com sublinhados, ícones e outras dicas.
• Texto alternativo. Inclua texto alternativo para quaisquer imagens ou gráficos em seu rodapé. Os leitores de tela os usam para “ler” imagens para pessoas com deficiência visual.
• Fontes. Atenha-se a fontes simples e fáceis de ler que todos possam consumir. E, enquanto estiver fazendo isso, certifique-se de que sejam grandes o suficiente para que qualquer pessoa com dificuldades de visão ainda possa ler cada palavra.

Há muito mais para criar um site acessível. Para mais informações, confira este post sobre acessibilidade na web do WooCommerce.

Como editar seu rodapé no WordPress

Normalmente, o layout e o design do rodapé dependerão do tema que você está usando. Muitos temas incluem designs de rodapé integrados que você pode escolher e personalizar com base em suas necessidades. Você precisará consultar a documentação do seu tema específico para obter detalhes sobre isso. Por exemplo, o tema Frame permite que você selecione entre 14 estilos de coluna diferentes para seu rodapé.

No entanto, no WordPress, os rodapés são áreas com widgets, para que você possa arrastar e soltar widgets ou blocos neles sem precisar editar o código. Veja como você pode adicionar conteúdo ao seu rodapé:

1. No painel do WordPress, vá para Aparência → Widgets. Lá, você verá uma lista de áreas widgetizadas, incluindo colunas de rodapé. Novamente, isso pode variar um pouco com base no seu tema.
2. Expanda a coluna de rodapé que você deseja editar.
3. Clique no ícone + para mostrar os blocos disponíveis. A partir daí, você pode pesquisar um bloco específico ou clicar em Procurar todos para ver uma lista completa.
4. Arraste o bloco que deseja para a área da coluna do rodapé.
5. Personalize as configurações com base no bloco. Por exemplo, você pode alterar a cor e o texto de um botão ou escolher uma imagem para adicionar.
6. Clique no botão azul Atualizar no canto superior direito.

Para obter mais informações, leia as instruções completas do WordPress.

Aproveite ao máximo o rodapé do seu site

Lembre-se, seu rodapé não deve ser apenas uma reflexão tardia: é sua última chance de impressionar os visitantes do site e uma excelente maneira de apresentar informações críticas em todas as páginas.

Portanto, reserve um tempo para realmente pensar no conteúdo que você inclui no rodapé. Considere o que seria mais útil para seus objetivos e para a experiência de seus visitantes. Afinal, um rodapé de site bem elaborado e coeso pode causar um grande impacto no engajamento.

Precisa de uma ajudinha? O Jetpack oferece uma variedade de blocos e widgets do WordPress para tornar possível a criação do seu rodapé perfeito. E se você está apenas começando, existem dezenas de excelentes temas WordPress para escolher que já fizeram o trabalho duro para você.

Perguntas frequentes sobre rodapés de sites

Qual deve ser o tamanho do meu rodapé?

O tamanho exato do rodapé dependerá do seu site e do volume de conteúdo que você deseja incluir. Alguns rodapés são tiras finas e estreitas com uma única linha de texto. Outros ocupam muito mais espaço e incluem muitas informações.

No entanto, ao escolher um tamanho de rodapé, considere o design móvel. Se um rodapé for muito longo em dispositivos móveis, os visitantes do site podem ser forçados a rolar e rolar para ver todas as informações.

Um site realmente precisa de um rodapé?

Não, tecnicamente não é necessário um rodapé para que um site funcione corretamente. No entanto, é um local valioso e eficaz para incluir conteúdo importante e pode ser fundamental para o engajamento.

Os links de rodapé podem me ajudar com SEO?

Sim, eles podem ajudar nos rankings de SEO porque contribuem para a criação de hierarquia de sites e links internos. Eles ajudam o Google a entender as páginas do seu site e como elas se relacionam umas com as outras.

Mas, o mais importante, eles ajudam a fornecer uma boa experiência ao usuário, auxiliando na navegação. E isso é o mais importante a ter em mente. Não coloque um monte de links para ajudar no SEO – isso terá o efeito oposto! Em vez disso, concentre-se em adicionar links que ajudem os visitantes do seu site. Isso é o que é realmente importante para os motores de busca.

Preciso incluir um aviso de direitos autorais no meu rodapé?

Um aviso de direitos autorais normalmente se parece com isso:

2022 Example.com

É essencialmente uma declaração por escrito de que o conteúdo e o design do site pertencem a você. E, embora não seja legalmente exigido, pode ajudar a evitar a violação de direitos autorais e ajudar você a vencer processos judiciais se processar alguém por roubar o conteúdo do seu site.

Posso usar widgets no meu rodapé?

Sim, um rodapé de site é uma área com widgets no WordPress. Isso significa que você pode adicionar widgets e blocos para criar seu conteúdo de rodapé.