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.