• User Attivo

    Risultato ricerca google con immagine: come?

    Ciao, spero di essere nella sezione giusta -

    Ho notato da poco .... che in alcuni casi, a fianco dei risultati di ricerca (non in tutti) vi sono delle immagini che NON si ritrovano all'interno della pagina elencata.

    Volevo capire se è possibile aggiungerle a piacere, magari con una riga di html es. come una favicon o come posso fare per ottenerla e gestirla.

    b29b4613-f67b-4b16-8e13-6c0e96688e9e-image.png


    sermatica 1 Risposta
  • Moderatore

    @arluc

    Ciao,
    mi dai la key che usi nella ricerca che faccio un check?

    Grazie


    A 1 Risposta
  • User Attivo

    Ciao @sermatica , la precedente ricerca non la ricordo più, ma se ora provo questa
    "colore contrasto al grigio"
    i risultati sono questi sotto:

    ho tentato di capire se il nome immagine nella ricerca fosse contenuto all'interno del codice html della pagina, ma non è così, sembrerebbe una immagina messa da altri/o ... ma chi/cosa e come?

    b9eed43f-94f1-441f-b05f-a6fe1e8c5f24-image.png

    c9ca023a-edf1-4e48-adcb-7b55c9eee823-image.png
    bac02218-ee0d-44fb-9779-fdcd63107385-image.png


    sermatica 1 Risposta
  • User Attivo

    allora: io ho provato ad indagare su quella che hai indicato con "A", ovvero il dominio flobidesign.it. Per la chaive di ricerca "colore grigio giallo contrasto" mi compare appunto quella pagina fra i risultati, con la stessa immagine mostrata in anteprima.
    Faccio queste considerazioni:

    • apro la pagina, non mi lascia immediatamente accedere al sorgente pagina (ALERT: you are not allowed to copy content or view source); "allowed" o no che sia, se scrivi view-source: all'inizio dell'URL, compare il sorgente
    • cercando <img all'interno del sorgente, trovo sei file immagine (<img src="...">), ma NON quello in questione, che però ho visto essere presente come:
      <meta property="og:image" content="https://www.flobidesign.it/wp-content/uploads/2021/03/pantone2021.png" />
      infatti questo è l'indirizzo del file in questione; se cerchi all'interno del sorgente pantone2021.png trovi oltre a questa stringa che ho già messo, anche un codice JSON-LD:
      <script type="application/ld+json" class="yoast-schema-graph">{"@context": ...

    Onestamente non mi è mai capitata la cosa, l'immagine aggiunta in questo modo dovrebbe comunque essere la risposta. Cercando info su Open Graph (fonte ogp.me) :

    og:image - An image URL which should represent your object within the graph.


    A 1 Risposta
  • Moderatore

    @arluc ha detto in Risultato ricerca google con immagine: come?:

    "colore contrasto al grigio"

    Ciao,
    con la key qui sopra le foto riportate in serp sono anche in pagina, sono rimpicciolite e tagliate ma sono loro.


    A 1 Risposta
  • User Attivo

    @sermatica ha detto in Risultato ricerca google con immagine: come?:

    @arluc ha detto in Risultato ricerca google con immagine: come?:

    "colore contrasto al grigio"

    Ciao,
    con la key qui sopra le foto riportate in serp sono anche in pagina, sono rimpicciolite e tagliate ma sono loro.

    Ciao, hai ragione, io cercavo nel codice il nome immagine trovato nell'elenco google che probabilmente viene rinominata ... mea culpa

    Però non ho capito cosa dovrei fare per averle anche io ... nè il motivo per cui alcune righe google le hanno e altre non le hanno...


  • User Attivo

    @giulio-marchesi ha detto in Risultato ricerca google con immagine: come?:

    allora: io ho provato ad indagare su quella che hai indicato con "A", ovvero il dominio flobidesign.it. Per la chaive di ricerca "colore grigio giallo contrasto" mi compare appunto quella pagina fra i risultati, con la stessa immagine mostrata in anteprima.
    Faccio queste considerazioni:

    • apro la pagina, non mi lascia immediatamente accedere al sorgente pagina (ALERT: you are not allowed to copy content or view source); "allowed" o no che sia, se scrivi view-source: all'inizio dell'URL, compare il sorgente
    • cercando <img all'interno del sorgente, trovo sei file immagine (<img src="...">), ma NON quello in questione, che però ho visto essere presente come:
      <meta property="og:image" content="https://www.flobidesign.it/wp-content/uploads/2021/03/pantone2021.png" />
      infatti questo è l'indirizzo del file in questione; se cerchi all'interno del sorgente pantone2021.png trovi oltre a questa stringa che ho già messo, anche un codice JSON-LD:
      <script type="application/ld+json" class="yoast-schema-graph">{"@context": ...

    Onestamente non mi è mai capitata la cosa, l'immagine aggiunta in questo modo dovrebbe comunque essere la risposta. Cercando info su Open Graph (fonte ogp.me) :

    og:image - An image URL which should represent your object within the graph.

    Ciao @giulio-marchesi, ti ho letto e riletto, ma temo non essere in grado di capire come suggerisci di fare per ottenere le immaginette in serp, puoi esplicitare meglio? 🙂


    giulio.marchesi 1 Risposta
  • User Attivo

    @arluc non ho pratica di questi "tecnicismi" in realtà, ciò che facevo notare è che per comparire l'immagine in SERP, da qualche parte dev'essere indicata! Infatti, a parte Open Graph che riguarda la aprte Social quindi non ci interessa in questo caso, abbiamo invece JSON-LD e penso sia questa la chiave! Il cosiddetto JavaScript Object Notation for Linked Data è una codifica per schema.org ovvero "Rich Snippet": non conosco la sintassi precisa, ma è evidente che se questo serve a creare appunto i Rich Snippet in SERP e all'interno di questo script è linkata l'immagine in questione. In particolare dal sorgente della pagina (nello script che dicevo di JSON-LD), estrapolo questo:

    "thumbnailUrl":"https://www.flobidesign.it/wp-content/uploads/2021/03/pantone2021.png"
    

    Cerchiamo "thumbnailURL": da schema.org, la definizione:

    A thumbnail image relevant to the Thing

    Anche se non conoscevo il tecnicismo, direi quindi che abbiamo risolto la questione 🙂


    A 1 Risposta
  • User Attivo

    @giulio-marchesi ha detto in Risultato ricerca google con immagine: come?:

    JSON-LD

    Ciao, io sono un ignorantazzo, +/- so come si scrive HTML e Browser e poco più, mentre per CSS JS JSON-LD buio totale ...

    Da quello che mi scrivi quindi capisco che NON mi basterà appiccicare al mio HTML una nuova riga con

    "thumbnailUrl":"https://www.miosito.web/varie/immagine-che-voglio-in-serp.png" ma servirà qualcosa di più ... ma cosa ancora non sono riuscito a capirlo 😞

    girovagando ho trovato questo https://www.antevenio.com/it/blog/rich-snippets-guida-pratica-di-utilizzo/#
    gli ho dato una letta veloce ma ancora non ho capito ...sob... riproverò nel fine settimana

    .. ma se qualcuno volesse allegare un bell' esempietto che mi permette un copia e incolla .. 😜