Como adicionar Dados Estruturados ao seu blog no Blogger

Como adicionar Dados Estruturados ao seu blog no Blogger com Microdata Schema.
Sil Campos
Como adicionar Dados Estruturados ao seu blog no Blogger


No post anterior, podemos entender como o Blogger gera a marcação XML e adiciona uma estrutura de layout, mas precisamos de uma marcação de esquema para indexação rápida no mecanismo de pesquisa.

O vocabulário Schema.org pode ser usado com muitas codificações diferentes, incluindo RDFa, Microdata e JSON-LD. Esses vocabulários abrangem informações sobre empresas, artigos, relacionamentos entre entidades e ações e podem ser facilmente estendidos por meio de um modelo de extensão bem documentado. Mais de 10 milhões de sites usam o Schema.org para marcar suas páginas da Web e mensagens de email. Muitos aplicativos do Google, Microsoft, Pinterest, Yandex e outros já usam esses vocabulários para proporcionar experiências ricas e extensíveis.

Fundados pelo Google, Microsoft, Yahoo e Yandex, os vocabulários Schema.org são desenvolvidos por um processo de comunidade aberta, usando o public-schemaorg @w3 . lista de discussão da organização e através do GitHub.

Sobre isso, o Google diz:
O Google usa os dados estruturados que encontra na Web para entender o conteúdo da página, bem como para coletar informações sobre a Web e o mundo em geral.
A Pesquisa Google também usa dados estruturados para ativar recursos e melhorias especiais em resultados da pesquisa.

Um vocabulário compartilhado facilita para webmasters e desenvolvedores decidir sobre um esquema e obter o benefício máximo por seus esforços. É nesse espírito que os fundadores, juntamente com a comunidade maior, se reúnem - para fornecer uma coleção compartilhada de Schemas.

Os dados estruturados são codificados usando a marcação na página a que as informações se aplicam. Esses dados descrevem o conteúdo da página. Não crie páginas em branco ou vazias somente para armazenar dados estruturados. Além disso, não adicione dados estruturados sobre informações que não são visíveis para o usuário, mesmo que estejam corretas. Para ver mais diretrizes técnicas e de qualidade, consulte as Diretrizes gerais de dados estruturados.

Desde 6 de abril de 2020, a marcação data-vocabulary.org não está mais qualificada para os recursos de pesquisa aprimorada do Google. Para se qualificar após essa data, você precisa substituir a marcação data-vocabulary.org por schema.org.

Para mais informações, visite Schema.org.

Essa é uma estrutura básica de Dados Estruturados para você adicionar ao seu código do seu blog no Blogger.
Dentro do seu código, procure a tag de abertura de cada campo abaixo:

<body>
<header>
<nav>
<article>
<aside>
<footer>

E, em seguida, substitua e/ou adicione cada item pelos descritos abaixo:

<body itemscope='itemscope' itemtype='https://schema.org/WebPage'>
<header  itemscope='itemscope' itemtype='https://schema.org/WPHeader'>
<nav itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement' role='navigation'>
<article itemscope='itemscope' itemtype='https://schema.org/Blog' role='main'>
<aside  itemscope='itemscope' itemtype='https://schema.org/WPSideBar'>
<footer  itemscope='itemscope' itemtype='https://schema.org/WPFooter'>

Aqui está um layout final com marcação de esquema.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:og='http://ogp.me/ns#'>
<head>
<meta charset='UTF-8'/>
<title><data:blog.title/></title>

<b:skin><![CDATA[

/* Variable definitions
=======================

]]></b:skin>

<style type='text/css'>
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:&#39;&#39;;content:none}table{border-collapse:collapse;border-spacing:0}
</style>

</head>
<body class='index' itemscope='itemscope' itemtype='http://schema.org/WebPage'>
<div id='wrapper'>
<header id='header-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
<b:section class='header' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='Basic Blogger Template (Header)' type='Header'></b:widget>
</b:section>
</header>
<nav id='navigation' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<ul>
<li><a href=''>Página Inicial</a></li>
<li><a href=''>Sobre</a></li>
</ul>
</nav>
<div class='clearfix'/>
<section id='outer-wrapper'>
<article id='article-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>
<b:section class='main' id='main'>
<b:widget id='Blog1' locked='true' title='Blog Posting' type='Blog'></b:widget>
</b:section>
</article>
</section>
<div class='clearfix'/>
<aside id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
<b:section class='sidebar' id='sidebar' showaddelement='yes'></b:section>
</aside>
<div class='clearfix'/>
<footer id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter'>
<b:section class='footer' id='footer' showaddelement='yes'/>
<footer class='footer-left'>
Copyright &#169; &lt;script&gt;new Date().getFullYear()&gt;2010&amp;&amp;document.write(&quot;&quot;+new Date().getFullYear());&lt;/script&gt; <a href='/' rel='copyright'><data:blog.title/></a>
</footer>
<footer class='footer-right'>
Design by <a href='https://www.silvanaonline.blogspot.com/' target='_blank' title='Blogger'>Blog da Sil</a>
</footer>
</footer>
</div>
</body>
</html>

Teste-o usando o editor de modelos do Blogger para ver as alterações. Se você quiser ver a estrutura de marcação, use a Ferramenta de teste de dados estruturados do Google.