Por que minha marcação itemprop = 'image' está incorreta?

Eu tenho experimentado o Microdata e pensei em experimentar no meu blog. Acontece que o modelo que eu estava usando já adicionou alguma marcação. Não foi ótimo e então eu arrumei o que pude.

Para tentar dar sorte, eu adicionei mais marcações à minha postagem mais recente, mas a Ferramenta de Teste de Dados Estruturados (SDTT) do Google está descontente com os itemprop='image'atributos e não sei por que.

Página de resultados .

Entendo, ignorando todo o código intermediário, que estruturei os dados da seguinte maneira:

<div itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  <div itemprop='articleBody'>
    <a href="1.png" itemprop="url"><img itemprop="image sharedContent" src="1.png" /></a>
    <a href="2.png" itemprop="url"><img itemprop="image sharedContent" src="2.png" /></a>
    <a href="3.png" itemprop="url"><img itemprop="image sharedContent" src="3.png" /></a>
  </div>
</div>

E isso parece correto para mim. BlogPostingpode ter as propriedades articleBodye de imageacordo com https://schema.org/BlogPosting , mas de acordo com o SDTT:

O atributo itemtype possui um valor inválido.

Na verdade, eu apenas tentei o SDTT com o código de exemplo acima e ele está falhando na validação.

Então, obviamente, estou perdendo alguma coisa. O que estou fazendo errado?

A imagem schema.org/BlogPosting permite ImageObject e URL, no entanto, o Google permite apenas ImageObject , daí o erro. A marcação pretendida é:

<!-- my code -->
<div itemprop="image" itemscope itemtype="http://schema.org/ImageObject">
  <img src="image.jpg" itemprop="url">
</div>

Outra discrepância é schema.org/ImageObject recomenda contentUrl, mas o Google recomenda url, portanto, meu uso acima.

Em resposta ao código do seu comentário , sua estrutura ainda está incorreta. Vou levá-lo linha por linha:

<!-- your code -->
<div itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

Ponto secundário, mas a menos que você esteja usando o XHTML, itemscope='itemscope'está errado. Use itemscope(como você fez mais tarde).

<!-- your code -->
  <div itemprop='articleBody'>
    <div itemscope itemtype="http://schema.org/ImageObject"/>

Seu ImageObject é filho da propriedade articleBody, mas você não a associou dessa maneira. Assim, você tem um articleBody sem propriedades associadas e um ImageObject não associado. Você deveria usar

<!-- my code -->
    <div itemprop="image" itemscope itemtype="http://schema.org/ImageObject">

Além disso, />está incorreto, mesmo se você estiver tentando usar XHTML, pois esse elemento tem filhos e um fechamento </div>. Basta usar >como eu incluí no snippet acima.

<!-- your code -->
      <a href="1.png" itemprop="url"><img itemprop="image sharedContent" src="1.png" /></a>

O que o sharedContent está fazendo aqui? sharedContent espera um CreativeWork quando usado como uma propriedade do SocialMediaPosting - nunca como uma propriedade do ImageObject e nunca em um img.

Seu outro trecho de código que coloca a propriedade sharedContent como abaixo também está errado.

<!-- your code -->
<div itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  <div itemprop='articleBody'>
    <div itemprop='sharedContent'>
      <div itemscope itemtype="http://schema.org/ImageObject"/>
        …

Embora o sharedContent esteja agora no lugar certo, ele ainda precisa ser um CreativeWork. Seus ImageObjects ainda não estão associados ao BlogPosting, como mostra a Ferramenta de Teste de Dados Estruturados.

A seguir está o código correto.

<!-- my code -->
<div itemscope itemtype="http://schema.org/BlogPosting">
  <div itemprop="articleBody">
    <div itemprop="image" itemscope itemtype="http://schema.org/ImageObject">
      <a href="1.png" itemprop="url"><img itemprop="image" src="1.png"></a>
    </div>
    <div itemprop="image" itemscope itemtype="http://schema.org/ImageObject">
      <a href="2.png" itemprop="url"><img itemprop="image" src="2.png"></a>
    </div>
    <div itemprop="image" itemscope itemtype="http://schema.org/ImageObject">
      <a href="3.png" itemprop="url"><img itemprop="image" src="3.png"></a>
    </div>
  </div>
</div>

Eu tive um problema semelhante com o Google Structured Data Tester marcando minhas imagens como inválidas. Aparentemente, ele não aceita imagens em que a origem é um domínio de host local. Assim que implantei no servidor intermediário, a marcação estruturada passou na validação.