Comment changer l'image du site Web qui s'affiche dans les résultats de recherche Google?

Quelqu'un peut-il me dire comment Google décide quelle image utiliser lorsqu'il affiche une image avec les résultats de la recherche (comme c'est parfois le cas avec la recherche mobile)?

Si vous regardez ces résultats de recherche mobile…

… Et prenons le résultat de Bryant comme exemple, en inspectant le HTML, vous pouvez voir que l'image utilisée par Google ne semble pas avoir de déclaration spéciale, etc. Ce n'est que le premier JPG qui apparaît dans le HTML de cette page - donc j'étais pensant que c'est peut-être pour cela que c'est l'image qui est utilisée dans les résultats de recherche Google.

Cependant, lorsque vous regardez ces résultats de recherche mobile…

… Et considérons le résultat Backpack Billboards, le HTML révèle que l'image utilisée est en fait la septième image déclarée dans le HTML.

Alors, quelqu'un peut-il nous éclairer sur la façon dont Google détermine quelle image afficher? Je voudrais savoir pour pouvoir ensuite contrôler quelle image est affichée pour mon site.

Mise à jour / solution

Grâce aux réponses ci-dessous, voici le code que j'ai maintenant ajouté à mon headHTML afin d'obtenir la vignette affichée dans Google lors de la recherche de panneaux d'affichage de sac à dos :

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Product",
  "name": "Regular Backpack Billboard",
  "image": [
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-1x1.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-4x3.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-16x9.jpg"
   ],
  "description": "Backpack Billboards feature a rechargeable battery which powers the internal LED lights providing a bright illuminated display for up to 8 hours.",
  "sku": "BPBB8",
  "brand": {
    "@type": "Thing",
    "name": "Backpack Billboards"
  },
  "offers": {
    "@type": "Offer",
    "priceCurrency": "USD",
    "price": "299.00",
    "priceValidUntil": "2020-11-11",
    "itemCondition": "http://schema.org/NewCondition",
    "availability": "http://schema.org/InStock",
    "seller": {
      "@type": "Organization",
      "name": "Backpack Billboards"
    }
  }
}
</script>

Le problème que vous avez cité est dû au fait que Google n'est pas en mesure de déterminer quelle est votre image principale et c'est pourquoi, il prend au hasard une image sur cette page pour l'afficher sur le résultat SERP.

Cela dépend également de la requête de recherche que vous avez saisie et de la page (page de détails de l'offre, page de liste des offres, page d'accueil du vendeur, etc.) qui s'affiche sur le résultat de la recherche.

Cependant, si je considère que dans les deux captures d'écran, la même page apparaît, voici des solutions possibles que vous pouvez appliquer sur la page.

Nous pouvons faire savoir au robot d'exploration Google ce que notre page "signifie" grâce au balisage de données strucuted. Nous devons «marquer» chaque élément de notre page afin que Google le comprenne bien et donne ensuite des résultats améliorés sur le SERP.

Vous pouvez marquer ce balisage de données structurées par programme dans l'un de ces trois formats

1. JSON LD (recommandé car il est acceptable par Google, Yahoo, Bing et Yandex)

2. Microdonnées

3. RDFa

L'exemple de code JSON LD est déjà expliqué ci-dessus par L Martin. Vous pouvez en savoir plus sur le balisage des produits JSON LD ici.

Si vous souhaitez le faire rapidement, Google dispose également d'un outil d'aide au balisage de données structurées que vous pouvez utiliser à partir des Webmasters de Google.

Une fois cela fait, Google comprendra quelle image afficher sur la page de résultats de recherche.

Bonjour, après la discussion dans les commentaires, voici le code que vous pouvez essayer et expérimenter. J'ai vérifié dans l'outil de test de données structurées et cela fonctionne bien.

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Product",
  "name": [
    "Regular Backpack Billboard",
    "Walking Billboards",
    "Human Billboards"
   ],
  "image": [
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-1x1.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-4x3.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-16x9.jpg"
   ],
  "description": "Backpack Billboards feature a rechargeable battery which powers the internal LED lights providing a bright illuminated display for up to 8 hours.",
  "sku": "BPBB8",
  "brand": {
    "@type": "Thing",
    "name": [
    "Regular Backpack Billboard",
    "Walking Billboards",
    "Human Billboards"
    ]
  },
  "offers": {
    "@type": "Offer",
    "priceCurrency": "USD",
    "price": "299.00",
    "priceValidUntil": "2020-11-11",
    "itemCondition": "http://schema.org/NewCondition",
    "availability": "http://schema.org/InStock",
    "seller": {
      "@type": "Organization",
      "name": [
    "Backpack Billboards",
    "Human Billboards",
    "Walking Billboards"
      ]
    }
  }
}
</script>

J'ai essayé de suivre

1. Ajout de trois propriétés sous forme de tableau sous un attribut "nom" de type "Produit"
2. Ajout de trois propriétés sous forme de tableau sous un attribut "marque" de type "Thing"
3. Ajout de trois propriétés sous forme de tableau sous un attribut "nom" de type "Organisation"

Ce script fonctionne dans l'outil de test de données structurées, cependant, ne savez pas si c'est la bonne solution selon votre requête. Essayez-le d'abord et faites-moi savoir si cela fonctionne ou non.

Vous pouvez indiquer à Google l'image que vous souhaitez utiliser pour votre propriété à l'aide du balisage Schema.org. Voici un exemple rapide de site Web d'entreprise :

<script type="application/ld+json">
{"@context" : "http://schema.org",
 "@type" : "Organization",  
  "name" : "Example Company",
  "url" : "https://www.example.org", 
  "logo": "https://www.example.org/images/my-logo.png" }
</script>

La recherche de cette entreprise est désormais beaucoup plus susceptible d'afficher ce logo lorsque Google a besoin d'une image.

Si vous le faites pour une page de produit , vous aurez besoin de ce balisage:

<script type="application/ld+json">
{"@type": "Product",
 "image": "http://example.org/product-image.png",
 "url": "http://example.org/my-products-url",
 "name": "Example Product Name"
 }
</script>

Vous pouvez ensuite tester la mise en œuvre à l'aide de cet outil pour vous assurer que Google la récupère:

https://search.google.com/structured-data/testing-tool

Ils indiqueront également les propriétés manquantes dont ils ont besoin pour traiter vos données de schéma

En tant que Top Contributeur Google sur le Forum d'aide du Webmaster Central, j'ai vu beaucoup de questions et de cas d'utilisation. Cette question spécifique sur la vignette se rapporte à d'autres questions où Google peut se comporter de manière similaire.

Ce que ces miniatures ne sont pas: Sur la base d'autres commentaires, ces miniatures ne sont pas:

• Listes d'entreprises
• Données structurées / extraits enrichis / données json ou de schéma
• Partie du graphique des connaissances
• Partie de carrousels comme des articles de presse / POI

À mon humble avis, les techniques derrière ces miniatures et l'IA de Google pour décider de les montrer ou lesquelles sont plus liées aux balises de titre et aux méta descriptions qu'aux données structurées / extraits riches. C'est pourquoi je vais commencer par quelques explications de base sur la façon dont les balises de titre et les méta descriptions sont affichées. Et continuez avec les vignettes.

Balises de titre Vous pouvez définir une balise de titre, mais Google peut la changer si le titre contient du spam, est le même car sur chaque page il manque des informations pertinentes ou si Google peut déterminer un titre basé sur le contenu qui est plus lié à la recherche requete.

Méta description Vous pouvez définir une méta description. Encore une fois: s'il est pertinent, représente le contenu de la page et est lié à la requête de recherche, Google affichera probablement votre méta description. Si Google pense qu'il peut générer une description plus pertinente et plus attrayante, il affichera sa propre méta description préférée.

Récemment, Google a augmenté la longueur de la description dans les résultats de recherche. Donc, fondamentalement, Google adapte / étend déjà la plupart des méta descriptions maintenant. La meilleure pratique pourrait être de laisser votre méta description vide, comme le fait Wikipedia.

Miniatures
Donc, fondamentalement, Google peut afficher des images, surtout lorsque vous n'avez pas configuré les choses. Les miniatures utilisées par Google dans un élément de résultat de recherche sont utilisées pour renforcer votre visibilité / représentation . Comme ce que j'ai vu jusqu'à présent et comment je pense que Google l'aborderait, vous pouvez pointer Google dans une direction pour afficher une miniature sur ces conditions:

• l'image doit bien sûr être explorable et indexée, donc n'empêchez pas ou ne bloquez pas l'exploration .
• placé au début / à l'intérieur du contenu principal de la page. Dans le passé, j'avais un site Web où j'avais un <img>intérieur le premier <p>. Google vient d'utiliser cette image comme miniature. Et ils ont même utilisé le texte alternatif dans leur version de la méta description (qui n'avait pas l'air si bien). Au moins, l'image était étroitement liée au contenu principal. Ils se renforcent mutuellement.
• l'image doit être unique . Il serait étrange que Google affiche la même miniature (en stock) pour chaque résultat de recherche sur la première page.
• l'image doit être liée à la requête de recherche et doit la représenter . Lorsque je recherche «London Eye», Google parvient à générer une miniature de l'image de tête du 4ème article de cette page . Les images de tête des trois premiers articles ne montrent pas l'œil de Londres. Ces images n'ont même pas de texte alternatif et l'article est intitulé «croisière fluviale», donc le contexte textuel n'est pas pris en charge. Je pense que nous pouvons supposer que l'IA a fait beaucoup de travail ici. Des captures d'écran sont jointes ci-dessous.
• visible au-dessus du vœu (sur le bureau). Je n'ai aucune preuve pour cela, c'est une hypothèse. Mais je pense que cela aide beaucoup si l'image est visible dans l'outil de récupération et de rendu de Google. Et l'indexé est toujours basé sur le bureau, cette année il passera probablement à la première indexation mobile. Je pense qu'il est important que l'image que vous souhaitez afficher sous forme de vignette soit l'une des premières images visibles par les visiteurs.
• utilisé dans les métadonnées opengraph et dans le contenu principal de la page. Les métadonnées opengraph. Comparez cela avec la méta description. Si votre og:imagereprésente la page, est visible sur la page et est lié à la requête de recherche, pourquoi Google ne l'utiliserait-il pas pour générer son pouce.
• utilisé dans une balise META (valide ou invalide) ( exemple ) et dans le contenu principal de la page. La chose étrange de cet exemple est qu'il s'agit de la 3ème ou 4ème image dans le diaporama, mais elle est mentionnée dans une balise META personnalisée. C'est peut-être la raison pour laquelle Google a sélectionné celui-ci pour générer un pouce.
• ignorer les données structurées . Les données structurées sont utilisées dans les carrousels pour les actualités, les produits, les articles, etc. Je n'ai pas vu de relation entre les données structurées et les vignettes à l'intérieur d'un élément de résultat de recherche jusqu'à présent.

Il n'y a pas vraiment de documentation claire à ce sujet, mais j'ai trouvé cet article de blog qui est lié à notre discussion ici: Résultats de Google sur les images en filigrane. . Au moins, les conclusions de Google sur les miniatures sont les suivantes:

• Les utilisateurs préfèrent des images grandes et de haute qualité (haute résolution, au point).
• Les utilisateurs sont plus susceptibles de cliquer sur des miniatures de qualité dans les résultats de recherche. Les images de qualité (encore une fois, haute résolution et mise au point) sont souvent plus belles à la taille des miniatures.
• Les fonctionnalités distrayantes telles que les filigranes bruyants, le texte sur l'image et les bordures risquent de donner à l'image un aspect encombré lorsqu'elle est réduite à la taille d'une miniature.

Mise à jour 25-12: Fellow TC Barry Hunter m'a pointé sur cette discussion Twitter où John Mueller dit que le blocage de cette image n'est possible qu'avec robots.txt.

Il devrait pouvoir être modifié via Google Search Console. Vous pouvez mettre en évidence les données de votre page Web, y compris l'image représentant cette page / cet article qui sera affiché dans Google SERP.

Cependant, ce n'est qu'un moyen de le changer dans le navigateur Google, je ne peux pas hésiter à le changer sur un autre navigateur.

Accédez à Google Search Console >> Apparence de la recherche >>

1. Données structurées
2. Cartes riches
3. Surligneur de données

Grâce à ceux-ci, vous pouvez personnaliser les résultats SERP.

Et vous voyez aussi GMB. il existe de nombreuses ressources utiles sur la façon de gérer votre tableau de bord Google My Business. Pour illustrer

Modifiez les informations de votre entreprise ( faites défiler cette page et consultez les informations sur les images)

Aide Google My Business

J'espère que cela t'aides

Vous devez mettre à jour la page de votre fiche Google Local Business avec de nouvelles images, vos anciennes images seront remplacées par de nouvelles.

Également deuxième option, vous pouvez les signaler comme spam directement affichés dans les résultats de recherche.