aggiungere thumbnail per condivisione su social

[leaf]

ciao a tutti, ho una pagina html con del testo, niente immagini o altro. Vorrei fare in modo che quando la pagina viene condivisa sui social tipo facebook, facebook mostri anche un'immagine come thumbnail.

Ho letto un po' di cose in giro tipo aggiungere un meta tag o link nella sezione "head" della pagina ma non mi pare abbia funzionato. Ho anche provato a mettere un'immagine nella pagina con "display:none" ma non ho ottenuto nulla.
Qualcuno ha qualche suggerimento o sa dirmi dove/cosa cercare? L'immagine NON deve essere visibile sulla pagina ne interferire con il resto del css/html

grazie!

[carlomarangoni]

Hai provato con favicon.Ico? Altrimenti c'è dei metaTag che mostrano una thumbs ma non so come le valuta i social

[leaf]

ciao e grazie per la risposta. Il favicon c'e gia, viene mostrato correttamente nel titolo della pagina ed entrambi vengono visualizzati su fb come "titolo" del post. Ma a me interessava avere un'immagine piu grande che facebook potesse visualizzare.
Di quali meta tag parli? Ho letto un po' in giro e fatto delle prove ma non sono riuscito a farli funzionare. Stasera a casa provo di nuovo.

grazie!

[carlomarangoni]

Parlavo dei metaTag che forse hai già provato!
Mi dispiace non riesco proprio ad aiutarti! Non mi interesso molto dei social e non so bene come interpretano il codice

[leaf]

ok grazie lo stesso

[Luke70]

Devi utilizzare gli open graph per Facebook http://ogp.me/ e le Twitter card per Twitter https://davidwalsh.name/twitter-cards

[leaf]

ciao, grazie avevo letto..quelli per fb non hanno effetto..cioé quando condivido, l'immagine non compare proprio..li sto usando così :/

    <meta property="og:tag title" content="Gone"/>
    <meta property="og:tag type" content="website"/>
    <meta property="og:tag image" content="http://mysite.com/wp-content/uploads/2016/07/Untitled-1.png"/>
    <meta property="og:tag url" content="http://mysite.com/gone/"/>
    <meta property="og:tag site_name" content="mysite"/>