Dados Estruturados JSON-LD Schema.org

Neste artigo eu vou citar alguns pontos importantes sobre JSON-LD e o Schema.org. Vou definir o que são os dois e porque você deve usar em seu site. E claro, vou ajudar aqueles que quiserem implementar.

Há muitas maneiras de permitir que o googlebot e outros crawlers entendam o que o seu website está dizendo. Além de produzir um conteúdo incrível, que deve ser sempre o seu principal objetivo, também precisamos nos atentar aos dados estruturados, o principal deles, o Schema.org. O JSON-LD é uma forma (relativamente) nova de formatar dados do Schema.org para os sites de busca. Ele vem com alguns benefícios importantes, então vamos mergulhar.

O que é JSON-LD?

Primeiro vamos ver o que é o JSON-LD para que possamos realmente entender o que ele faz.

JSON-LD, é um método de codificação de dados vinculados usando JSON. O objetivo era exigir o mínimo de esforço possível dos desenvolvedores para transformar JSON em dados vinculados. Isso permite que os dados sejam serializados de maneira semelhante ao JSON tradicional.

Separando…

JSON

O JSON é um formato de troca de dados entre sistemas independente de linguagem de programação derivado do JavaScript. O JSON é fácil de ler e escrever.

LD

Dados vinculados ou dados “linkados” (inglês, Linked Data) é a maneira que a Internet usa para conectar dados relacionados.

Dados vinculados é meio que a Internet usa para conectar dados relacionados que não estavam vinculados, para ser mais claro, é uma maneira de relacionar conteúdo semanticamente usando outros métodos que não sejam somente através de links.

Mais especificamente, a Wikipedia define Linked Data como um termo usado para descrever uma prática recomendada para expor, compartilhar e conectar partes de dados, informações e conhecimento na Web usando URIs e RDF.

---

JSON-LD é uma combinação de ambos. É um snippet que informa qual preço pertence a qual produto ou qual código postal pertence a qual empresa. Basicamente, em vez de adicionar atributos do schema.org em elementos individuais em uma página, você está fornecendo um pequeno bloco de código JavaScript com todas essas informações.

Por que usar o Schema.org?

São dados estruturados para o seu site se comunicar melhor com crawlers e outros tipos de softwares que usam a documentação Schema.org para interpretar dados. O Schema.org fornece maneiras de apresentar suas informações ao Google e outros sites de busca de maneira legível por meio de linguagem de máquina.

Com esses dados estruturados, você cria a opção para o Google exibir seu conteúdo em duas categorias da Pesquisa:

• Rich Snippets (fragmentos ricos), são informações adicionais presentes no código do website, como o preço de um produto, classificação e/ou disponibilidade do mesmo. São exibidos nos resultados da pesquisa como informações adicionais.
• Knowledge Graph cards. Este é um pouco mais difícil, pois seu conteúdo deverá ser identificado como uma “autoridade” para determinada busca. É um resultado que não depende de nenhum código interno em seu site, ele é formado inteiramente pelo site de busca.

Também existe o Sitelinks Searchbox, aqui a tradução fica meio estranha, mas trata-se de uma caixa de pesquisa integrada ou não a seu website que é exibida diretamente no resultado de pesquisa.

Sitelinks Searchbox

O Google pode expor uma caixa de pesquisa junto ao snippet do seu website e aparecer diretamente no resultado de pesquisa. Esta caixa de pesquisa é alimentada pelo sistema de busca do Google ou qualquer outro sistema de busca. No entanto, se você deseja ativar essa caixa de pesquisa para seu próprio sistema de busca ou se quiser que os resultados da pesquisa também incluam seu aplicativo para dispositivos móveis, use os dados estruturados incorporados em seu site.

Como você pode ver, é muito importante otimizar seu site usando o Schema.org.

Por que JSON-LD?

Os métodos que foram usados para implementar os dados estruturados do schema.org antes do JSON-LD eram incômodos. Você precisava adicionar atributos do schema.org diretamente em seu HTML. O HTML pode ter que mudar de acordo com a página, mesmo que você estivesse incluindo o mesmo em todas as páginas. Isso tornou o schema.org difícil de implementar, a manutenção pode ser ainda mais complicado. Para mim, como desenvolvedor e especialista em SEO, deixar toda a implementação do schema.org no front-end é trabalhoso e difícil de escalar.

O JSON-LD permite que você colete todos os dados sobre o seu produto e os mostre em um pequeno código JavaScript, que pode ser renderizado em qualquer lugar do HTML. Isso permite que você trabalhe em uma implementação do schema.org usando o JSON, não entrando em conflito com o front-end do seu website.

Você pode adicionar basicamente qualquer schema ao seu website com JSON-LD, até mesmo breadcrumbs:

Na verdade, em sua documentação, o Google geralmente afirma que o JSON-LD é a maneira mais fácil de adicionar metadados a websites. É a opção com menor probabilidade de quebrar quando você faz outras alterações.

Adicionando o script ao seu website

Felizmente, o JSON-LD está configurado em um formato padronizado. Veja um exemplo desse formato para um produto qualquer:

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Product",
  "name": "Tênis Nike Dart 12 MSL Masculino - Preto e Brancol",
  "image": "https://static.netshoes.com.br/produtos/tenis-nike-dart-12-msl-masculino/26/D12-2683-026/D12-2683-026_zoom1.jpg",
  "description": "Tenha um aliado na busca por performance nos treinos, com o novo Tênis Nike Dart 12 MSL.",
  "brand": {
    "@type": "Thing",
    "name": "Nike"
  },
  "offers": {
    "@type": "Offer",
    "priceCurrency": "BRL",
    "price": "169.00"
  }
}
</script>

Você pode usar qualquer esquema Schema.org com JSON-LD. Depois de adicionar um novo script JSON-LD ao seu website, valide seu código usando a Ferramenta de Teste de dados estruturados do Google.

Como você pode ver, isso pode ser facilmente adaptado ao seu website. Existem geradores como este, que podem ser úteis e facilitar a configuração. Se você estiver usando o WordPress, obviamente existem plugins que podem ajudá-lo também.

Se você usar o Plugin Yoast, ele vem com uma pré-configuração de dados estruturados em seu core, basta configurar as informações solicitadas.

Espero te ajudado, qualquer dúvida ou comentário você já sabe, só postar aqui no blog mais abaixo.