Você já ouviu falar na estrutura de dados Schema? Trata-se de uma série de tags XML usadas para fornecer informações adicionais sobre determinado conteúdo da Internet para os mecanismos de busca.
São pequenos trechos de códigos que ajudam as pessoas a encontrarem seu site na Web de forma fácil. Esse modelo mais “universal” eliminou a ramificação causada pelo uso de diferentes formatos de linguagem, facilitando a vida dos desenvolvedores e dos usuários.
Neste artigo, vamos falar de forma mais detalhada sobre o Schema e suas características. Além disso, apresentaremos alguns idiomas de código. Confira!
O que é o Schema?
O Schema é um tipo de microdata que pode ser encontrado em schema.org. Ele consiste em um vocabulário de dados estruturados que define entidades, ações e relacionamentos na Internet (páginas na web, e-mails).
Uma vez adicionado no seu site ele cria uma descrição melhorada da página que aparece nos resultados de busca e também aumenta o ranqueamento geral. Assim, os mecanismos de pesquisa conseguem compreender os significados por trás de assuntos (entidades) na web e proporcionam uma melhor experiência para os usuários.
O resumo das páginas está se tornando cada vez mais importante para SEO. Como o Schema faz uma interpretação geral do contexto e também da qualidade da descrição da página, à medida em que o Google continua a construir uma web mais semântica, essas marcações se tornam cada vez mais valiosas para uma comunicação eficaz na Internet.
Graças às tags de Schema no seu site, o Google pode complementar os resultados de pesquisa do site, ajudando no crescimento da taxa de cliques nos resultados de pesquisa orgânica
Como utilizar?
A microdata é uma forma dos mecanismos de busca lerem sua página muito melhor. O Schema é um implemento fácil e rápido de fazer no SEO, por isso é perfeito para iniciantes.
Antes de adicionar o Schema às suas páginas, é preciso que você saiba o “item type” do conteúdo em seu site. O “Item type” é o assunto geral que sua página trata, como culinária, música, tecnologia, entre outros possíveis temas.
Utilizando como exemplo uma página de culinária, o código dela provavelmente é algo assim:
<div>
<h1>ReceitasMaster</h1>
<h2>Melhor fonte de receitas online!</h2>
<p>Veja nossa lista de receitas: </p>
</div>
O que precisa ser feito é adicionar um item na parte que está escrito “div”. Assim, o código ficará algo parecido com isso:
<div itemtype=http://schema.org/recipe>
<h1>ReceitasMaster</h1>
<h2>Melhor fonte de receitas online!</h2>
<p>Veja nossa lista de receitas: </p>
</div>
Lembrando que o Schema apenas tem acesso a alguns tipos de assuntos. Você pode verificar qual é o tipo de assunto que mais está dentro do conceito do seu site. É importante verificar bem essa lista antes de adicionar o Schema, porque talvez ele trate de um assunto que não é especificado.
Outro elemento que você vai precisar usar é o “itemprop”, que denota a propriedade de um item, como mostrado a seguir:
<h1 itemprop= “nome”>ReceitasMaster</h1>
Você pode adicionar essas tags em todo o resto da página para identificar as propriedades dos itens. Não é necessário que o processo seja repetido em toda página que existe no site, apenas uma vez para cada item.
Se você tem dúvidas de quais itens precisa marcar e qual código utilizar na hora de marcar eles, pode visitar páginas oficiais do Google que ensinam como marcar a estrutura de dados do seu site. Com essa ferramenta, você só precisa escolher o assunto ou o item que quer marcar, ela gera o código e você só precisa copiar e colar.
Tipos de marcações de Schema
O vocabulário disponível no schema.org apresenta formatos para estruturar dados de pessoas, lugares e coisas na Web. No site, você encontra a lista completa de itens que as marcações do Schema podem definir.
Mas, de forma geral, normalmente as marcações do Schema são usadas para indicar:
- Artigos;
- Eventos;
- Produtos;
- Pessoas;
- Organizações;
- Negócios Locais;
- Avaliações e comentários;
- Receitas;
- Condições médicas.
Quando adicionadas ao seu site, essas marcações fazem com que um mecanismo de busca entenda sobre o que é o seu site. O mecanismo de pesquisa pode exibir essas informações por meio de Rich Snippets.
Rich Snippets, traduzindo ao pé da letra, significa fragmentos ricos. Esses fragmentos são os resultados de pesquisa apresentados pelo Google como resposta de uma busca a fim de melhorar a experiência do usuário.
RDFa, Microdata e JSON-LD, o que são?
São idiomas de código que podem ser adicionados ao HTML para incorporar metadados (schema, por exemplo) em um documento da web. Conheça a seguir cada um deles:
Estrutura Descritiva de Recursos em Atributos – RDFa
RDFa é a sigla para Resourse Descriptive Framework in Attributes, que em português significa Estrutura Descritiva de Recursos em Atributos. Essa forma de código pode ser adicionada a qualquer documento baseado em HTML, XHTML e XML.
Os atributos da RDFa incluem:
- about- para indicar o recurso marcado;
- rel e rev- para indicar um relacionamento e reverter o relacionamento com outro recurso;
- src, href e resource- para indicar um recurso de parceiro;
- content- para substituir o conteúdo do elemento ao usar um atributo de propriedade;
- datatype- para indicar o datatype do texto especificado para uso com o atributo de propriedade;
- typeof- para indicar o tipo de RDF do sujeito ou o recurso do parceiro.
Microdata
Os atributos da Microdata incluem:
- itemscope- para criar o item e indicar que o restante do elemento contém informações sobre ele;
- itemtype- para descrever o item e as propriedades com um URL válido de um vocabulário;
- itemprop- para indicar que a tag contém o valor de uma propriedade de item especificada (por exemplo, itemprop = ”name”);
- itemid- para indicar um identificador exclusivo do item;
- itemref- para referenciar propriedades de um elemento que não está contido no itemscope. Isso fornece uma lista de IDs de elementos com mais propriedades em outras partes do documento.
Javascript Object Notation for Linked Objects – JSON-LD
JSON-LD significa Javascript Object Notation for Linked Objects. Esse método de codificação permite implementar o Schema colando os atributos diretamente na tag <head> ou <body> de um documento da web. Por isso, ele é considerado a maneira mais fácil de implementar o Schema para iniciantes. Ele usa os atributos “@context” e “@type” para especificar o vocabulário (schema.org).
Se você, com ou sem conhecimento a respeito do assunto, está interessado em entender melhor esse universo da internet e outras propriedades do Marketing Digital, a Escola do Marketing Digital está à sua disposição.
A empresa tem 10 anos de experiência no mercado e oferece cursos on-line sobre o tema, tanto para indivíduos iniciantes quanto para avançados. Se você quer conhecer mais sobre a estrutura de dados Schema, a Escola do Marketing Digital pode te ajudar. Clique aqui e conheça os serviços da empresa!
