Il modo più semplice è solo un tag di collegamento:
<link rel="image_src" href="http://stackoverflow.com/images/logo.gif" />
Ma ci sono altre cose che puoi aggiungere al tuo sito per renderlo più adatto ai social media:
Apri i tag del grafico
I tag Open Graph sono tag che aggiungi al <head>
tuo sito web per descrivere l'entità rappresentata dalla tua pagina, che si tratti di una band, di un ristorante, di un blog o di qualcos'altro.
Un tag Open Graph ha questo aspetto:
<meta property="og:tag name" content="tag value"/>
Se utilizzi i tag Open Graph, sono necessari i seguenti sei:
og:title
- Il titolo dell'entità.
og:type
- Il tipo di entità. È necessario selezionare un tipo dall'elenco dei tipi di Open Graph.
og:image
- L'URL di un'immagine che rappresenta l'entità. Le immagini devono essere di almeno 50 pixel per 50 pixel. Le immagini quadrate funzionano meglio, ma puoi utilizzare immagini fino a tre volte più larghe rispetto all'altezza.
og:url
- L'URL canonico e permanente della pagina che rappresenta l'entità. Quando si utilizzano i tag Open Graph, il pulsante Mi piace pubblica un collegamento al og:url
invece dell'URL nel codice del pulsante Mi piace.
og:site_name
- Un nome leggibile per il tuo sito, ad esempio "IMDb".
fb:admins
oppure fb:app_id
- Un elenco separato da virgole degli ID Facebook degli amministratori della pagina o un ID dell'applicazione della piattaforma Facebook. Come minimo, includi solo il tuo ID Facebook.
Ulteriori informazioni sui tag Open Graph e dettagli sull'amministrazione della pagina sono disponibili nella documentazione del protocollo Open Graph.
http://developers.facebook.com/docs/reference/plugins/like