Come modificare l'immagine del sito Web visualizzata nei risultati di ricerca di Google?

Qualcuno può dirmi come Google decide quale immagine utilizzare quando mostra un'immagine con i risultati della ricerca (come nel caso della ricerca mobile, a volte)?

Se guardi questi risultati di ricerca mobile ...

... e prendi il risultato di Javascript come esempio, controllando l'HTML puoi vedere che l'immagine utilizzata da Google sembra non avere una dichiarazione speciale, ecc. È solo il primo JPG che appare nell'HTML di quella pagina - quindi ero pensando che forse è per questo che è l'immagine che viene utilizzata nei risultati di ricerca di Google.

Tuttavia, quando guardi questi risultati di ricerca mobile ...

... e considerando il risultato di Backpack Billboards, l'HTML rivela che l'immagine utilizzata è in realtà la settima immagine dichiarata nell'HTML.

Quindi qualcuno può far luce su come Google determina quale immagine visualizzare? Vorrei sapere in modo da poter avere il controllo su quale immagine viene visualizzata per il mio sito.

Aggiornamento / Soluzione

Grazie alle risposte, di seguito, questo è il codice che ora ho aggiunto al mio headHTML per ottenere l'anteprima mostrata su Google durante la ricerca di cartelloni per zaino :

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

Il problema che hai citato è perché Google non è in grado di determinare qual è la tua immagine principale ed è per questo che fa una foto a caso su quella pagina da mostrare sul risultato SERP.

Dipende anche da quale query di ricerca hai inserito e quale pagina (pagina dei dettagli dell'offerta, pagina dell'elenco delle offerte, pagina iniziale del negozio del venditore ecc.) Viene visualizzata sul risultato della ricerca.

Tuttavia, se ritengo che in entrambi i tuoi screenshot appaia la stessa pagina, ecco le possibili soluzioni che puoi applicare sulla pagina.

Possiamo fare in modo che il crawler di Google sappia cosa "significa" la nostra pagina tramite il markup dei dati strutturati. Dobbiamo "taggare" ogni singolo elemento della nostra pagina in modo che Google lo capisca bene e quindi fornisca risultati migliori sulla SERP.

È possibile codificare questo markup di dati strutturati a livello di codice in uno di questi tre formati

1. JSON LD (consigliato in quanto accettabile da Google, Yahoo, Bing e Yandex)

2. Microdata

3. RDFa

L'esempio di codice LD JSON è già spiegato sopra da L Martin. Puoi leggere ulteriori informazioni sul markup del prodotto LD JSON qui.

Nel caso in cui desideri farlo rapidamente, Google ha anche uno strumento di supporto per il markup dei dati strutturati che puoi utilizzare dai webmaster di Google.

Una volta fatto, Google capirà quale immagine mostrare nella pagina dei risultati di ricerca.

Ciao, dopo la discussione nei commenti, ecco il codice che puoi provare e sperimentare. Ho controllato lo strumento di test dei dati strutturati e funziona bene.

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

Ho provato a seguire

1. Aggiunte tre proprietà come matrice sotto un attributo "nome" di tipo "Prodotto"
2. Aggiunte tre proprietà come un array sotto un attributo "marchio" di tipo "Cosa"
3. Aggiunte tre proprietà come matrice sotto un attributo "nome" di tipo "Organizzazione"

Questo script funziona in uno strumento di test dei dati strutturati, tuttavia, non è sicuro che sia la soluzione corretta secondo la tua query. Provalo prima e fammi sapere se funziona o no.

Puoi indicare a Google quale immagine desideri utilizzare per la tua proprietà utilizzando il markup Schema.org. Ecco un breve esempio di sito Web aziendale :

<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 ricerca di quella società è ora molto più probabile che mostri quel logo quando Google ha bisogno di un'immagine.

Se lo stai facendo per una pagina di prodotto , avrai bisogno di questo markup:

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

Puoi quindi testare l'implementazione utilizzando questo strumento per assicurarti che Google lo raccolga:

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

Indicano anche le proprietà mancanti necessarie per elaborare i dati dello schema

In qualità di Collaboratore principale di Google nel Forum di assistenza di Webmaster Central ho visto molte domande e casi d'uso. Questa domanda specifica sulla miniatura si riferisce ad altre domande in cui Google può comportarsi in modo simile.

Cosa non sono queste miniature: sulla base di altri commenti, queste miniature non sono:

• Schede di attività commerciali
• Dati strutturati / rich snippet / json o dati dello schema
• Parte del grafico della conoscenza
• Parte di giostre come articoli di notizie / PDI

A mio modesto parere, le tecniche alla base di queste miniature e dell'intelligenza artificiale di Google per decidere di mostrarle o quali sono più correlate ai tag del titolo e alle meta descrizioni che ai dati strutturati / rich snippet. Ecco perché inizierò con alcune spiegazioni di base su come vengono mostrati i tag dei titoli e le meta descrizioni. E seguilo con le anteprime.

Tag del titolo È possibile impostare un tag del titolo, ma Google può modificarlo se il titolo contiene spam, è lo stesso per ogni pagina in cui mancano informazioni pertinenti o se Google può determinare un titolo in base al contenuto che è più correlato alla ricerca query.

Meta description È possibile impostare una meta description. Di nuovo: se è pertinente, rappresenta il contenuto della pagina ed è correlato alla query di ricerca, probabilmente Google mostrerà la tua meta descrizione. Se Google pensa di poter generare una descrizione più pertinente e più attraente, mostrerà la propria meta descrizione preferita.

Recentemente Google ha aumentato la lunghezza della descrizione nei risultati di ricerca. Quindi praticamente Google adatta / estende già la maggior parte delle meta descrizioni ora. La migliore pratica potrebbe essere quella di lasciare vuota la tua meta descrizione, proprio come fa Wikipedia.

Miniature
Quindi, in pratica, Google può mostrare immagini, soprattutto quando non hai impostato le cose. Le miniature utilizzate da Google all'interno di un risultato di ricerca vengono utilizzate per rafforzare la tua visibilità / rappresentazione . Come ho visto finora e come penso che Google si avvicinerebbe ad esso, puoi indirizzare Google in una direzione per mostrare una miniatura su queste condizioni:

• l'immagine di necessità corso di essere individuabili e indicizzati, in modo da non impedire o blocco scansione .
• collocato all'inizio / all'interno del contenuto principale della pagina. In passato avevo un sito web in cui avevo un <img>primo all'interno <p>. Google ha appena usato quell'immagine come anteprima. E hanno anche usato il testo alternativo nella loro versione della meta description (che non sembrava così buona). Almeno l'immagine era strettamente correlata al contenuto principale. Si rafforzano a vicenda.
• l'immagine deve essere unica . Sarebbe strano se Google mostrasse la stessa miniatura (stock) per ogni risultato di ricerca sulla prima pagina.
• l'immagine deve essere correlata alla query di ricerca e deve rappresentarla . Quando cerco "London Eye", Google riesce a generare una miniatura dell'immagine della testa del 4 ° articolo in questa pagina . Le immagini dei primi tre articoli non mostrano l'occhio londinese. Queste immagini non hanno nemmeno testi alternativi e l'articolo è intitolato "crociera sul fiume", quindi il contesto testuale non è curato. Penso che possiamo supporre che l'IA abbia fatto molto lavoro qui. Le schermate sono allegate di seguito.
• visibile sopra il voto (sul desktop). Non ho alcuna prova per questo, questo è un presupposto. Ma penso che sia di grande aiuto se l'immagine è visibile nello strumento di recupero e rendering di Google. E l'indicizzazione è ancora oggi basata su desktop, quest'anno probabilmente passerà alla prima indicizzazione mobile. Penso che sia importante che l'immagine che desideri mostrare come anteprima sia una delle prime immagini visibili per i visitatori.
• utilizzato nei metadati di opengraph e nel contenuto principale della pagina. I metadati di opengraph. Confronta questo con la meta descrizione. Se og:imagerappresenti la pagina, è visibile sulla pagina ed è correlato alla query di ricerca, perché Google non dovrebbe utilizzarla per generare il suo pollice.
• utilizzato in un meta tag (valido o non valido) ( esempio ) e nel contenuto principale della pagina. La cosa strana di questo esempio è che è la terza o la quarta immagine nella presentazione, ma è menzionata in un metatag personalizzato. Forse è questo il motivo per cui Google ha selezionato quello per generare un pollice.
• ignorando i dati strutturati . I dati strutturati vengono utilizzati nelle giostre per notizie, prodotti, articoli e così via ... Finora non ho visto alcuna relazione tra i dati strutturati e le miniature all'interno di un elemento del risultato di ricerca.

Non c'è una documentazione molto chiara a riguardo, ma ho trovato questo post sul blog che è legato alla nostra discussione qui: risultati di Google su immagini filigranate. . Almeno i risultati di Google sulle miniature sono:

• Gli utenti preferiscono immagini di grandi dimensioni e di alta qualità (alta risoluzione, messa a fuoco).
• È più probabile che gli utenti facciano clic su miniature di qualità nei risultati di ricerca. Le immagini di qualità (di nuovo, ad alta risoluzione e a fuoco) spesso hanno un aspetto migliore con le dimensioni dell'anteprima.
• Funzionalità di distrazione come filigrane ad alta voce, testo sopra l'immagine e bordi probabilmente faranno apparire l'immagine ingombra quando ridotta alle dimensioni dell'anteprima.

Aggiornamento 25-12: Il collega TC Barry Hunter mi ha indicato questa discussione su Twitter in cui John Mueller afferma che bloccare questa immagine è possibile solo con robots.txt.

Dovrebbe essere in grado di cambiare tramite Google Search Console. Puoi evidenziare i dati della tua pagina web, inclusa l'immagine che rappresenta quella pagina / articolo che verrà mostrato in Google SERP.

Tuttavia, questo è solo un modo per cambiarlo in Google Browser, non posso esitare a cambiarlo su un altro browser.

Vai a Google Search Console >> Cerca aspetto >>

1. Dati strutturati
2. Carte Ricche
3. Evidenziatore di dati

Attraverso questi, è possibile personalizzare i risultati SERP.

E vedi anche GMB. ci sono molte ottime risorse su come gestire la dashboard di Google My Business. Illustrare

Modifica le informazioni sulla tua attività (scorri verso il basso questa pagina e vedi le informazioni sulle immagini)

Guida di Google My Business

Spero che sia di aiuto

Devi aggiornare la pagina della tua scheda di attività commerciale locale di Google con nuove immagini, le tue vecchie immagini verranno sostituite con una nuova.

Anche la seconda opzione è possibile segnalarli come spam mostrato direttamente nei risultati di ricerca.