Google構造化データテストツールのBlogPosting Publisherロゴ「logo.itemtypeに無効な値があります」

以下は、期待どおりにGoogle構造化データテストツールを実行します。

<div>
    <div itemprop="publisher" itemscope id="organization-example" itemtype="https://schema.org/Organization">
        <a itemprop="url" href="https://example.com">
            <img itemprop="image logo" src="https://example.com/images/logo.png" alt="LOGO">
            <span itemprop="name">EXAMPLE</span>
            <span itemprop="description">This is an EXAMPLE</span>
        </a>
    </div>
</div>

<div itemscope itemtype="https://schema.org/WebPage" itemref="organization-example">
</div>

しかし、私がBlogPostingそれを使用しようとすると、logoプロパティが壊れます：

<div>
    <div itemprop="publisher" itemscope id="organization-example" itemtype="https://schema.org/Organization">
        <a itemprop="url" href="https://example.com">
            <img itemprop="image logo" src="https://example.com/images/logo.png" alt="LOGO">
            <span itemprop="name">EXAMPLE</span>
            <span itemprop="description">This is an EXAMPLE</span>
        </a>
    </div>
</div>

<article
    itemscope
    itemtype="https://schema.org/BlogPosting"
    itemref="organization-example"
>
</article>

エラーあり：

https://example.com/images/logo.png （属性logo.itemtypeの値は無効です。）

誰でもその理由を説明できますか？そして、それを修正するためにどのような手順をとることができますか？

schema.org microdata google-rich-snippets-tool

— アース
ソース

パブリッシャーはOrganization、WebPage、BlogPostingの子であるためitemprop、aと同じ行で使用しないでくださいitemtype。<body itemscope itemtype="https://schema.org/Organization">そのとき<article itemscope itemtype="https://schema.org/BlogPosting"> <span itemprop="publisher">などに使用する方が良い...特にブログ投稿では、ロゴを複数回繰り返す必要はないはずです。

— サイモンヘイター

@SimonHayterありがとう。ただし、PublisherはOrganizationの子ではなく、OrganizationはWebPageの最上位にあるので、BlogPostingから参照したかったのです。Organization-> BlogPosting-> Publisherの構造を提案していますか？これは間違っているようです。

— アース

@SimonHayterまたhttps://schema.org/WebPageやサイト全体の例は正確にやっだらけます。..それitempropと同じ行にitemtype。

— アース

金髪の瞬間、私は完全に間違っています。後で見て、あなたに戻ってきます:)

— サイモンヘイター

回答:

BlogPostingリッチスニペットとしてGoogleでサポートされているタイプの1つであるため、さらに検証が適用されます。

記事のGoogle検索ドキュメントガイドライン

これには、記事の出版社logoがタイプImageObjectでwidthありheight、ピクセルとピクセルを持っている必要があります。BlogPostingはのサブタイプですArticle。

この更新されたスニペットは、Google構造化データテストツールを介して検証します。

<div id='web-page-example' itemprop="mainEntityOfPage" itemscope itemtype="https://schema.org/WebPage" itemref="headline-example">
    <div>
        <div itemprop="publisher" itemscope id="organization-example" itemtype="https://schema.org/Organization">
            <a itemprop="url" href="https://example.com">
                <span itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
                   <img itemprop="url" src="https://example.com/images/logo.png" alt="LOGO">
                   <meta itemprop="width" content="600">
                   <meta itemprop="height" content="60">
                </span>   
                <span itemprop="name">EXAMPLE</span>
                <span itemprop="description">This is an EXAMPLE</span>
            </a>
        </div>
    </div>  
    <div
        id="blog-posting-example"
        itemprop="mainEntity"
        itemscope
        itemtype="https://schema.org/BlogPosting"
        itemref="organization-example web-page-example"
    >
        <span itemprop="author" itemscope itemtype="https://schema.org/Person">
            <span itemprop="name">Example Author</span>
        </span>
        <time itemprop="datePublished" datetime="2016-05-09T11:40:04+02:00">9th May 2016</time>
        <time itemprop="dateModified" datetime="2016-05-09T11:40:04+02:00">9th May 2016</time>
        <h1 id="headline-example" itemprop="name headline">Example Headline</h1>
        <span itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
            <img itemprop="url" src="https://example.com/images/blog.png" alt="LOGO">
            <meta itemprop="width" content="800">
            <meta itemprop="height" content="400">
        </span>
    </div>
</div>

— アース
ソース

上記の@Arthによる素晴らしい回答。

上記の答えを補完するために（競合しない）、同じschema.orgボキャブラリーを使用した同じ構造化データがありますが、今回は：JSON-LD

    "publisher": {
        "@type": "Organization",
        "name": "myOrganization",
        "logo": {
            "@type": "ImageObject",
            "name": "myOrganizationLogo",
            "width": "60",
            "height": "600",
            "url": "http://my-organization.org/my-logo.png"
        }
    }

NB https://developers.google.com/search/docs/data-types/articlesによると

ロゴは正方形ではなく長方形にする必要があります。

ロゴは60x600px長方形に収まる必要があり、正確に60px高い（推奨）または正確に600px広い必要があります。（たとえば 450x45px、600x60px長方形に収まる場合でも、受け入れられません。）

— 浪人
ソース