O que é breadcrumb e qual sua importância para o SEO e Design de uma loja virtual como sua?

3 minutos de leitura
ACOMPANHE NOSSO BLOG

Digite seu e-mail no campo abaixo para receber conteúdo exclusivo sobre e-commerce e marketing digital

Faça com que seus consumidores encontrem e naveguem pelo seu site e-commerce com mais facilidade

Neste exemplo tirado da loja virtual Lemare Móveis, o breadcrumb é o caminho demarcado na cor amarela
Neste exemplo tirado da loja virtual Lemare Móveis, o breadcrumb é o caminho demarcado na cor amarela

Nos ramos de Design e Front-End de lojas virtuais, a palavra inglesa “breadcrumb”, que significa literalmente “migalha de pão”, serve para designar um recurso usado para oferecer melhor navegabilidade aos seus visitantes.

Geralmente, o recurso breadcrumb de uma loja virtual é posicionado no topo das páginas de produto e de categorias de produtos, entre outras, como você pode perceber na imagem do site e-commerce da Lemare Móveis (desenvolvido pela agência de Marketing Digital E-Plus com a plataforma Vtex) que acompanha este artigo.

A título de exemplo, suponhamos que você possua uma loja virtual que comercializa a diversão do momento, isto é, Hand Spinners de diferentes tamanhos e formatos. Para este caso, você poderia criar os seguintes breadcrumbs:

Home Page > Hand Spinners

Home Page > Hand Spinners > Simples > 3 abas

Home Page > Hand Spinners > Luminosos

Home Page > Hand Spinners > Luminosos

Home Page > Hand Spinners > Luminosos > 3 abas

Home Page > Hand Spinners > Luminosos > 4 abas

Neste mesmo exemplo seria possível incluir Hand Spinners feitos de plástico, metal ou outro material; em formatos de leme, estrela ou outro objeto; com ou sem adesivos, entre outras características.

Observe que os breadcrumbs são nada menos do que caminhos ou “migalhas de pão”, que possibilitam que um usuário/consumidor retorne para páginas visitadas anteriormente com mais agilidade.

Em resumo, as utilidades dos breadcrumbs para a sua loja virtual são:

Melhor visualização do contexto do seu site:

Seja lá em qual página o usuário do seu site e-commerce estiver, ele poderá se situar, se orientar com uma rápida olhada no breadcrumb. Essa indicação visual facilita o uso da sua loja virtual.

Maior facilidade de navegação:

Olhando para o nosso exemplo, suponha que um visitante esteja na página de produto de um “Hand Spinner Luminoso 4 abas” e queira voltar para o início. Nesse caso, basta ele clicar em “Home Page” no breadcrumb e pronto. Não houvesse esse recurso, o visitante teria que clicar três vezes em “Voltar” no navegador de internet ou procurar o botão “Home Page” no menu principal.

Melhor indexação aos mecanismos de buscas:

Motores de buscas como o do Google visualizam a hierarquia das suas páginas e usam essas informações para classifica-las nos resultados das pesquisas. Por isso, é importante inserir nos breadcrumbs aquelas palavras-chave (que se referem aos seus produtos) mais procuradas na internet. Trata-se, portanto, de uma tática SEO e-commerce.

Vídeo: saiba mais sobre SEO e UX no e-commerce

Sendo assim, planeje antecipadamente como serão os breadcrumbs do seu site e-commerce. Em uma agência de Marketing Digital, esse recurso começa a ser preparado nas etapas de Rafe e Briefing e é desenvolvido e aprimorado ao longo de todo o projeto de implantação de e-commerce. Lembre-se: se você tiver um bom sistema de breadcrumb, as pessoas vão encontrar e navegar pela sua loja virtual com muito mais facilidade.