BlogPosting Publisher 로고 Google Structured Data Testing Tool에서 '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

— Arth
소스

게시자는 Organization, WebPage 및 BlogPosting의 자식이므로 게시자 itemprop와 같은 줄에서 사용하지 않아야합니다 itemtype. <body itemscope itemtype="https://schema.org/Organization">그런 다음 사용하는 것이 더 <article itemscope itemtype="https://schema.org/BlogPosting"> <span itemprop="publisher">좋습니다. 특히 블로그 게시물에서 로고를 여러 번 반복 할 필요가 없습니다.

— Simon Hayter

@SimonHayter 감사하지만 Publisher는 Organization의 자식이 아니며 Organization은 WebPage의 최상위에 있으므로 BlogPosting에서 참조하고 싶습니다. Organization-> BlogPosting-> Publisher 구조를 제안 하시겠습니까? 이것은 잘못된 것 같습니다.

— Arth

@SimonHayter 또한 https://schema.org/WebPage 및 전체 사이트에는 . itemprop와 동일한 행에 정확히 그렇게하는 예제가 itemtype있습니다.

— Arth

금발의 순간, 나는 완전히 틀릴 것이다. 나중에 살펴보고 다시 연락 드리겠습니다 :)

— Simon Hayter

답변:

BlogPosting리치 스 니펫으로 Google에서 지원하는 유형 중 하나 이므로 더 많은 유효성 검사를 적용합니다.

기사에 대한 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
소스

위의 @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.

— 루닌
소스