Perché l'immagine di condivisione conta#
Quando qualcuno incolla il tuo link su Facebook, LinkedIn, in Messenger o in una chat, il servizio recupera un'anteprima: immagine, titolo e testo breve. È decisa dai tag Open Graph nel codice della pagina. Se mancano, il servizio tira a indovinare, e il risultato è spesso un logo tagliato o nessuna immagine. I tag sono un tipo di meta tag (vedi Meta tag).
I tag necessari#
Lo standard Open Graph richiede quattro tag: og:title, og:type, og:image e og:url, dove og:url è l'indirizzo permanente della pagina [1]. Facoltativi ma importanti sono og:description, og:site_name e og:locale (per l'italiano it_IT), e per l'immagine og:image:width, og:image:height e og:image:alt [1]. LinkedIn richiede anche og:description [2].
L'immagine: dimensioni e formato#
- Meta consiglia almeno 1200 × 630 pixel, un rapporto vicino a 1,91:1 e al massimo 8 MB. Se indichi larghezza e altezza nei tag, l'immagine può essere mostrata subito [3].
- LinkedIn richiede almeno 1200 × 627 pixel e al massimo 5 MB; le immagini più strette di 401 pixel vengono mostrate come una piccola miniatura [2].
- L'indirizzo dell'immagine deve essere completo (iniziare con https://), altrimenti i servizi non possono recuperarla.
- X (Twitter) usa i tag Open Graph quando mancano i suoi tag X.
Ecco cosa facciamo#
- Ogni pagina che realizziamo ha tutti i tag Open Graph, un'immagine di condivisione di 1200 × 630 con larghezza, altezza e testo alternativo, e lo stesso titolo e descrizione del risultato di ricerca.
- Nell'analisi del tuo sito web attuale vedi quali tag mancano e se l'immagine è troppo piccola.
- Se vuoi misurare cosa portano condivisioni e annunci, leggi di Pixel e misurazione.
Come appare il tuo link quando viene condiviso?
L'analisi gratuita mostra quali tag di condivisione mancano e se l'immagine è abbastanza buona.
0 SEK · senza registrazione · risposta in circa un minuto
Fonti in questa pagina
- The Open Graph protocol ogp.me · Standard aperto
- Make your website shareable on LinkedIn LinkedIn Help · Documentazione ufficiale
- Images in Link Shares Meta for Developers · Documentazione ufficiale