Blog
Início » Implementando Dados Estruturados
jun 27, 2017 |

Implementando Dados Estruturados

Imagem destacada de Implementar Dados Estruturados.

Como vimos em nosso último post, entendemos que os Dados Estruturados são um meio de ajudar os motores de busca a entenderem melhor o conteúdo da nossa página. Dessa forma, conseguimos ter mais relevância na pesquisa do usuário. Mas como implementar Dados Estruturados?

Caso você ainda não tenha lido nosso post sobre Dados Estruturados, clique aqui e saiba mais antes de prosseguirmos com nosso artigo. ; )

 

Como implementar Dados Estruturados em uma página

 

A implementação dos Dados Estruturados pode ser efetuada de duas formas, tanto por código quanto pelo uso de ferramentas. No segundo caso, o foco está em simplificar o trabalho ao realizar a implementação.

 

Implementação Manual

 

Para implementarmos manualmente o código dos dados estruturados, podemos faze-lo utilizando o JSON-LD.

Mas por que usar o JSON-LD especificamente?

Simplesmente pelo fato dele gerar um script que pode ser inserido na página sem a necessidade de alterar a estrutura HTML da mesma ao adicionar atributos extras a cada tag que seja necessária.

Portanto, isso já facilita em muito a implementação do código em si.

Outro fator que influência muito na escolha do JSON é que o Google, assim como a W3C indicam seu uso como recomendado.

 

Como Facilitar a implementação dos Dados Estruturados

 

Pode-se imaginar que nem todos gostam de programar ou codificar. Sendo assim, como implementar Dados Estruturados no seu site sem mexer no código?

Existem ferramentas que podem fazer isso por você, como é o caso do Assistente de Marcação de Dados Estruturados do Google Search Console.

Caso você ainda não conheça o Google Search Console, temos vários posts sobre ele bem aqui, desde o que é o Google Search Console, a até mesmo suas funcionalidades (parte 1, parte 2).

 

Funcionalidades do Assistente de Marcação de Dados Estruturados do Google

 

O Google – como sempre – oferece uma ferramenta que não apenas facilita a implementação de Dados Estruturados. Mas também ajuda na sua criação.

Sim, é isso mesmo, ela facilita a criação! Como? Trabalhando de fato, como uma “marcação” dos dados.

Para acessá-la, você precisa:

  • acessar sua propriedade  no Google Search Console:
  • Acessar o menu Aspectos da pesquisa;
  • acessar o Marcador de dados e aqui está a ferramenta.

Como acessar a ferramenta no menu.

Para começar a marcar, você precisa inserir a URL  do seu site, para que ele possa pegar as páginas necessárias. Feito isso, você precisa definir sobre o que seu site fala, dentro das opções oferecidas pelo marcador.

Seleção de domínio para começar a marcação.

Decorrente disso, temos finalmente a parte interessante da ferramenta. Ela possibilita que, você selecione a informação e identifique qual o seu contexto.

Ou seja, você seleciona o texto da informação, e escolhe “esse é o título” ou “essa é uma imagem”.

Exemplo de marcação de dados.

Bem simples né? Assim você adicionará os Dados Estruturados Ao seu site de forma simples e fácil. E claro, com toda a certeza, de forma bem mais fácil do que seria inserir-los no seu código fonte né!?

 

Schema.org VS Assistente de Marcação de Dados Estruturados

 

Agora fica a dúvida, apenas pelo fato da facilidade e simplicidades deve-se utilizar sempre a ferramenta do Google?

Infelizmente não. Não podemos negar que essa ferramenta polpa uma quantidade de tempo assombrosa. No entanto, ela tem uma quantidade de vocabulário de especificação de páginas muito pequena, se comparada com o total de categorias que é possível definirmos a partir do Schema.org.

Não ficou muito claro? Vou demonstrar o que quero dizer.

Veja a imagem abaixo:

 

Essas são as categorias que você pode utilizar pela ferramenta do Google. Você não encontrou uma categoria na qual seu site ou seus conteúdos se encaixem? Não tem problema. isso é normal. Você está limitado em opções, seu site não é um problema rs.

 

Funcionalidades do Schema.org

 

Agora vamos fazer um rápido tour pelo site do schema.org pra aprender um pouco mais sobre suas funcionalidades básicas.

  • Aqui, temos a página inicial, essa que acessaremos assim que entrarmos no site.

Página inicial schema.org.

  • Acessando a aba Documentation, você terá acesso, a documentação, mas não apenas a ela. Nesta aba é tratada grande parte da documentação da iniciativa do projeto em si.

Documentação schema.org.

Sendo assim, teremos nela uma boa explicação desde como ocorre a sua implementação a até mesmo coisas como o que é o projeto, sobre o que ele trata, quais as perguntas mais frequentes. Ou mesmo, tópicos voltados para desenvolvedores e explicações sobre modelos específicos de alguns esquemas fornecidos pelo site.

  • Acessando a aba Schemas, teremos o início tratando de como as categorias estão organizadas. Você pode tanto optar por visualizar um tipo por página, quanto visualizar todos eles – o que eu particularmente julgo loucura – de uma só vez. : )

Também são fornecidos os tipos mais usados de categorias para você. Visando claro, facilitar o seu trabalho em chegar no ponto que você precisa.

Página de schemas do schema.org.

Schemas por página e Lista Completa de Schemas

 

Nos esquemas por página, será concentrada a maior quantidade de informação possível a respeito daquele esquema. Veja o exemplo abaixo:

Exemplo de one page de schema.

Aqui você pode ver que temos uma tabela. E sim, ela contém muuuitas informações.

Em informações gerais do site, é informado qual esquema está sendo abordado, qual a sua URL representativa  – aquela que você vai informar para dizer  sobre o que está falando –  e a tabela.

Mas, basicamente, essa tabela contém a propriedade que ela está falando, sua descrição e o tipo esperado de dados que ela representará.

Assim, seguindo nosso exemplo, é dito quais as propriedades do esquema Thing. Ele pode ter uma imagem, identificador, qual a URL que você está abordando, caso queira usar algum esquema mais específico de Thing, e assim por diante.

Caso esteja um pouco confuso, vamos dar uma olhadinha agora em todos os esquemas juntos para você entender do que eu estou falando.

Página com lista completa de schemas.

Aqui, podemos ver a lista completa – ou quase – de esquemas fornecidos pelo schema.org.

Você tem a opção de visualizar apenas o vocabulário principal ou visualizar também todas as extensões.

Você pode observar, que elas estão alinhadas de forma hierárquica. Por quê?  Porquê simplesmente cada categoria de schema tem as suas subcategorias.

Basicamente sendo especificações de contexto.

Lembra que comentamos a respeito da ferramenta do Google ser um pouco limitada? Era disso que estávamos falando.

Veja quantas opções você tem aqui, enquanto que o Google, apenas disponibiliza aquela pequena lista.

Seguindo a lógica, analisando essa estrutura você pode checar qual o melhor schema você pode implementar.

É claro que, tendo uma visão do todo fica bem mais fácil enxergar por partes o que é preciso.

 

Gostou do post? Ficou com alguma dúvida?

Deixe seu comentário ou entre em contato com a gente!

Até a próxima!! : D

Estudante de Análise e Desenvolvimento de Sistemas na Universidade Presbiteriana Mackenzie e Assistente de Desenvolvimento na empresa de Consultoria de Marketing Digital NoTopo.

..

Deixe uma resposta

O seu endereço de e-mail não será publicado.