Corrigir breadcrumbs do Shopify - esquema data-vocabulary.org obsoleto

Os avisos foram abundantes em janeiro - o esquema data-vocabulary.org foi suspenso - os erros amarelos no Google Search Console e a ameaça de não haver mais migalhas de pão ricas nos resultados de pesquisa.

Você pode testar se o seu site tem o problema inserindo uma subpágina com localização atual schema.org nos testes do Google ferramenta: https://search.google.com/structured-data/testing-tool#

O esquema data-vocabulary.org foi descontinuado console de pesquisa do Google.

Como corrigir o esquema data-vocabulary.org obsoleto na localização atual do Shopify

O código breadcrumbs no Shopify está localizado na seção snippets, em breadcrumb.liquid:

localização do arquivo snippers shopify breadcrum no administrador

O código de localização atual do Shopify que você provavelmente terá (se tiver esse erro) conterá as seguintes referências:

Uma declaração de itemtype de que este é o esquema breadcrumb:

Uma referência ao URL da página:

Uma referência ao título da página: {{'general.breadcrumbs.home' | t}}

A maneira mais fácil de atualizar este código em uma forma aceitável é usar o Esquema de Microdados.

Você pode encontrar o código de exemplo em o site schema.org aqui, que mostra que você precisa de dados para o url, título e posição da página na lista de localização atual:

exemplo de microdados de esquema listitem

Substituir o código existente pelo novo formato pode diferir por tema, mas darei a você os princípios gerais primeiro, seguidos por meu código de exemplo para referência.

Atualizando Seu Código - Tipo por Tipo

Então, vou examinar cada campo de dados que o schema.org requer e observar como ele mudou e como podemos implementá-lo no Shopify.

1. Declaração da lista de localização atual do Schema.org

As migalhas de pão geralmente estão na formatação html de lista, e uma lista ordenada é recomendada (mas não obrigatória, pois estamos usando a posição).

Para iniciar a marcação, queremos declarar que estamos criando uma lista breadcrumb, envolvendo todos os itens breadcrumb em uma lista pai, usando este código:

E lembre-se, haverá um acabamento tag necessária no final.

Isso deve ser adicionado dentro dos divs pais que serão usados ​​para estilizá-los, no meu exemplo é:

Então, no meu exemplo, eu adicionaria o

Etapa 1: adicione a referência de localização atual no html da lista ordenada, conforme mencionado acima.

2. Removendo referências de vocabulário-dados de localização atual individuais

Agora que todos os dados estão agrupados em uma lista declarando que é uma lista de localização atual, não precisamos de rótulos individuais em cada item.

No Código Github usado por muitos aqui, cada referência de página individual é agrupada no seguinte div:

{{coleção.título}}

Agora, podemos remover o linha.

Etapa 2: remova os divs mencionados acima.

3. Adicionando cada item da lista

Em cada instância em que removemos um DIV na seção anterior, agora precisamos adicionar um rótulo de item de lista para cada um deles.

Queremos declarar que cada um deles é um item da lista pai e fazemos isso envolvendo-os no seguinte código de lista:

{{coleção.título}}

Como você pode ver o tags envolvem os dados dos urls.

Etapa 3: agrupar itens individuais da lista em

4. Substituir rótulos de dados por nova marcação

Microdata não usa os mesmos rótulos que vocabulário de dados, nós precisamos atualizar os nomes para URL e Nome da Página.

Os dados antigos são rotulados com url para o url da página e título para o nome da página:

{{coleção.título}}

Agora precisamos substituir url com iteme substituir título com nome, igual a:

{{coleção.título}}

Etapa 4: substitua os rótulos de dados do url e do título conforme mencionado acima.

5. Adicionar posição para cada item

A referência final necessária em Microdata schema.org para breadcrumbs é a posição de cada item na lista.

Felizmente no Shopify não há subcategorias ou subcategorias, portanto, as opções de posição não são tão extensas.

Você deve adicionar o código de posição antes das tags de fechamento / bruto] em cada lista de itens. A posição da página inicial é sempre 1, então você pode adicioná-la ao código de referência principal da seguinte forma: [bruto]

A posição da página de coleção é sempre 2, e o produto a posição da página é 2 (se não houver coleção na localização atual) ou 3 (se houver uma referência de coleção na localização atual).

Eles são adicionados da mesma forma que a posição da página inicial.

Etapa 5: adicione a posição para cada item conforme descrito acima

O exemplo completo do código de localização atual do Shopify

Eu carreguei o exemplo de código completo para o Google Drive aqui.

Lembre-se de que isso pode não funcionar 100% corretamente para o seu tema.

Deve ajudar a dar a você uma ideia de como são os dados estruturados válidos e ajustar seu modelo de acordo.

Se precisar de ajuda com este ou qualquer outro SEO problemas, então você pode me enviar um e-mail para [email protegido], meus serviços de consultoria de SEO ajude empresas como a sua a melhorar o tráfego no Google e em outros mecanismos de pesquisa.

Você pode ver os resultados dos meus clientes mais recentes aqui.

Quão útil foi esta postagem?

Clique em uma estrela para avaliá-la!

Classificação média 4.5 / 5. Contagem de votos: 2

Nenhum voto até agora! Seja o primeiro a avaliar esta postagem.

Lamentamos que este post não tenha sido útil para você!

Vamos melhorar este post!

Diga-nos como podemos melhorar esta postagem?

Matt Jackson

Especialista em Ecommerce SEO, com mais de 8 anos de experiência em tempo integral na análise e correção de sites de compras online. Experiência prática com Shopify, Wordpress, Opencart, Magento e outros CMS.
Preciso de ajuda? Envie-me para mais informações, em [email protegido]

Este item é 0 Postar comentários

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios são marcados com *