Pão ralado Ícone de marcador simples

Os breadcrumbs são auxiliares de navegação num sítio Web que permitem aos utilizadores seguir o seu caminho desde a página inicial até à página que estão a visualizar.

Última atualização 13 de novembro de 2023
Design de cabeçalho de rodapé com gradiente de roxo para branco

A navegação no sítio Web é crucial para a forma como você e os seus utilizadores se movimentam no seu sítio. Para saltar de uma página para outra e voltar a percorrer os seus passos, precisa de um sistema de navegação sólido. É aí que entra em jogo o breadcrumbs, um auxiliar de navegação.

Saiba tudo sobre a definição de breadcrumbs, os seus benefícios e como utilizá-los agora!

O que são migalhas de pão?

Pistas de navegação são uma ajuda à navegação que permite aos utilizadores manter o controlo da sua posição num sítio Web. Inclui uma série de frases de texto âncora que apontam para as páginas em que se clicou anteriormente ou para as páginas-mãe da página atual.

Para que serve o pão ralado?

Os "Breadcrumbs" são úteis para sítios Web com uma arquitetura de sítio profunda, uma vez que existem muitas páginas para acompanhar e percorrer. Os breadcrumbs são úteis para muitos objectivos, mas os dois principais são:

  1. Organização
  2. Navegação

À medida que constrói o seu sítio Web, deve pensar na forma como os utilizadores e os motores de busca irão aceder a cada página e como cada página se relaciona. A criação de páginas principais facilita a apresentação de ligações entre páginas e a criação de conteúdos para a secção adequada.

No entanto, o principal objetivo dos breadcrumbs na conceção da Web é a navegação. Os utilizadores podem aceder aos breadcrumbs e voltar uma página atrás, ou podem ver como as páginas se relacionam com a página inicial. É muito mais fácil do que começar do zero e percorrer todas as páginas novamente.

Por exemplo, se o caminho for "Produtos > Sapatos > Homem > Ténis", podem voltar atrás e encontrar sapatos de senhora ou mudar o estilo de ténis para sandálias. Não têm de voltar à página inicial - podem utilizar os breadcrumbs para ver como as páginas se relacionam e navegar pelo sítio.

Porquê utilizar breadcrumbs na conceção da Web?

Os breadcrumbs são um método essencial para a navegação no sítio. Embora existam muitas outras formas de construir o seu sítio Web, os breadcrumbs oferecem as seguintes vantagens:

Incentivar a navegação

A utilização de breadcrumbs indica aos utilizadores onde encontrar a informação e leva-os a outras páginas do seu sítio Web. Esta vantagem reduz as taxas de rejeição e mantém as pessoas no seu sítio.

Aparecer nos resultados da pesquisa

Percepções de especialistas de Logótipo Google

"Recomendamos a utilização da marcação de dados estruturados de migalhas de pão ao mostrar migalhas de pão."

Central de pesquisa do Google

O Google irá inserir informações de migalhas de pão nas páginas de resultados dos motores de busca (SERPs). À medida que os utilizadores navegam pelos resultados, podem ver a sua página e as suas categorias e sentir-se mais inclinados a clicar:Breadcrumbs em SERPs

É por isso que o motor de busca recomenda a utilização da marcação estruturada de migalhas de pão.

Bom para a experiência do utilizador (UX)

Os utilizadores não querem andar à procura de páginas ou perder-se no seu sítio Web. Facilitar a navegação mostrará às pessoas que se preocupa com a sua experiência e criará confiança.

Melhorar a rastreabilidade e a indexação

Os breadcrumbs também beneficiam as tácticas de otimização dos motores de busca (SEO). A ligação das suas páginas com um sistema de migalhas de pão pode ajudar os motores de busca a indexar as suas páginas e a rastrear o seu sítio Web.

Mais uma vez, estas vantagens são mais bem conseguidas com um sítio Web mais complexo, com muitas páginas. Se acha que ainda não precisa de migalhas de pão, talvez seja melhor experimentar outros métodos de navegação.

Sugestões para utilizar a navegação de navegação

Por isso, agora que já sabemos o que são breadcrumbs, é altura de investigar como pode utilizá-los eficazmente. Aqui estão quatro dicas para utilizar a navegação de migalhas de pão no seu sítio Web:

  1. Utilizar separadores transparentes
  2. Prestar atenção ao tamanho e à cor da letra
  3. Mostrar todo o caminho
  4. Tornar visível o pão ralado

Saiba mais sobre cada um deles abaixo.

1. Utilizar separadores transparentes

Ao adicionar breadcrumbs ao seu site, certifique-se de que faz uma separação clara entre cada categoria de página. Aqui está um exemplo da Ulta:

Exemplo de separador de migalhas de pão

The slashes and spacing indicate the different pages and make it easier for users to backtrack and click. Slashes and less-than signs (<) are the most common choices for separators between pages.

2. Prestar atenção ao tamanho e à cor da letra

O tamanho e a cor do tipo de letra são importantes para captar a atenção do público sem o distrair do resto da página. Uma vez que os breadcrumbs são apenas uma ferramenta, não devem ser o foco da página, mas devem ser fáceis de encontrar.

Aqui está um exemplo da Trader Joe's, que utiliza letras vermelhas e cinzentas para combinar com a sua marca:

Exemplo de cor do breadcrumb

Uma vez que os breadcrumbs estão normalmente no topo da página, como neste exemplo, devem ser fáceis de ver sem ocupar demasiado espaço.

3. Mostrar toda a trajetória

O facto de os breadcrumbs mostrarem todo o caminho das páginas é o que os distingue de outros tipos de navegação. Certifique-se de que inclui todas as páginas, incluindo a página inicial, como este exemplo da Caterpillar:

Exemplo de caminho de navegação

No mínimo, este passo mostra ao utilizador como navegou até onde está a partir da página inicial. Mesmo que o utilizador não regresse à página inicial, pode ser útil ter a opção apresentada.

4. Tornar visível o pão ralado

Tal como a nossa segunda dica, certifique-se de que os seus breadcrumbs estão visíveis na página. Os utilizadores não querem ter de procurar durante muito tempo uma forma de navegar - desistirão rapidamente. Colocá-los no topo da página é a opção mais segura para a maioria dos sítios Web.

Breadcrumbs e o seu sítio - E agora?

Os breadcrumbs são uma excelente estratégia para aumentar e desenvolver ainda mais o seu sítio Web. Com as tácticas e dicas acima descritas em mente, pode começar a criar o seu sítio Web e a ter um impacto nas suas vendas e noutras métricas.

Acima de tudo, certifique-se de que tem em conta o seu sítio Web, o seu orçamento e o seu público-alvo antes de se lançar em qualquer método. Se precisar de aconselhamento, não hesite em contactar-nos para conversarmos sobre web design, SEO e tópicos relacionados.

Não falhe o teste mais importante do seu sítio Web

Obtenha gratuitamente um quadro de resultados de SEO do seu sítio Web em menos de 30 segundos.