O que é Breadcrumb e como ele pode ajudar na indexação de nosso blog

em 2 de junho de 2014

breadcrumbs no blog como instalar

Você conhece o conto de fadas João e Maria?
Lembra que na história os irmãos deixam para trás migalhas de pão para conseguirem achar o caminho de volta depois que o pai deles os abandona na floresta?
Então, o termo breadcrumbs vem daí e significa, literalmente, migalhas de pão, algo que serve para indicar o caminho.

No mundo dos blogs o termo breadcrumbs designa o caminho que o leitor e os robots de busca e indexação do Google e similares fazem para chegar ao seu conteúdo.
Breadcrumbs são uma ferramenta importante no trabalho de otimização do blog e faz parte do conjunto de ações que chamamos técnicas de SEO.
Eles ajudam na indicação aos robots de busca, indicando para eles o caminho a seguir para indexar o conteúdo do blog.
E para o leitor também é útil, além de ser visualmente bonito e organizado um blog com Breadcrumbs ativos e bem definidos.


Dica extra importante:
Há uma categoria aqui no blog chamada Otimização. Há bastante coisa lá que pode ser útil para você e para seu blog.

Vamos aprender o modo simples e fácil de instalar em seu blog os Breadcrumbs?
Vem comigo!

Para começar clique na aba Modelo de seu blog.
A seguir clique em Editar HTML.
Dentro da caixa de código tecle Ctrl+F e na barra de busca que abrir  cole isso:



Dê Enter para localizar.
Quando encontrar substitua o trecho por este código:

Copiar o código

Salve a alteração.
Agora cole esse trecho dentro da barra de busca:



Clique Crtl+C dentro da caixinha para copiar.

Novamente dê Enter para localizar.
Você vai encontrar essa ocorrência 2 vezes. Substitua ambas as ocorrências por esse código:

Copiar o código



Salve as alterações.
Está prontinho.
O resultado aparece apenas nas páginas internas, e você pode conferir aqui mesmo em meu blog.
Veja como fica clicando no título do post se você estiver na home do blog ou simplesmente olhando acima do título do post caso esteja na página interna dele.


Gostou?
Então curta ou compartilhe o post para que mais pessoas possam ser beneficiadas com o trabalho realizado no blog!

Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

28 comentários , comente também!

  1. Oi Elaine!

    Não conhecia o termo. Você sempre nos ensinando como melhorar nossos blogs!

    Beijos, Renata
    palpitandoemtudo

    ResponderExcluir
  2. Gostei da dica e quis experimentar no meu blog, mas os códigos que vc indicou não foram encontrados no meu blog. :(

    Abraços.

    ResponderExcluir
    Respostas
    1. Tuka, tem certeza?
      É que todo template tem essas linhas, são elas que definem o local dos posts, por exemplo.
      E no caso do seu, o Simples, é mais provável ainda que tenha, a menos que tenha já sido editada essa parte.
      bjssss

      Excluir
  3. show Elaine! Acabei de receber o feed e fiz no meu blog. Adoro essas dicas de otimização. Vlw! bjus!

    ResponderExcluir
  4. Vou tentar assimilar, entendi tudo mas não sei se conseguirei rsrs
    Beijos.

    ResponderExcluir
  5. :( eu não consegui....aliás com essa interface nova não consigo praticamente fazer nada no meu blog, coisa que antes, num outro antigo que tenho era super fácil...Mas tô sempre de olho nas dicas e tentando né? Vai que uma hora dá certo? Beijos...

    ResponderExcluir
    Respostas
    1. Hum... eu olhei seu blog, é um modelo que uso muito em meu trabalho.
      Os códigos existem nele.
      Será que você está procurando do modo certo?
      beijosss

      Excluir
  6. Que bom que vc postou essa dica, Elaine! Eu tava mesmo querendo saber EXATAMENTE isso =)

    hehehehe

    Adorei!!

    beijão

    ResponderExcluir
  7. Olá Elaine achei os códigos direitinho só que na hora se valvar aparece essa notificação

    "O widget com id "blog1" contém pelo menos dois elementos b: includable com o mesmo id: "breadcrumb". Todos os B: includable elementos devem ter uma identificação única para um determinado Widget".

    ResponderExcluir
    Respostas
    1. Junior, seu template deve ter os códigos já instalados.
      Pode ser isso, e aí é trabalho de lupa pra achar e deixar só o que te interessar manter...

      Excluir
  8. Oi Elaine compartilhado .
    A palavra eu conhecia e o seu significado , mas não conhecia a ligação dela com o mundo dos blogs legal .
    Beijinhos
    Deus abençõe

    ResponderExcluir
  9. Oi Elaine! Adoro seu blog! Sempre tem coisas ótimas por aqui! Está de parabéns!
    Gostaria de saber se tem um meio de modificar a cor e o tamanho de fonte. Seria de muita ajuda se pudesse me dar uma mãozinha quanto a isso! Obrigada!

    ResponderExcluir
    Respostas
    1. Luciene, as cores e fontes seguem o padrão de seu blog. Acho que tem um código pra alterar mas agora não lembro.
      Se eu achar eu atualizo o post, tá?
      beijos

      Excluir
  10. Olá Elaine, Seu blog ta ajudando muito a editar o Blog de minha esposa!

    Eu queria que o Breadcrumb aparecesse abaixo do título da postagem e não acima. Tentei fazer algumas alterações, mas não deram certo. É possível?

    http://www.laislima-vaidades.com.br/

    ResponderExcluir
    Respostas
    1. Jailson, não é possível, sempre aparecerá acima.

      Excluir
  11. OI, Elaine!

    Não entendi se na segunda etapa de inserir os códigos tem q apagar o código 1 e inserir as 2 linhas de códigos ou se é para substituir a linha 1 apenas pela 2. Eu fiz a segunda opção, só que o breadcrumb aparece com a expressão sem marcador.
    obrigada www.dupladeviagem.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Emmanuelle, substitua conforme explico no texto.
      Se aparece a expressão sem marcador é porque a postagem não tem marcador, quando tiver deve aparecer.
      bjsss

      Excluir
    2. Olá, Elaine, muito obrigada pelas dicas!

      Eu fiz isso no meu blog, mas não aparecem duas linhas com , e sim apenas uma. Uso o Blogger.

      Obrigada!
      www.helenafroes.com.br

      Excluir
    3. Helena, talvez o fato de seu template ser modificado seja o motivo...

      Excluir
    4. Obrigada por responder!
      Então como faço para adicionar os breadcumbs?

      :*

      Excluir
    5. Não sei dizer, pois por ser template baixado da internet os códigos são diferentes...varia de modelo para modelo e é impossível eu saber quais são as peculiaridades do seu...
      bjsss

      Excluir
  12. Olá Elaine, tudo bem?
    É a primeira vez que faço um comentário no seu blog embora eu o leio assiduamente.
    Eu consegui usar seu tutorial e ele funciona. Mas eu gostaria de saber se o uso desse recurso ainda é relevante.
    Pergunto isso porque notei em minhas buscas de SEO pela net que algumas dicas se tornaram obsoletas em virtudes das mudanças no Google. Ficaria grata se respondesse.
    Aguardo retorno.
    Obrigada

    ResponderExcluir
    Respostas
    1. Marcia, eu não uso mais mas é por hábito/gosto mesmo.
      Mesmo se houver perdido a relevância prejudicar não prejudica...
      bjssss

      Excluir
  13. Acabei de fazer e deu certinho, tudo funcionando.
    Estou construindo o layout do meu blog, bem minimalista e usando suas dicas, uma a uma e estou satisfeita com os resultados. Ainda faltam muitas coisas mas eu vou fazendo devagar, já que estou aprendendo.
    Não quero mais usar templates cheios de códigos maliciosos, que só me dão dor de cabeça.
    Muito obrigada, mais uma vez e bom FDS!

    ResponderExcluir
  14. Obrigada pelas dicas, apliquei no meu blog.
    Beijos <3

    www.mundoyoung.com.br

    ResponderExcluir
  15. Eu fiz e estava usando mas precisei refazer tudo no blog...e agora, depois que você mudou o layout, não tem como copiar o código de busca. Não seleciona, não abre o código, nesta postagem.

    ResponderExcluir
  16. Elaine, você não existe! Amei encontrar os códigos disponíveis...vou fazer já.
    Deus te cuide muito e sempre!
    Beijosss

    ResponderExcluir
  17. Prontinho, feitinho e rapidinho...obrigadão!

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…