Come ottimizzare i social media con Open Graph Protocol di Facebook - dummies

Facebook è il principale sito di social media al mondo. Se speri di ottimizzare i social media, devi conoscere il protocollo Open Graph di Facebook. Il protocollo Open Graph è uno standard di markup semantico introdotto da Facebook nel 2010 e ora ampiamente accettato. Alcune persone vedono Open Graph come in concorrenza con Schema. org, ma in realtà, i due standard sono complementari.

È possibile implementare entrambi gli schemi. microdati org e il markup Open Graph. Gli standard non sono in conflitto.

Entrambi questi standard hanno lo stesso obiettivo: descrivere meglio le informazioni su una pagina web. Le differenze chiave possono essere riassunte in questo modo:

• I metadati Open Graph descrivono la pagina nel suo complesso.

• Schema. i microformati org descrivono elementi specifici nella pagina.

Il markup grafico aperto contiene meno informazioni dello schema. org -microdata fa ma è più facile da implementare. Per rendere la tua pagina web compatibile con Graph, devi aggiungere metadati di base alla tua pagina. Come i metadati tradizionali, i metadati di Open Graph vanno nel tag della pagina web.

In Open Graph-speak, una pagina Web è un oggetto grafico aperto .

Open Graph ha quattro proprietà obbligatorie:

• og: titolo : Il titolo della pagina come vuoi che appaia in qualsiasi sistema che legge i dati di Open Graph.

  È meglio mantenere il tag del titolo più corto di 88 caratteri. Sebbene sia possibile aggiungere più caratteri, Facebook visualizza solo i primi 88.

• og: tipo : Il tipo di oggetto. I tipi sono specificati dal protocollo e sono abbastanza numerosi.

  type è una proprietà interessante, in quanto controlla dove la condivisione appare nell'interesse dell'utente su Facebook. Se, ad esempio, si imposta il tipo dell'oggetto su "filmato" e l'utente condivide l'oggetto, la condivisione viene visualizzata come uno degli interessi dell'utente sotto la voce Filmati nel profilo Facebook della persona.

  Controlla qui per scoprire tutti i vari tipi di oggetti.

• og: image : L'URL dell'immagine che si desidera rappresentare la pagina.

  l'immagine è un tag importante, perché una buona immagine può aiutare i tuoi contenuti a diffondersi. Usa questo tag per controllare ciò che appare quando i tuoi contenuti sono condivisi e assicurati che sia ottimizzato per adattarsi bene a Facebook. (Un rapporto di 1. 9: 1 funziona meglio. Mantengalo più grande di 400 × 209 pixel.)

  Non lasciare questo tag vuoto. Se lo fai, Facebook semplicemente tirerà qualche altra immagine dalla pagina - probabilmente portando a risultati inappropriati.

• og: url : L'URL della pagina.Il contenuto del tag url determina dove va l'utente quando fa clic sul pulsante Condividi.

Alcuni degli elementi richiesti hanno attributi opzionali aggiuntivi e, se lo desideri, puoi fornire più valori per alcuni di essi.

Le opzioni includono

• og: audio : Se si desidera che un file audio accompagni l'oggetto, utilizzare questo tag e specificare l'URL del file.

• og: descrizione : Utilizzare questo tag per fornire una descrizione a una o due frasi dell'oggetto.

  Facebook visualizza solo i primi 300 caratteri della descrizione.

• og: determiner : Questo tag consente di specificare la parola che precede il titolo dell'oggetto in una frase, in genere a, an, o .

• og: locale : Questo tag specifica le impostazioni internazionali per la pagina, in altre parole la lingua sulla pagina. Ad esempio, se il tuo contenuto è in inglese americano, il valore di questo tag sarebbe en_us.

• og: locale: alternativo : Se la pagina viene offerta in più lingue, è possibile elencarle tutte utilizzando questo tag.

• og: site_name : Se la pagina Web fa parte di un sito più grande con un nome diverso, utilizzare questo tag per specificare il nome del sito.

• og: video : Se si dispone di un file video da includere, utilizzare questo tag per specificare l'URL del file.

L'utilizzo dei tag è più facile da comprendere con un esempio. Nell'esempio seguente viene illustrato come è possibile implementare il markup Open Graph per una pagina Web relativa a un libro intitolato HowTo: WordPress 4:

 200x300. png ">  Scritto da Ric Shreves e pubblicato da water & stone digital. Disponibile ora su Amazon. com, Google Play Store e su questo sito. Pubblicato nelle versioni ePub, Mobi e PDF. ">

I tag Open Graph vanno nel tag della pagina. Nota che se stai usando un sistema di gestione dei contenuti molto popolare (come WordPress, Joomla! O Drupal), i plug-in gestiranno questa attività per te in modo da non dover scrivere alcun codice.

Il risultato dell'implementazione dei metadati di Open Graph è il controllo di ciò che viene visualizzato quando qualcuno condivide il contenuto sulla pagina web. Se qualcuno condivide la pagina con il markup mostrato nel codice precedente, questo è quello che sembra.

Esempio di output condivisione Facebook.

Se non sei sicuro di aver fatto correttamente il tuo markup Open Graph, testalo con il pratico Open Graph Debugger di Facebook.

Sebbene i metadati di Open Graph siano fondamentali per il successo dei tuoi contenuti su Facebook, vengono utilizzati anche da molti altri importanti siti social, tra cui Twitter, Pinterest, LinkedIn e Google+.

Il markup Open Graph funziona? Lo fa sicuramente! Sito di e-book Kobo afferma di aver ottenuto un aumento del 50% del traffico da Facebook dopo l'implementazione dei tag Open Graph.