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

14

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>
interdiction de la géo-ingénierie
la source
Quelle (s) est / sont la (les) requête (s) de recherche ?? Il peut être impossible de répondre à cette question en sachant comment vous avez recherché.
closetnoc
Je ne sais pas quelle était la requête de recherche pour cet exemple particulier. Suggérez-vous que la solution consiste à essayer d'inclure la requête de recherche dans la altbalise, la titlebalise ou le nom de fichier de l'image souhaitée , etc.?
ban-geoengineering
Non. Les résultats de la recherche dépendent de la requête de recherche. Quant à moi, je prendrais la requête de recherche et verrais d'abord comment elle est résolue sur le bureau. De là, je peux conclure d'où proviennent les différents éléments de résultat. Ensuite, je compare les éléments qui restent pour une recherche sur mobile et je peux souvent revenir sur l'origine des éléments de résultat et pourquoi. Tels que, les connaissances, le moteur de réponse ou l'extrait en vedette.
closetnoc
"Trace" en arrière, je pense que vous vouliez dire (?) Qu'entendez-vous par "la connaissance" et "le moteur de réponse"?
ban-geoengineering
Ooopppsss !! Désolé. Le graphe de connaissances (a manqué ce mot) est une forme de base de données sémantique. Les cartes graphiques des connaissances sont basées sur des recherches de marques et des liens de faits. Le moteur de réponse utilise le graphe de connaissances pour répondre aux questions trouvées dans la requête. Les requêtes ne sont pas toujours des questions à traiter par le moteur de réponse. Un extrait en vedette n'utilise ni le graphique de connaissances ni le moteur de réponse, cependant, trouve un ensemble particulier de fonctionnalités trouvées sur la page qui fournissent de meilleurs indices sémantiques qui semblent correspondre directement à la requête. Les résultats peuvent être un sac mixte.
closetnoc

Réponses:

6

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.

Bhargav Joshi
la source
J'ai mis à jour ma question avec le code de travail. Cependant, mon client obtient des résultats différents de moi. Pour lui, l'image n'apparaît que lors de la recherche de panneaux d'affichage de sac à dos . Savez-vous quelles modifications je dois apporter au code afin que l'image s'affiche également lors de la recherche de panneaux d'affichage ambulants ou humains ?
ban-geoengineering
Visez-vous des panneaux d'affichage de sac à dos, des panneaux d'affichage ambulants et des panneaux d'affichage humains comme trois mots clés différents pour un seul produit appelé «panneaux d'affichage de sac à dos» ou ces trois produits sont-ils totalement différents? S'ils sont trois produits totalement différents, vous devez effectuer un balisage individuel pour chacun d'eux. Votre cas sera "Plusieurs entités sur la même page" et vous devez les marquer individuellement.
Bhargav Joshi
De plus, gardez à l'esprit que cela dépend totalement de Google, qu'ils souhaitent afficher l'image et d'autres balises ou non. Ils citent plusieurs raisons pour la même chose - comme l'historique de recherche de l'utilisateur, le trafic de la page, l'autorité de la page, le grade de la page bla bla ... ;) (Si le client se dispute beaucoup, alors présentez-lui cet exemple. :))
Bhargav Joshi
Les trois mots clés différents sont tous pour le même produit unique, alors que dois-je faire dans cette situation? (J'espère que cela n'impliquera de proposer à personne! :-))
ban-geoengineering
Dans ce cas, je vous suggère de faire quelques essais et expériences. En fait, il y a deux concepts différents que nous mélangeons en ce moment. Le premier est le référencement et les données secondaires et structurées. Vous pouvez vous classer plus haut pour plusieurs mots clés, mais Google doit comprendre que ceux-ci sont tous pour les mêmes produits et il doit les considérer de manière égale. Peu de choses que vous pouvez expérimenter sont 1) préparer votre page SEO prête et écrire le contenu approprié pour chacun des 3 produits - (la suggestion est continue dans mon prochain commentaire)
Bhargav Joshi
12

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

L Martin
la source
1
Il s'agit d'un site Web à produit unique (mais à plusieurs pages). C'est notre page d'accueil qui apparaît dans les résultats de recherche Google, donc j'aimerais que Google montre l'image de notre produit. Donc, pour y parvenir, aurais-je besoin d'utiliser votre deuxième extrait de code sur notre page d'accueil? Et, dans l'affirmative, serait-il correct si je spécifiais la "url"valeur comme URL de page de produit plutôt que URL de page d'accueil?
ban-geoengineering
2
@ ban-geoengineering Oui, vous l'avez bien compris. Vous auriez besoin d'une URL d'image réelle hébergée sur votre serveur dans le balisage LD JSON Structured Data. Dans un court laps de temps, vous devrez "baliser" ces images dans différents types de balisage disponibles. (par exemple, balisage - produit, recette, avis, article, etc.) Vous pouvez en savoir plus sur le balisage de produit de données structurées ici: developers.google.com/search/docs/data-types/product . J'élaborerai également plus dans une réponse séparée.
Bhargav Joshi
4

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.

Capture d'écran du résultat de recherche London Eye sur mobile Exemple pour London Eye, en utilisant l'image de l'article River Cruise

p3sn
la source
1

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.

Jakub Kliský
la source
Je ne pouvais pas voir comment procéder dans Google Search Console. Pourriez-vous fournir les étapes? (J'ai ajouté une prime de 100, alors je serais heureux de vous l'attribuer si cela fonctionne pour moi.)
ban-geoengineering
0

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

Mazharul Haq SEO
la source
-1

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.

Ken Calhoun
la source