Um guia para implementação de dados estruturados JSON-LD

Usar a marcação de esquema em seu site para habilitar rich snippets e aumentar sua presença nas SERPs não é uma estratégia nova. No entanto, geralmente descobrimos que nossos novos clientes podem ter se abstido de implementá-lo ou tiveram dificuldade em implementá-lo devido à falta de tempo ou recursos.

Mas as dores de cabeça de implementar microdados embutidos são coisa do passado. O Google não está apenas apoiando, mas também aconselhando que você use JSON-LD (JavaScript Object Notation for Linked Data) para seus dados estruturados, o que é um grande passo em frente. Isso significa que, em vez de ter que codificar microdados embutidos, o Google agora rastreará JavaScript para acessar seus dados estruturados.

Isso é ótimo, porque JSON-LD é mais fácil de trabalhar, ler e escrever, se você quiser. Além do mais, agora existem mais maneiras do que nunca de implementar seus dados estruturados.

“Mas e se eu não souber escrever JavaScript?”

As boas notícias não param por aqui. Esta postagem irá guiá-lo por algumas das maneiras mais fáceis de implementar seus dados estruturados, bem como listar alguns recursos muito úteis para aprender sobre JSON-LD.

Ferramenta Marcador de dados do Google

Em primeiro lugar, você tem a opção de usar a ferramenta Highlighter do Google Search Console, que permite implementar dados estruturados sem ter que olhar para uma única linha de código .

Você pode adicionar Schema para uma variedade de dados, incluindo artigos, eventos, produtos e informações de negócios locais. A ferramenta fornecerá uma visualização da página para que você possa destacar diretamente o conteúdo específico, adicionando a marcação para você à medida que faz:

Esta é a maneira mais fácil e rápida de adicionar dados estruturados ao seu site. Então, por que se preocupar em fazer da maneira mais difícil?

Bem, o problema é que o marcador de dados do Google só fala com o Google. Portanto, embora seja um ótimo lugar para começar, você não deve parar por aí.

Estamos observando desenvolvimentos contínuos na maneira como o Google usa dados estruturados. Mais recentemente, houve um anúncio de Rich Cards no celular:

Não se limita apenas ao Google - os gigantes da mídia social encontraram maneiras de utilizar esses dados. O Pinterest, por exemplo, permite que Rich Pins extraiam dados sobre produtos, receitas, locais e assim por diante.

Há muitas coisas legais que você pode fazer com a marcação do Schema, mas também não com a ferramenta de realce do Google. Por exemplo, por que não tentar adicionar seus perfis de mídia social ao painel de conhecimento como o ASOS tem abaixo:

Talvez você queira adicionar uma barra de pesquisa de sitelink como o BuzzFeed tem abaixo, para permitir que as pessoas pesquisem em seu site a partir da SERP (isso é tão meta):

Por todos os motivos acima, recomendamos enfaticamente que você use a ferramenta de realce de dados do Google como uma solução de curto prazo, ao mesmo tempo em que busca garantir que codificar sua marcação de esquema em suas páginas da web como mais uma solução à prova de futuro. Isso lhe dará total propriedade e gerenciamento de seus dados estruturados. Também pode beneficiá-lo no Bing e em outros mecanismos de pesquisa menores.

Maneiras fáceis de adicionar marcação de esquema

Se o seu site estiver no WordPress, você pode utilizar um plugin como o Schema Creator da Raven. Esta ferramenta útil irá guiá-lo através do processo e criar um shortcode para cada Schema que você criar, permitindo que você edite-o posteriormente:

Se você não usa WordPress e ainda deseja codificar manualmente seus dados estruturados JSON-LD ou se apenas deseja saber mais sobre o assunto, é aí que entra o Gerenciador de tags do Google!

Usando o Gerenciador de tags do Google para enviar dados estruturados

O que é interessante sobre os mecanismos de pesquisa que suportam JSON-LD é que ele será obtido em qualquer lugar do HTML, mesmo se for inserido dinamicamente por um sistema de gerenciamento de tags como o Gerenciador de tags do Google.

Aprendendo a usar JSON-LD

Antes de começar, você precisará passar algum tempo se familiarizando com JSON-LD. Felizmente, você pode encontrar muitos recursos úteis online, mas se ainda não se sentir confiante, você precisará consultar um desenvolvedor ou profissional de marketing com experiência em trabalhar com JSON-LD.

Aqui estão alguns links para você começar:

• Documentação em Schema.org, listada por tipo.
• JSON Playground, um ótimo lugar para brincar com as informações que você encontra no link acima, com alguns exemplos úteis para você começar.
• JSON-LD Generator do desenvolvedor James Flynn, muito fácil de usar e faz o trabalho pesado para você.
• Guia de dados estruturados do mundo real do Search Engine News, com exemplos de rich snippets disponíveis.

Guia passo a passo

Agora, vamos dar uma olhada em um exemplo fácil de seguir do uso do Gerenciador de tags para enviar dados estruturados JSON-LS para você começar. Observação: se você ainda não estiver usando o GTM para implantar e gerenciar tags de marketing e analíticas, leia este guia simples de configuração e instalação.

Etapa um - adicionar uma tag

Em primeiro lugar, adicione uma nova tag:

Etapa dois - dê um nome para sua tag

Dê um nome à sua tag que faça sentido. Neste exemplo, vou me concentrar em adicionar a marcação do esquema de organização:

Etapa três - selecionar a tag HTML personalizada

Como estamos usando nossa própria marcação JSON-LD, você precisa selecionar a opção de tag HTML personalizada e pressionar continuar:

Etapa quatro - insira sua marcação JSON-LD

Agora você precisa inserir sua marcação na caixa HTML. Neste exemplo, usei o formato JSON-LD para Organização encontrado aqui.

Etapa cinco - escolha quando a tag deve ser disparada

Para esta configuração específica, quero selecionar fogo em todas as páginas, porque é uma marcação de 'Organização' e, portanto, em todo o site. Para fazer isso, posso simplesmente selecionar 'todas as páginas' antes de salvar a tag. Minha implementação está então concluída:

Se quiser adicionar um esquema específico a uma página ou grupo de páginas em particular, você pode usar a opção 'algumas páginas' para especificar uma página específica:

Você pode querer fazer isso se estiver adicionando informações de empresa local à sua página de contato ou se tiver vários locais de negócios para marcar.

Dica: se você quiser especificar um grupo de páginas, poderá usar a operação 'contém' do URL da página ou a operação RegEx (expressão regular).

Outra dica: você pode combinar seus dados estruturados (código) em uma única tag HTML personalizada ou grupos lógicos de tags para reduzir o número de tags que você tem em seu contêiner.

Etapa seis - teste

Embora você possa usar a visualização e o modo de depuração do Gerenciador de tags do Google para testar se sua tag está sendo disparada, você também precisa verificar se está funcionando fora da plataforma do Gerenciador de tags:

O Google e o Bing têm ferramentas úteis para testar seus dados estruturados e garantir que tudo funcione como deveria. Lembre-se de publicar primeiro a versão do seu contêiner no Gerenciador de tags.

• Ferramenta de teste de dados estruturados do Google
• Validador de marcação do Bing

Certifique-se de usar essas ferramentas gratuitas ao testar sua implementação, quer você tenha usado um plug-in, Gerenciador de tags ou codificado seu Schema. O Google fez recentemente algumas melhorias em sua ferramenta, refinando recursos como destaque, pesquisa e substituição e preenchimento automático.

Este método permite inserir um snippet JSON-LD em uma página ou páginas sem problemas. Mas se você deseja obter mais informações técnicas e usar o Gerenciador de tags para gerar dinamicamente seu snippet, por exemplo, usando {{page URL}}, isso não funcionará. Chris Goddard escreveu recentemente um ótimo post incluindo uma solução alternativa para isso no blog do Moz.

Conclusão

Desenvolvimentos recentes nos últimos anos tornaram muito mais fácil implementar a marcação do Schema em seu site. A ferramenta Data Highlighter do Google é uma maneira fácil de adicionar rapidamente o Schema para benefício do Google, mas é aconselhável que você planeje codificar seu Schema, usando plug-ins, Gerenciador de tags do Google ou manualmente.

Implementar dados estruturados JSON-LD agora é a maneira mais amplamente aceita e recomendada de formatar a marcação do Schema. Embora não garanta que os resultados da pesquisa mostrem rich snippets ou rich cards, isso não deve desencorajá-lo de fornecer aos mecanismos de pesquisa os melhores dados possíveis, desde que sejam implementados corretamente.

Se precisar de ajuda para implementar dados estruturados em seu site, entre em contato.

Se precisar de ajuda com o seu, não hesite em nos contatar.