Itens de dados estruturados fixos não existentes ou inválidos em HTML de AMP

Item de dados estruturados não estruturados ou inválidos (item de dados estruturados inválido ou ausente): uma notificação recente é exibida no Search Console do Google para AMP que exibe um item de dados estruturados inválido ou ausente na página AMP. Considerando que quando verificado na ferramenta de teste de dados estruturados não mostra qualquer estrutura de blog de dados de erro.

Certamente isso instantaneamente faz a testa encolher, confuso o que deve ser corrigido porque a Ferramenta de Teste de Dados Estruturados não tem estrutura de dados de erro, mas tem uma notificação do Google Search Console para itens de dados estruturados que não existem ou são inválidos. Claro que isso faz com que o cérebro bata mais rápido e transforme cabeças em enxaqueca instantaneamente hehehe ....

Procure telisik acaba por estruturas de dados existentes não se encaixam nas necessidades de AMP. Para isso, precisamos alterar a estrutura de dados para corresponder à sugestão da AMP de que a página tenha dados estruturados de uma AMP válidos.

Para corrigir o item de dados estruturados inválido nesta página de AMP, precisamos alterar a estrutura de dados existente para a recomendação da AMP.

A primeira coisa a fazer é remover todos os elementos do schema.org como ou semelhantes, como o seguinte.



itemprop='mainContentOfPage' itemscope='itemscope' itemtype='https://schema.org/.....

exemplo:

<body itemscope='itemscope' itemtype='https://schema.org/WebPage'>

depois de editado:

<body>

outro exemplo:

<div itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/WebSite'>

Setelah diedit:

<div>

Uma vez que isso diz respeito a todos os elementos do schema.org como o exemplo acima editado, por favor, crie e ajuste da seguinte forma. Para o blog, pegamos a estrutura de dados do artigo, desta vez com microdados.


<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html>

<HTML expr:dir='data:blog.languageDirection' itemscope='' itemtype='http://schema.org/NewsArticle' lang='id'>

&lt;head&gt;

<meta charset='utf-8'/>

<meta content='width=device-width,minimum-scale=1,initial-scale=1' name='viewport'/>

<meta content='IE=9; IE=8; IE=7; IE=EDGE; chrome=1' http-equiv='X-UA-Compatible'/>

<b:if cond='data:blog.pageType == &quot;index&quot;'>

    <title><data:blog.pageTitle/></title>

<b:else/>

    <b:if cond='data:blog.pageType == &quot;error_page&quot;'>

        <title>404: Page Not Found | <data:blog.title/></title>

    <b:else/>

        <title><data:blog.pageName/></title>

    </b:if>

</b:if>

...................

...................

...................



<style amp-custom='amp-custom'>

/*<![CDATA[*/

body{background:#f1f1f1;margin:0;}

...................

...................

...................

/*]]>*/

</style>

<style amp-boilerplate='amp-boilerplate'>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate='amp-boilerplate'>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>

<script async='async' src='https://cdn.ampproject.org/v0.js'/>

...................

...................

...................

&lt;/head&gt;&lt;!--<head/>--&gt;

<body>

     <div id='main-wrapper'>

...................

...................

...................

            <b:includable id='post' var='post'>

  <article class='post hentry'>

<b:if cond='data:post.firstImageUrl'>

<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>

  <meta expr:content='resizeImage(data:post.firstImageUrl,800,&quot;1:1&quot;)' itemprop='url'/>

  <meta content='800' itemprop='width'/>

  <meta content='800' itemprop='height'/>

  </div>

<b:else/>

<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>

  <meta content='https://3.bp.blogspot.com/-x_mMtgFf6XE/VlhLxwdLekI/AAAAAAAAj3c/N7fRz1lbMSg/s800-c/no-thumbnail.jpg' itemprop='url'/>

  <meta content='800' itemprop='width'/>

  <meta content='800' itemprop='height'/>

  </div>

    </b:if>

  <div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>

    <div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>

      <meta content='https://1.bp.blogspot.com/-x28jFJZAllE/WvJEsYOqpLI/AAAAAAAAxgc/RIlqPzO2a4kRknmKEbZ1ozHHMgnJYh2VwCLcBGAs/s600/bloggue.png' itemprop='url'/>

      <meta content='600' itemprop='width'/>

      <meta content='60' itemprop='height'/>

    </div>

    <meta expr:content='data:blog.title' itemprop='name'/>

  </div>

...................

...................

...................

    <b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:post.title'>

      <h2 class='post-title entry-title' itemprop='headline'>

     <b:if cond='data:post.link'>

       <a expr:href='data:post.link' expr:title='data:post.title' itemprop='url mainEntityOfPage'><data:post.title/></a>

     <b:else/>

        <b:if cond='data:post.url'>

          <a expr:href='data:post.url' expr:title='data:post.title' itemprop='url mainEntityOfPage'><data:post.title/></a>

        <b:else/>

          <data:post.title/>

        </b:if>

     </b:if>

      </h2>

</b:if>

<b:else/>

      <h1 class='post-title entry-title' itemprop='headline'>

     <b:if cond='data:post.link'>

       <a expr:href='data:post.link' expr:title='data:post.title' itemprop='url mainEntityOfPage'><data:post.title/></a>

     <b:else/>

        <b:if cond='data:post.url'>

          <a expr:href='data:post.url' expr:title='data:post.title' itemprop='url mainEntityOfPage'><data:post.title/></a>

        <b:else/>

          <data:post.title/>

        </b:if>

     </b:if>

      </h1>

</b:if>

...................

...................

...................

<b:if cond='data:blog.pageType == &quot;item&quot; and data:blog.metaDescription'>

<meta expr:content='data:blog.metaDescription' itemprop='description'/>

<meta expr:content='data:blog.metaDescription' property='twitter:description'/>

<b:else/>

<meta expr:content='data:post.snippet' itemprop='description'/>

<meta expr:content='data:post.snippet' property='twitter:description'/>

</b:if>

    <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>

<b:if cond='data:blog.pageType != &quot;item&quot; and data:blog.pageType != &quot;static_page&quot;'>

<h3 class='post_meta'>

<b:include data='post' name='author-post'/>

  </h3>

<div class='snippets'><data:post.snippet/></div>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot; or data:blog.pageType == &quot;static_page&quot;'>

  <data:post.body/>

</b:if>

      <div class='clear'/> <!-- clear for photos floats -->

    </div>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='postmeta'>

<h3 class='date-header'>

<b:include data='post' name='author-post'/>

</h3>

</div>

...................

...................

...................

<div class='clear'/>

  </article>

</b:includable>

...................

...................

...................

          </b:widget>

        </b:section>

      </div>

<aside>

...................

...................

...................

</aside>

      <!-- spacer for skins that want sidebar and main to be the same height-->

  <div class='clear'/>

  </div>

<footer>

<div class='credit-wrapper'>

<div class='credit-left'>

Copyright &#169; 2018 <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> - Proudly powered <a href='//www.blogger.com' title='Blogger'>by Blogger</a>

</div>

</div>

</footer>



&lt;!--</body>--&gt; &lt;/body&gt;


</HTML>

Para o logotipo do blog, por favor, crie uma imagem com tamanho 600x60 pode com formato jpg, png ou gif. Então, por favor, substitua o código que eu marquei acima.

Para criar um logotipo do blog, por favor, siga aqui . Mais tarde, o logo ficará assim.


Depois que tudo estiver pronto, verifique a validação da estrutura de dados do AMP aqui . 

Se for válido, será semelhante à imagem abaixo.


Depois disso, faça Validate Fix no Google Search Console e aguarde até que o Google valide nossa página AMP do blog.

Cuidado:
Para AMP, é necessária uma grande miniatura de postagem no intervalo de 800px. Assim, para as imagens para a miniatura de postagem, faça 800x800 para a caixa de miniaturas ou 1400x800 para a miniatura quadrada.