BARRA DE NAVEGAÇÃO – BREADCRUMBS

A barra de navegação informa os motores de busca, e especialmente para os usuários do local onde se encontra em cada momento dentro do site. Também oferece valiosos links internos com bom anchor text  e posiciona as páginas dentro de uma hierarquia que vai servir para estruturar o seu website.

Os breadcrumbs (migalhas de pão) é mais útil para grandes sites, pois cada página é um possível fonte de tráfico, onde o usuário, depois de efectuar uma busca chega (Landing page – página de aterragem) directamente a uma página que não a Home. Para que tenha de imediato uma ideia de onde se encontra é só olhar a barra de navegação.

Alguns exemplos:

Os breadcrumb tem duas funções básicas:

1) Possibilitar que o usuário dê saltos entre diferentes niveis de informação, diminuindo assim algumas etapas e agilizando o acesso ao conteúdo.

2) localizar os usuários dentro da arquitetura do site, mapeando de forma que o usuário entenda onde está, a grosso modo funciona como um pequeno “mapa do site”.

Várias vezes os breadcrumbs são usados incorretamente nos websites. Ás vezes usar o voltar do navegador é mais rápido do que navegar pelos breadcrumbs, isso acontece porque o botão do navegador usa o cache local, com isso a função de pular etapas do breadcrumb nem sempre é muito eficiente. Mas isso pode ser resolvido se for usado um recurso em javascript  “javascript: history-go(-1)” isso faz com que o recurso do breadcrumb funcione exatamente como o botão voltar do navegador, aproveitando o cache.

Observação: caso o usuário não tenha feito o caminho indicado no breadcrumb, essa função não vai funcionar.

Não pense que com o breadcrumb é a chance de encher o site com palavras-chave texto âncora (tome cuidado com os conteúdos duplicados gerados pelos links nos breadcrumb), ás vezes é necessário pensar em uma abordagem menos centrada SEO. Afinal, o uso do breadcrumb é visando que o usuário navegue melhor pelo site, e porque queremos que o usuário tenha uma navegação melhor no site? O objetivo é claro: para que ele consiga efetuar sua ação de maneira fácil e rápida e ao final, volte. Sempre.

Como potencializar a usabilidade dos breadcrumb no seu website?

1)      Não utilizá-lo em sites simples.

2)      Colocar na parte superior da página, sempre a abaixo do menu.

3)      Utilizar fonte de corpo pequeno.

4)      Não utilizar o ultimo item como título da página.

5)      Utilizar algum sinal que demonstre continuidade entre os itens. Exemplo: “>” e “>>”

6)      Utilizar duas linhas quando necessário.