Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
May 30, 2022 03:28 pm GMT

Entendendo dados estruturados

Vamos entender um pouco sobre dados estruturados e qual sua funo e importncia para um website.

Vamos iniciar j com o entendimento de que o Google ele usa dados estruturados para compreender o contedo do seu site, vou colocar um exemplo: Vamos imaginar que seu site seja um portal de notcias com notcias dirias como voc iria fazer para que as ferramentas de pesquisas indexarem o seu site como um portal de notcias ? Pois bem, dados estruturados e a resposta.

Existem algumas formas de voc estruturar o site, principalmente ter um site semntico ( eu falo um pouco sobre semntica web no meu site), e uma delas, porm voc tambm pode usar outro mtodo que basicamente voc fornecer de maneira clara para que o Pesquisa Google entenda do que seu site se trata, dessa maneira assim ser muito mais simples para o Google indexar seu contedo.

Dados estruturados eles usam vocabulrios no caso uma das mais famosas e recomendados pela google e o schema.org, no irei entrar muito afundo no schema.org mas entenda que ele e um servio colaborativo que usamos para estruturar essas informaes, porm o Google criou uma galeria com contedos disponveis e exemplos de cdigos estruturados que o Google suporta que chamamos de Rich Results e iremos explorar ele neste artigo, caso queiram algo mais avanado me mandem no twitter que eu crio outro com um contedo avanado.

Quais maneiras de criar dados estruturados ?

  • JSON-LD

  • Microdados

  • RDFa

Vamos explorar um pouco cada um e vamos iniciar pelo JSON-LD o qual mais recomendado pela prpria Google a usar.

## JSON-LD

JSON-LD e uma notao que incorporamos dentro de uma tag <script></script> iremos usar ela logo aps, a vantagem deste e que o Google consegue entender e ler os dados podendo ser injetados dinamicamente na pgina facilitando assim o entendimento, vale ressaltar que o usurio no consegue visualizar o JSON-LD ento para us-lo e muito prtico pois voc consegue demarcar e ficar mais simples o entendimento ao Google..

## Microdados

Microdados como o JSON-LD o microdata de comunidade aberta, ela uma especificao do HTML usada para definir dados estruturados assim como o RDFa que iremos falar logo mais ele usa atributos de tags para alinhar os dados.

## RDFa
RDFa ele uma extenso do HTML compatvel com dados vinculados ou seja diferente do JSON-LD que o usurio no iria enxergar a marcao aqui j seria mais visvel a ele, costumamos usar o RDFa em cabealho mas tambm pode ser usado no corpo depende de como vai trabalhar.

## Exemplo
Vou mostrar alguns modos de uso, mas quero deixar aqui a documentao e galeria de resultados da Google para vocs poderem acessar, lembrando que no schema.org vocs podem ver um pouco mais sobre cada atributos que vamos usar.

Quero mostrar um exemplo de como seria um dado estruturado de um artigo, mas antes vamos entender o que compe um artigo ok? um artigo ele seria composto por:

  • Ttulo

  • Imagens ou imagens

  • Data em que foi publicado

  • Data da ltima alterao

  • autor

  • O veculo responsvel pela publicao.

Agora que temos as informaes como isso seria em um dado estruturado usando a marcao JSON-LD?

   <script type="application/ld+json">       {           "@context": "https://schema.org",           "@type": "NewsArticle",           "mainEntityOfPage": {               "@type": "WebPage",               "@id": "https://dev.to/bendevoficial/entendendo-dados-estruturados-50e"            },            "headline": "Entendendo dados estruturados ",            "image": [                "https://example.com/photos/1x1/photo.jpg",            ],            "datePublished": "2022-05-28T14:00:00+08:00",            "dateModified": "2022-05-28T14:14:00+08:00",            "author": {                "@type": "Person",                "name": "Bendev Junior",                "url": "https://bendevoficial.com"            },            "publisher": {                @type": "Organization",                "name": "dev.to",                "logo": {                    "@type": "ImageObject",                    "url": "https://google.com/logo.jpg"                 }           }       }       </script>

No exemplo acima ns basicamente definimos nosso dado estruturado e vamos entend-lo agora, ns tnhamos definido que um artigo tem basicamente: Ttulo, Imagens ou imagens, Data em que foi publicado, Data da ltima alterao, autor, O veculo responsvel pela publicao. Levando isso em considerao, representamos todas essas informaes nessa marcao, vale lembrar que precisa ser definido o tipo na tag <script>para que entenda que uma linguagem de marcao como eu fiz acima definindo como type="application/ld+json".

Vamos entender um pouco o que fizemos, no basicamente criamos um objetivo que tem como contexto o qual definido no @context que voc veem na primeira linha do objeto "@context": "https://schema.org", que basicamente definimos que ele vai usar as marcaes do shema.org como venho falando, logo aps instanciamos parametros que o shema tem documentao de todos inclusive o tipo que usamos no "@type": "NewsArticle" vocs podem entrar e buscar basicamente colocar url + tipo exemplo: schema.org/NewsArticle, vocs iram entrar na pgina oficial e ver todos os parmetros disponveis em um artigo de notcias como por exemplo o headline que usamos para o ttulo, ou o autor que obrigatoriamente precisamos passar se uma organizao ou uma pessoal que tambm um dado estruturado, assim o Google consegue mapear e entender seu site.

Este apenas um exemplo que voc pode usar na Galeria de resultados de busca da Google existem vrias lembrando que no shema.org tambm tem informaes sobre cada dados que podem ser usados.

Twitter: @bendevoficial


Original Link: https://dev.to/bendevoficial/entendendo-dados-estruturados-50e

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To