Come visualizzare la miniatura dell'anteprima del tuo sito Web su Facebook Condividi

Quando qualcuno condivide un link a una delle pagine del tuo sito web sulla sua Timeline, Facebook recupera automaticamente un'immagine dalla pagina collegata e la mostra accanto al nome e all'URL della pagina. Sfortunatamente, l'immagine recuperata a volte può non essere correlata al contenuto della pagina o può anche mancare del tutto dal collegamento condiviso. Per assicurarti che Facebook visualizzi la migliore immagine possibile quando qualcuno condivide la tua pagina, e quindi aumentare la percentuale di clic di quel link, aggiungi alcune righe di codice al codice HTML della pagina per costringere Facebook a recuperare un'immagine specifica.

Aggiungi markup grafico aperto

Open Graph è un protocollo sviluppato da Facebook che, tra le altre funzionalità, consente agli sviluppatori Web di aggiungere tag di markup alle proprie pagine per personalizzare il modo in cui Facebook visualizza i collegamenti ai propri siti Web.

Aggiungi tag Open Graph a una pagina modificandone il codice sorgente HTML:

Passaggio 1

Apri il file HTML in un editor di testo come Blocco note o in un editor HTML dedicato. Posiziona il cursore prima del tag di chiusura vicino alla parte superiore del file e premi Invio per creare una nuova linea.

Passaggio 2

Inserisci il seguente meta tag:

Sostituisci http://www.example.com/thumb.jpg con il link effettivo per l'immagine che desideri venga visualizzata da Facebook quando un utente condivide un link al tuo sito.

Suggerimento

• Sebbene Facebook accetti immagini in miniatura di appena 200 x 200 pixel, la dimensione consigliata è di 1200 pixel di larghezza e 630 pixel di altezza.
  
• Per aumentare la percentuale di utenti che fanno clic sul link, qualcosa noto come percentuale di clic -- prendi in considerazione l'aggiunta di un invito all'azione all'immagine, ad esempio Fai clic qui o Scopri di più .
  

Passaggio 3

Salva il tuo file e caricalo sul tuo host web.

Altri tag di markup per grafici aperti

Oltre all'immagine in miniatura, prendi in considerazione l'utilizzo di tag di markup Open Graph, ad esempio, per personalizzare il titolo o la descrizione di un link condiviso.