Logo.itemtype của Nhà xuất bản BlogPosting có giá trị không hợp lệ 'trên Công cụ kiểm tra dữ liệu có cấu trúc của Google

Phần sau đây chạy qua Công cụ kiểm tra dữ liệu có cấu trúc của Google như mong đợi:

<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>

Nhưng khi tôi thử sử dụng BlogPostingnó sẽ phá vỡ logotài sản:

<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>

Với lỗi:

https://example.com/images/logo.png (Thuộc tính logo.itemtype có giá trị không hợp lệ.)

Bất cứ ai có thể giải thích tại sao? Và những bước tôi có thể thực hiện để sửa chữa nó?

schema.org microdata google-rich-snippets-tool

— Khớp
nguồn

Bạn nên tránh sử dụng itemproptrên cùng một dòng với itemtype, vì nhà xuất bản là con của Tổ chức, WebPage và BlogPosting. Tốt hơn là sử dụng <body itemscope itemtype="https://schema.org/Organization">sau đó <article itemscope itemtype="https://schema.org/BlogPosting"> <span itemprop="publisher">vv ... Không cần phải lặp lại logo nhiều lần, đặc biệt là trong một bài đăng trên blog.

— Simon Hayter

@SimonHayter Cảm ơn, nhưng Nhà xuất bản không phải là con của Tổ chức và Tổ chức đứng đầu WebPage nên tôi muốn tham khảo từ BlogPosting .. Bạn có đề xuất cấu trúc Tổ chức-> BlogPosting-> Nhà xuất bản không? Điều này có vẻ không chính xác.

— Arth

@SimonHayter Ngoài ra https://schema.org/WebPage và toàn bộ trang web bị đánh đố với các ví dụ thực hiện chính xác điều đó .. itemproptrên cùng một dòng với itemtype.

— Arth

Khoảnh khắc tóc vàng, tôi sẽ hoàn toàn sai. Tôi sẽ xem lại sau và quay lại với bạn :)

— Simon Hayter

Câu trả lời:

Hóa ra, vì BlogPostinglà một trong những loại được Google hỗ trợ dưới dạng Rich Snippet, nên họ áp dụng xác thực nhiều hơn:

Nguyên tắc Tài liệu Tìm kiếm của Google cho Bài viết

Điều này đòi hỏi Nhà xuất bản của Điều logophải thuộc loại ImageObjectvà có một widthvà heightbằng pixel. BlogPostinglà một kiểu con của Article.

Đoạn mã được cập nhật này xác thực thông qua Công cụ kiểm tra dữ liệu có cấu trúc của 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>

— Khớp
nguồn

Một câu trả lời xuất sắc và hữu ích của @Arth ở trên.

Để bổ sung cho câu trả lời ở trên (không cạnh tranh với nó), đây là cùng một Dữ liệu có cấu trúc sử dụng cùng một từ vựng giản đồ.org , nhưng lần này là 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 Theo https://developers.google.com/search/docs/data-types/articles

Logo phải là hình chữ nhật, không phải hình vuông.

Logo phải vừa trong một 60x600pxhình chữ nhật., Và chính xác là 60pxcao (ưa thích) hoặc chính xác 600pxrộng. (Ví dụ, 450x45pxsẽ không được chấp nhận, mặc dù nó vừa với 600x60pxhình chữ nhật.)

— Rounin
nguồn