web-dev-qa-db-ja.com

ニュース記事が検証されていません:「属性image.widthの値が無効です。」

Googleのテンプレートを使用してブログをマークアップしていますが、width/heightの値を変更すると、すぐにわかります。

属性image.widthの値が無効です。

以下は、Googleが提供するテンプレートです。

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "NewsArticle",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://google.com/article"
  },
  "headline": "Article headline",
  "image": {
    "@type": "ImageObject",
    "url": "https://google.com/thumbnail1.jpg",
    "height": 800,
    "width": 800
  },
  "datePublished": "2015-02-05T08:00:00+08:00",
  "dateModified": "2015-02-05T09:20:00+08:00",
  "author": {
    "@type": "Person",
    "name": "John Doe"
  },
   "publisher": {
    "@type": "Organization",
    "name": "Google",
    "logo": {
      "@type": "ImageObject",
      "url": "https://google.com/logo.jpg",
      "width": 600,
      "height": 60
    }
  },
  "description": "A most wonderful article"
}
</script>

次のソースコードは、私が変更したものです。

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "NewsArticle",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://google.com/article"
  },
  "headline": "Article headline",
  "image": {
    "@type": "ImageObject",
    "url": "https://google.com/thumbnail1.jpg",
    "height": 800,
    "width": **600**
  },
  "datePublished": "2015-02-05T08:00:00+08:00",
  "dateModified": "2015-02-05T09:20:00+08:00",
  "author": {
    "@type": "Person",
    "name": "John Doe"
  },
   "publisher": {
    "@type": "Organization",
    "name": "Google",
    "logo": {
      "@type": "ImageObject",
      "url": "https://google.com/logo.jpg",
      "width": 600,
      "height": 60
    }
  },
  "description": "A most wonderful article"
}
</script>

Googleのバグですか?それとも私は本当に失われましたか?

2
Yen Deng

Googleのドキュメントを参照してください: https://developers.google.com/search/docs/data-types/articles

画像の幅は少なくとも696ピクセルにする必要があります。

だからこれは私のために働く:

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "NewsArticle",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://google.com/article"
  },
  "headline": "Article headline",
  "image": {
    "@type": "ImageObject",
    "url": "https://google.com/thumbnail1.jpg",
    "width": 696,
    "height": 100
  },
  "datePublished": "2015-02-05T08:00:00+08:00",
  "dateModified": "2015-02-05T09:20:00+08:00",
  "author": {
    "@type": "Person",
    "name": "John Doe"
  },
   "publisher": {
    "@type": "Organization",
    "name": "Google",
    "logo": {
      "@type": "ImageObject",
      "url": "https://google.com/logo.jpg",
      "width": 10,
      "height": 60
    }
  },
  "description": "A most wonderful article"
}
</script>
5
Milo Tischler

Googleは特定のサイズを探しています。 記事オブジェクトpublisher.logoは、 AMPロゴガイドライン を指しています。

  • ファイルは、.jpg、.png、.gifなどのラスターファイルである必要があります。 .svgや.epsなどのベクターファイルを使用しないでください。
  • アニメーションを使用しないでください。
  • ロゴのグラフィック部分は、背景色で判読できるものでなければなりません。
  • ロゴは、正方形ではなく長方形でなければなりません
  • ロゴは60x600pxの長方形に収まり、ちょうど60pxの高さ(推奨)またはちょうど600pxの幅でなければなりません。たとえば、450x45pxは、600x60pxの長方形内に収まる場合でも受け入れられません。
0
Ron Royston