web-dev-qa-db-fra.com

Article non valide: "L'attribut image.width a une valeur non valide."

J'utilise le modèle de Google pour annoter mon blog et il semble que si je changeais la valeur de la width/height, elle me dira instantanément:

L'attribut image.width a une valeur non valide.

Voici un modèle fourni par 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>

Le code source suivant est ce que j'ai changé:

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

Est-ce un bug de Google? Ou suis-je vraiment perdu?

imagesschema.orggoogle-rich-snippets-tooljson-ld
2
Yen Deng

Voir la documentation Google: https://developers.google.com/search/docs/data-types/articles

Les images doivent avoir au moins 696 pixels de large.

Alors celui-ci fonctionne pour moi:

<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 recherche une taille spécifique. Leurs objets articlepublisher.logo pointe vers leur instructions du logo AMP qui dit:

  • Le fichier doit être un fichier raster, tel que .jpg, .png ou .gif. N'utilisez pas de fichiers vectoriels tels que .svg ou .eps.
  • N'utilisez pas d'animation.
  • La partie graphique du logo doit être lisible sur la couleur de fond.
  • Le logo doit être un rectangle et non un carré .
  • Le logo doit tenir dans un rectangle de 60x600px et faire exactement 60px de haut (préféré) ou 600px de large. Par exemple, 450x45px ne serait pas acceptable, même s’il s’insère dans le rectangle de 600x60px .
0
Ron Royston