为什么图像 URL 是 BlogPosting 中图像的无效项目类型？

Question

我在网页上有以下项目，我将其定义为 Scheme.org Article。细节已被混淆，但所有真正的 URL 作品。

<div itemscope itemtype="http://schema.org/Article" class="large-6 columns related blog">
        <meta itemprop="publisher" content="My Company" />
        <meta itemprop="dateModified" content="February 4, 2016" />
        <meta itemprop="mainEntityOfPage" content="http://example.co.uk/main-page/" />      
        <div>
            <h2 itemprop="headline" class="stretch_this"><a itemprop="url" href='http://example.co.uk/main-page/'>Article title</a></h2>
            <p>Posted by <span itemprop="author">A N Other</span> on <span itemprop="datePublished">February 4, 2016</span></p>
            <img itemprop="image" class="post_preview" alt='Article title' class="hide-for-small" src="http://example.co.uk/wp-content/uploads/2016/02/example-image.jpg" /> 
            <p itemprop="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum&hellip;</p>
        </div>
        <a itemprop="url" href="http://example.co.uk/main-page/" class="button readmore">Read More<span class="icon icon-arrow"></span></a>

</div>

当我通过 Google's Structured Data Testing Tool 运行时，它在 image 上给出了以下错误：

The attribute itemtype has an invalid value.

但是根据 schema.org，image 应该接受图像对象或 URL，并且在其他情况下，例如定义 Person.

时

这是怎么回事？

Answer 1

虽然 URL 根据 schema.org 是有效的，但 Google 将只接受图像对象，并且您用来验证标记的工具是由 Google.

试试这个：

<div itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
            <img itemprop="image" class="post_preview" alt="Article title" class="hide-for-small" src="http://example.co.uk/wp-content/uploads/2016/02/example-image.jpg" /> 
            <meta itemprop="url" content="http://example.co.uk/wp-content/uploads/2016/02/example-image.jpg">
            <meta itemprop="width" content="800">
      <meta itemprop="height" content="800">
            </div>

不要忘记指定您自己的宽度和高度。你需要有完整的规格。按照 schema.org 进行操作而忽略有关该主题的 google 指令会导致发生此类错误。另外，他们可以随时更改。

看来您必须向他们提供比以前更多的关于您的代码段的信息。

有关更多信息，您可以随时查看 https://developers.google.com/structured-data/rich-snippets/articles?hl=en

同时我发现你的发布者标签有误。

尝试将发布者的元标记更改为：

<div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
    <div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
      <img src="http://example.co.uk/logo.jpg"/>
      <meta itemprop="url" content="http://example.co.uk/logo.jpg">
      <meta itemprop="width" content="600">
      <meta itemprop="height" content="60">
    </div>
    <meta itemprop="name" content="Company">
  </div>

所以最后你想要的最终结果是下面的微数据：

<div itemscope itemtype="http://schema.org/Article" class="large-6 columns related blog">
        <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
    <div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
      <img src="http://example.co.uk/logo.jpg"/>
      <meta itemprop="url" content="http://example.co.uk/logo.jpg">
      <meta itemprop="width" content="600">
      <meta itemprop="height" content="60">
    </div>
    <meta itemprop="name" content="Company">
  </div>
        <meta itemprop="dateModified" content="February 4, 2016" />
        <meta itemprop="mainEntityOfPage" content="http://example.co.uk/main-page/" />        
            <h2 itemprop="headline" class="stretch_this"><a itemprop="url" href='http://example.co.uk/main-page/'>Article title</a></h2>
            <p>Posted by <span itemprop="author">A N Other</span> on <span itemprop="datePublished">February 4, 2016</span></p>
            <div itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
            <img itemprop="image" class="post_preview" alt="Article title" class="hide-for-small" src="http://example.co.uk/wp-content/uploads/2016/02/example-image.jpg" /> 
            <meta itemprop="url" content="http://example.co.uk/wp-content/uploads/2016/02/example-image.jpg">
            <meta itemprop="width" content="800">
      <meta itemprop="height" content="800">
            </div>
            <p itemprop="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum&hellip;</p>
        
        <a itemprop="url" href="http://example.co.uk/main-page/" class="button readmore">Read More<span class="icon icon-arrow"></span></a>
</div>

为什么图像 URL 是 BlogPosting 中图像的无效项目类型？

Why is an image URL an invalid item type for an image in a BlogPosting?

microdata

schema.org