BreadCrumb Navigation - Não perca seu cliente!
Publicado por Heron Inouye em 18 de Setembro 2007 | Categoria: Breadcrumb Navigation
O que é breadcrumb navigation ?
Imagine que você quer comprar uma HD e vai procurar na internet.
Você vai no buscador, procura por “seagate 250Gb” e ele te indica uma página que contém o produto.
Logo no topo, você irá encontrar alguns links em sequência, mais ou menos assim:
Informática
>Discos RÃgidos e RemovÃveis>Seagate > 250GB
e logo abaixo a descrição do produto.
Você se pergunta: Pra que isso?
Esse tipo de elemento é chamado Breadcrumb Navigation. São elementos que ajudam você a navegar melhor pelo site. No exemplo acima, se você quisesse procurar por Hd’s de outros tamanhos de armazenamento, mas da seagate, você intuitivamente clicaria no link >Seagate e acharia uma pagina falando dos vários tipos de hd’s da seagate, incluindo seus vários tamanhos de armazenamento. Logo, você deixará seu usuário mais feliz pela questão de usabilidade.
Outra coisa importante: se o usuário chegou à página do produto diretamente pelo link do buscador, e ele der clicar no botão “Voltar” do navegador, ele voltará para o buscador, o que é ruim para você, pois haverá mais chances do cliente ir para outro site procurar pelo produto. Mas se ele ver mais elementos de breadcrumb navigation, maior a chance do cliente permanecer no seu site procurando por mais coisas.
E por fim, como isso diminuirá o esforço do cliente para atingir uma página, isso qualificará melhor suas páginas. E para um questão de SEO, testes dizem que isso agiliza a indexação das páginas.
Dica de breadcrumb navigation: Colocar varios links para paginas importantes em pontos estratégicos da página, como no menu ou no rodapé.
Dica 2 de breadcrumb navigation: Esquema de paginação sugerido pelo meu amigo Rafael no seu post de acessibilidade. Ex:
<<Previous 1 2 3 4 5 Next>>
Mas cuidado, não saia colocando link pra tudo pra nao poluir a pagina e pro crawler não achar que você é um spammer. E tome cuidado com os conteúdos duplicados gerados pelos links.
Por hoje é só. Valeuuu!
Sugerimos a leitura destes outros artigos...
- Nenhum artigo relacionado
19 de Setembro de 2007 às 3:18 pm
Cuidado com os bradcumbs, eles nao devem ser destaque da pagina e sim apenas uma ferramenta a mais.
O Steve Krug explica muito bem a função deles no “Nao me faça pensar” vale a leitura
20 de Setembro de 2007 às 9:31 am
Olá Rochester
Muito bem lembrado. Por isso eu ressalto pra nao sair colocando em qualquer lugar. Se isso for feito, alem de desvirtuar de sua função original(que é a de somente ajudar na navegação e usabilidade), corre o risco de gerar paginas com conteúdo duplicado.
20 de Setembro de 2007 às 9:31 am
Alias, mais sugestões de breadcrumb navigation são bem vindas
:p
01 de Outubro de 2007 às 1:49 pm
É o conteudo duplicado é outra questão..
Um forma interessante que parece ter se difundido bastante foi a de usar o sÃmbolo “>” para demontrar a hierarquia. O próprio nielsen que usava uma setinha antes agora usa o “maior que”. É bom ressaltar que mudanças nessa simbologia, apesar de raras, podem causar confusão, como o uso de “:” ou “-”
17 de Outubro de 2007 às 5:09 pm
Muito bom.. adorei o conteudo e realmente bem lembrado.. tava procurando e só aqui achei bem explicado…
vlw
04 de Dezembro de 2007 às 5:19 pm
Só faltou ensinar como usar o plugin Breadcrumb Navigation XT.
04 de Dezembro de 2007 às 7:46 pm
Eu instalei mas ele não apresenta a categoria. Aparece assim: TÃtulo do blog > TÃtulo da postagem . Até pensei que fosse problema com a estrutura da URL, mas uso a mesma que vocês.
04 de Dezembro de 2007 às 8:15 pm
Olá Anny,
Se eu não me engano, eu fiz a customização no script. Se quiser eu te passo por email.
fabioricotta _at_ gmail _dot_ com
Até mais
24 de Abril de 2008 às 9:54 am
[...] seu site e mostre ao usuário que ele continua no seu site, não o deixe perder a confiança. Coloque links de navegação para que ele possa voltar ao conteúdo do site e, se possÃvel, um campo de busca para que possa [...]