Melhores Práticas de Desenho de Rodapés para Websites: 27 Coisas para Colocar no Fundo

4. Termos de Uso

True, assinaturas de e-mail são mais prováveis de ocorrer em uma página onde o visitante obteve valor, como um post de blog útil, ainda não é uma má idéia deixar os visitantes se inscreverem a partir do rodapé do site.

As caixas de cadastramento de usuários devem ainda seguir as melhores práticas de cadastramento de e-mail, oferecendo prova social (quantos já se cadastraram antes?) e estabelecendo expectativas (o que com o assinante recebe? com que frequência?).

A lonely little email address box with a submit button isn’t likely to convert very well, like this guy…

Login

Not all visitors are prospects. Some visitors may be employees, partners, affiliate or resellers. If there’s a login area for these people, the footer is the best place for it.

These people come back often and know where to find things. No need to use valuable marketing real estate in the header for them. A little login link in the footer is fine, like ATI does here.

Press

Another type of non-prospect is the press. Realistically, only a fraction of 1% of your visitors are journalists and editors. Portanto, não desperdice espaço precioso em sua navegação principal com um link de imprensa.

Se alguém da mídia visitar, ele irá rolar para baixo e encontrá-lo.

Site Search Tool

Se não o encontrou no cabeçalho, na área de conteúdo ou em qualquer um dos links de rodapé, uma ferramenta de pesquisa do site é a rede de segurança final.

Ferramentas de busca não são tão comuns nos rodapés dos sites como os formulários de inscrição de e-mail, então se você usar uma, certifique-se que esteja claramente rotulada.

O site Smalley Steel Ring possui uma ferramenta de busca rápida de produtos, ajudando os visitantes a pular diretamente para o catálogo a partir de qualquer página.

Imagens

Se você realmente quer vestir seu rodapé, adicione uma imagem a ele. Here’s a chance to add personality to the site.

The Mason-Dixon Knitting footer features a picture of Kay and Ann, the two founders.

Mini Gallery

Why not go for the full pedicure? Rather than one image, add an entire gallery.

Experimental Sound Studio has a gallery of photos in the footer. Clicking a photo brings up the image within a lightbox.

Branding

Images are another chance to reinforce the brand. This is a good place to use an alternate version of your mark or use your logo in a different way.

The Center for Humans and Nature website uses the original version of their logo in the footer, where the header contains a simple, legible text treatment of their name.

Your Mission. Seus Valores

Logos são bons. Mas porque não dizer aos visitantes porque está no negócio? O rodapé é um excelente lugar para colocar sua bandeira e dizer-lhes o que você representa.

O rodapé do site da Better Government Association não só reafirma a missão deles, mas mostra o impacto que eles fizeram usando números no lado direito. É impossível perder o porquê ou como eles fazem o que fazem.

Keywords for Search Engine Optimization

Texto no rodapé é texto em todas as páginas. Portanto, é um excelente lugar para indicar a sua relevância para o Google. Se você incluir sua missão, sua declaração de valor ou um “sobre nós”, use isto como uma oportunidade para incluir sua frase chave primária.

Cautela: O texto do rodapé para SEO tem sido abusado por otimizadores de busca durante anos. Esta é provavelmente a razão pela qual o Google não coloca muito peso por trás das palavras-chave SEO nos rodapés. Portanto, não exagere. Apenas use a frase uma vez como texto, não como um link, e vá em.

O rodapé do site da Comissão de Certificação de Conselheiros de Reabilitação inclui o seu código de ética, que por acaso inclui duas das suas frases-chave mais importantes.

Awards e Certificações

Estes pequenos logótipos incutem confiança nos visitantes. Eles são uma forma de prova social e uma poderosa forma de alavancar o “Efeito Halo”. Se você já ganhou um prêmio, adicionar o logotipo desse prêmio ao seu rodapé é uma maneira rápida de adicionar credibilidade a cada página do seu site.

ProTip: Combine todos os seus prêmios, certificações e logotipos de membros em uma “caixa de confiança”.

Nitel tem ganho muitos prêmios ao longo dos anos. Gathering up those logos and putting them together in the footer of the website, helps build trust in a very competitive industry.

Certifications also come with logos. Here are a few that often appear in footer designs.

• Security certificates for ecommerce websites
• BBB certificate for businesses with local audiences
• Adwords certifications for digital marketing firms.
• GSA certificates for companies that work with the government
• MWBE certification for minority and women-owned enterprises
• B-Corp certification for socially and environmentally conscious businesses

Association Memberships

Membership has privileges. One of those might be a logo that can be used in a footer. Câmaras de comércio, associações industriais e até mesmo diretórios online podem fornecer logotipos que ficam bem em um rodapé.

Cookies By Design mostra suas associações no canto inferior direito de seu rodapé.

Testimonials

Nunca é uma má altura para deixar os seus clientes felizes dizerem algumas palavras. A inclusão de testemunhos em rodapés é uma boa maneira de adicionar provas sociais em todo o site. Aqui estão algumas orientações para usar os testemunhos:

• The best testimonials support the specific marketing claims of the page they’re on, so they’re not added generically to the footer on every page.
• The worst place to put testimonials is on a testimonials page. Check your Analytics, visitors just aren’t visiting that page.

The Jody Michael Coaching website includes a testimonial at the bottom of every single page. It’s right above the footer, allowing for a different testimonial on each page.

Latest Articles

If you’re active in content marketing, you can give your site a “pulse” but having your latest content pushed directly in your footer.

Solar Fuels Institute does this on their website, along with the social widget.

Or you may want to control which articles are featured in the footer. Então você pode selecionar aqueles que respondem perguntas comuns aos visitantes, ou aqueles que convertem os visitantes em assinantes de boletins de notícias com as taxas mais altas.

Ventuais eventos

Se você executar um monte de eventos, o rodapé é um bom lugar para promovê-los, uma vez que qualquer coisa no rodapé é provável de ser visto. Mas não adicione isso a menos que você sempre tenha um evento próximo, ou você terá um buraco na sua rede de segurança.

Video: A sua mensagem de boas-vindas

Texto é sobrepujado por imagens. As imagens são sobrepujadas por vídeo. Como regra geral, o vídeo é o formato mais convincente para o conteúdo. Portanto, se você realmente quiser ir tudo no rodapé, adicione um vídeo.

O site Marie Forleo aproveita ao máximo o vídeo, inclua um vídeo melhorado no rodapé.

Áudio: O seu Jingle

É raro mas possível adicionar um ficheiro de áudio a um rodapé. If anything it would likely be a clip that you’re repurposing from somewhere else, such as a radio spot.

The Food For Life website embeds a little audio player with their jingle into their footer. Charming!

One… Final… Call-to-Action

Every marketing page should have a call to action. So adding one to your footer is a way to make sure it appears everywhere. You should never leave visitors wondering how to take that desired action.

The Writers Theater website follows best practices for nonprofits by adding a prominent “Donate” button to the footer.

More Footer Design Ideas

Here’s a bit more inspiration for designing your next website footer.

Footer Color Schemes

Notice how many of the examples above show light text on a dark background. Inverter as cores é uma boa maneira de fazer com que os visitantes saibam que estão no fundo, e é o começo do fim da página.

ProTip: Cuidado ao inverter o esquema de cores (de texto escuro sobre um fundo claro para texto claro sobre escuro) na área de conteúdo de uma página. Fazendo isso pode criar um “fundo falso”, fazendo com que os visitantes acreditem que atingiram o rodapé, e possivelmente faltando o resto da página.

Pés pegajosos

Da mesma forma que a navegação pode “colar” no topo da página, independentemente da distância que o visitante percorrer, os rodapés podem colar no fundo. Está sempre lá, não importa a profundidade do scroll.

Os nossos amigos da Conversion Sciences usam um rodapé pegajoso que é sempre visível em cada página.

Quer o seu próprio rodapé pegajoso? Usando WordPress? Aqui está um plugin que cria rodapés pegajosos.

A Página Infinita… Sem Rodapé!

Todos os sites têm um rodapé, certo? Na verdade, alguns sites de notícias e mídia não têm rodapés, porque não há rodapés no fundo da página! As páginas apenas vão para sempre.

A abordagem “página infinita” ao web design apenas carrega o próximo pedaço de conteúdo enquanto o visitante se desloca para baixo. Veja o site do Quartz ou ESPN para exemplos. Estes sites nunca terminam.

O que você deve incluir no design do seu rodapé? Nossas diretrizes para o que incluir em seu rodapé

Tudo depende dos objetivos do seu site e das necessidades dos seus visitantes. Você é um grande site de ecommerce? Muitos links podem ser úteis. O serviço ao cliente está ocupado? Adicione essa informação lá em baixo.

Ask yourself: Os visitantes têm uma pergunta importante que não está respondida no cabeçalho? Se sim, adicione-a ao rodapé.

Expert Insight: Kurt Cruse “Tudo isto se resume a usar este valioso imóvel para servir os objectivos do seu site. Seja proposital. Seja útil. Be mindful. Put yourself in the user’s shoes and then make sure it’s well organized. Give ‘em what they need but don’t overwhelm them.”