Guida alla condivisione per i webmaster

Questo documento spiega come ottimizzare i contenuti Web condivisi su Facebook tramite computer, Web e app mobili.

Il documento contiene informazioni su:

Markup Open Graph

La maggior parte dei contenuti viene condivisa su Facebook come URL, pertanto è importante eseguire il markup del tuo sito Web con tag Open Graph per controllare come verranno visualizzati i contenuti su Facebook.

Senza questi tag il crawler di Facebook usa euristiche interne per individuare al meglio titolo, descrizione e immagine di anteprima dei contenuti. Designa queste informazioni in modo esplicito con i tag Open Graph per assicurare post di qualità su Facebook.

Ecco un esempio di contenuti formattati con i tag Open Graph per una visualizzazione ottimale su Facebook:

Esempio di markup

Questo esempio spiega come eseguire il markup di un articolo, di una notizia o del post di un blog con og:type="article" e altre proprietà aggiuntive:

<meta property="og:url"                content="http://www.nytimes.com/2015/02/19/arts/international/when-great-minds-dont-think-alike.html" />
<meta property="og:type"               content="article" />
<meta property="og:title"              content="When Great Minds Don’t Think Alike" />
<meta property="og:description"        content="How much does culture influence creative thinking?" />
<meta property="og:image"              content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />

Le proprietà includono metadati descrittivi su come desideriamo presentare l'articolo quando qualcuno lo condivide.

Tag di base

Usa questi metatag di base per tutti i tipi di contenuti:

Tag Descrizione

og:url

L'URL canonico della tua pagina. Deve essere semplice e non contenere variabili per la sessione, parametri che identificano l'utente o contatori. I "Mi piace" e le condivisioni relative all'URL saranno aggregati in esso. Ad esempio, gli URL dei domini mobili devono puntare alla versione per computer come URL canonico per aggregare i "Mi piace" e le condivisioni delle diverse versioni della pagina.

og:title

Il titolo dell'articolo senza brand, ad esempio il nome del tuo sito.

og:description

Una breve descrizione dei contenuti, generalmente tra 2 e 4 frasi. Sarà visualizzata sotto il titolo del post su Facebook.

og:image

L'URL dell'immagine visualizzata quando qualcuno condivide i contenuti su Facebook. Vedi sotto per maggiori informazioni e consulta la guida alle best practice per scoprire come inserire un'immagine di anteprima di alta qualità.

fb:app_id

Per usare Facebook Insights, aggiungi l'ID app alla tua pagina. Insights ti consente di visualizzare i dati statistici per il traffico al tuo sito da Facebook. Puoi trovare l'ID app nella Dashboard gestione app.


Puoi aggiungere altri due tag per migliorare la distribuzione dei contenuti e l'interazione:

Tag Descrizione

og:type

Il tipo di contenuti multimediali. Il tag ha effetti sulla visualizzazione dei contenuti nella sezione Notizie. Non specificandolo, per impostazione predefinita sarà website. Ogni URL deve essere un singolo oggetto, pertanto non è possibile inserire più valori og:type. Per una lista completa dei tipi di oggetto, consulta Riferimento per i tipi di oggetto.

og:locale

La lingua della risorsa. Per impostazione predefinita, è en_US. Se sono disponibili altre traduzioni, puoi usare anche og:locale:alternate. Scopri le lingue supportate consultando la documentazione sulla localizzazione.


Per una lista completa delle proprietà standard degli oggetti, consulta Riferimento per le proprietà degli oggetti.

Test del markup

Per vedere in che modo il tuo markup viene visualizzato nel crawler di Facebook, inserisci un URL nel debugger di condivisione. Quest'ultimo mostrerà i metatag estratti dal crawler ed eventuali errori o avvisi.

Inoltre, il debugger attiva un'estrazione di dati dalla tua pagina, pertanto usalo per aggiornarne i contenuti in caso di errori nel codice HTML. Per maggiori informazioni, consulta Aggiornamento degli oggetti.

Tipi di contenuti multimediali

Se i tuoi contenuti includono audio, video o informazioni sulla posizione, puoi eseguire un altro markup. Consulta le proprietà standard degli oggetti in Riferimento per i tipi di oggetto.

Video

Puoi usare og:video per tutti i tipi di contenuto. Questa sezione descrive come usare i tag aggiuntivi per ottimizzare l'aspetto dei video su Facebook. Facebook supporta video in mp4 e in Flash.

Usa un URL protetto per i tag og:video:url e og:video:secure_url, così da poter riprodurre il video in linea nella sezione Notizie. Tieni presente che la riproduzione del video non è garantita in base a diversi fattori.

Metatag Descrizione

og:video

L'URL del video. Per riprodurre il video in linea nella sezione Notizie, devi usare l'URL https:// se possibile.

og:video:url

Equivalente a og:video.

og:video:secure_url

L'URL protetto del video. Includilo anche se imposti l'URL protetto in og:video.

og:video:type

Tipo MIME del video. Può essere application/x-shockwave-flash o video/mp4.

og:video:width

Larghezza del video in pixel. Questa proprietà è obbligatoria per i video.

og:video:height

Altezza del video in pixel. Questa proprietà è obbligatoria per i video.

og:image

Specifica un'immagine per un'anteprima di alta qualità nella sezione Notizie.


Immagini

Usa questo insieme di proprietà per i contenuti che presentano più di un'immagine. Per una guida su come usare al meglio og:image, consulta le best practice per la condivisione.

Metatag Descrizione

og:image

URL dell'immagine. Per aggiornare un'immagine dopo la pubblicazione, usa un nuovo URL per la nuova immagine. Le immagini vengono memorizzate nella cache in base all'URL e non vengono aggiornate, a meno che non cambi l'URL.

og:image:url

Equivalente a og:image.

og:image:secure_url

URL https:// dell'immagine.

og:image:type

Tipo MIME dell'immagine. Può essere image/jpeg, image/gif o image/png

og:image:width

Larghezza dell'immagine in pixel. Specifica l'altezza e la larghezza dell'immagine, per garantirne il corretto caricamento durante la prima condivisione.

og:image:height

Altezza dell'immagine in pixel. Specifica l'altezza e la larghezza dell'immagine, per garantirne il corretto caricamento durante la prima condivisione.