Fugindo um pouco do assunto do blog vou ensinar hoje a vocês como corrigir o erro gerado pelos Breadcrumbs no Blogger. Como não sou exatamente da área me corrijam caso eu esteja errado em algum aspecto, estou fazendo esse post pois senti muitas dificuldades em encontrar um tutorial que me explicasse de modo simples como consertar o erro "data-vocabulary.org schema deprecated" apontado pelo Google Search Console.
Para quem não sabe os Breadcrumbs são os marcadores usados nos posts. O Google os usa para entender o conteúdo da página, assim como elaborar funcionalidades especiais nos resultados de pesquisa.
No começo desse ano (2020) o Google impôs o uso do Schema.org ao invés da estrutura de dados antiga Data-vocabulary.org, caso queira saber mais clique AQUI e veja o post oficial do Google sobre o assunto. Na prática isso significa que os posts com a estruturas de dados antiga não serão mais indexados pelo Google, assim diminuindo o tráfego do blog em questão.
Para resolver esse problema existe duas soluções, a primeira e mais simples é deixar de usar o Breadcrumbs em seu blog. Já a segunda é necessário que vocês mexam no html do blog, confira abaixo:
Abra o editor do tema do seu blog e localize essas linhas:
<span itemscope='' itemtype='https://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'>
<span itemprop='title'>Home</span></a></span>
Agora troque essas linhas do código exatamente por essas:
<span itemscope='' itemtype='http://schema.org/BreadcrumbList'>
<span itemprop='itemListElement' itemscope='' itemtype='http://schema.org/ListItem'>
<a expr:href='data:blog.homepageUrl' itemprop='url' title='Início'>
<span itemprop='name'>Início</span>
</a>
<span itemprop='position'>1</span>
</span>
</span>
Primeira parte completa, agora localize esse outro código:
<span itemscope='' itemtype='https://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url + "?max-results=9"' expr:title='data:label.name' itemprop='url'>
<span itemprop='title'><data:label.name/></span></a></span>
Agora troque por esse:
<span itemscope='' itemtype='http://schema.org/BreadcrumbList'>
<span itemprop='itemListElement' itemscope='' itemtype='http://schema.org/ListItem'>
<a expr:href='data:label.url + "?max-results=9"' expr:title='data:label.name' itemprop='url'>
<span itemprop='name'><data:label.name/></span>
</a>
<span itemprop='position'>2</span>
</span>
</span>
A única dúvida que restou foi se no itemprop do código acima na quinta linha eu colocaria "title" como usava antigamente ou "name" já que na estrutura de dados do Schema.org não existe "title". Então se souber, por favor me avise.
Com isso você já pode verificar se o erro já foi sanado no Google Search Console. E ah, não se esquecendo de um pequeno detalhe mas de igual importância, caso fique o Breadcrumbs com a numeração aparente baste aplicar um estilo na cor branca para dar uma disfarçada:
<span style='color: white;' itemprop='position'>2</span>