Come Far Apparire l'Anteprima del Tuo Sito su Facebook Share
Quando qualcuno condivide un link a una delle pagine del tuo sito web sulla sua Timeline, Facebook recupera automaticamente un'immagine dalla pagina linkata e la visualizza accanto al nome e all'URL della pagina. Sfortunatamente, l'immagine recuperata può a volte non essere correlata al contenuto della pagina o può persino mancare del tutto dal link condiviso. Per assicurarti che Facebook visualizzi l'immagine migliore possibile quando qualcuno condivide la tua pagina — e quindi aumentare il tasso di click-through di quel link — aggiungi alcune righe di codice all'HTML della pagina per costringere Facebook a recuperare un'immagine specifica.
Aggiungi Markup Open Graph
Open Graph è un protocollo sviluppato da Facebook che, tra le altre funzionalità, permette agli sviluppatori web di aggiungere tag di markup alle loro pagine per personalizzare il modo in cui Facebook visualizza i link ai loro siti web.
Aggiungi tag Open Graph a una pagina modificando il suo codice sorgente HTML:
Passo 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 </head> vicino alla parte superiore del file e premi Invio per creare una nuova riga.
Passo 2
Inserisci il seguente meta tag:
<meta property="og:image" content="https://www.example.com/thumb.jpg" />
Sostituisci https://www.example.com/thumb.jpg con il link effettivo per l'immagine che vuoi che Facebook visualizzi quando un utente condivide un link al tuo sito.
Suggerimento
- Mentre Facebook accetta immagini miniatura di appena 200 x 200 pixel, la dimensione consigliata è 1200 pixel di larghezza e 630 pixel di altezza.
- Per aumentare la percentuale di utenti che cliccano il link — qualcosa noto come click-through rate — considera di aggiungere una call to action all'immagine, come Clicca qui o Scopri di più.
Passo 3
Salva il file e caricalo sul tuo host web.
Altri Tag di Markup Open Graph
Oltre all'immagine miniatura, considera di usare tag di markup Open Graph per, per esempio, personalizzare il titolo o la descrizione di un link condiviso.
<meta property="og:title" content="Il Titolo della Tua Pagina" />
<meta property="og:description" content="La descrizione della tua pagina qui." />
<meta property="og:url" content="https://www.example.com/pagina" />