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

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

Video: Avi Rubin: All your devices can be hacked 2025

Video: Avi Rubin: All your devices can be hacked 2025
Anonim

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.

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

Scelta dell'editore

Come leggere dal file in PHP per la programmazione HTML5 e CSS3 - manichini

Come leggere dal file in PHP per la programmazione HTML5 e CSS3 - manichini

Se puoi scrivere dati in un file in PHP, sarebbe logico che tu possa leggere da quel file anche per la programmazione HTML5 e CSS3. Il readContact. programma php recupera i dati salvati nel programma precedente e li visualizza sullo schermo. Non è difficile scrivere un programma per leggere ...

Come usare una classe PHP in uno script - dummy

Come usare una classe PHP in uno script - dummy

Il codice classe PHP deve essere inserito lo script che usa la classe. Più comunemente, la classe viene archiviata in un file di inclusione separato ed è inclusa in qualsiasi script che utilizza la classe. Per usare un oggetto, devi prima creare l'oggetto dalla classe. Quindi quell'oggetto può eseguire qualsiasi metodo che ...

Scelta dell'editore

Come usare lo strumento Timbro clone di Photoshop - manichini

Come usare lo strumento Timbro clone di Photoshop - manichini

Puoi usare lo strumento Timbro clone in Photoshop per rimuovere gli angoli e altri difetti copiando una porzione dei pixel circostanti, che dovrebbero avere un colore e una consistenza simili, sopra la parte malata dell'immagine. Per utilizzare lo strumento Timbro clone, attenersi alla seguente procedura: Selezionare lo strumento Timbro clone dallo strumento ...

Come disinstallare e reinstallare Photoshop Lightroom - dummies

Come disinstallare e reinstallare Photoshop Lightroom - dummies

Se si nota un problema con Lightroom la prima volta che si avvia esso, qualcosa potrebbe essere andato storto durante il processo di installazione. Disinstallare e quindi reinstallare potrebbe essere tutto ciò che è necessario per correggere il problema. Il processo è diverso per ogni sistema operativo, quindi ecco i passaggi separati per ciascuno. Su Windows: Chiudi tutto ...

Fotografia For Dummies Cheat Sheet - dummies

Fotografia For Dummies Cheat Sheet - dummies

La fotografia è un hobby divertente e gratificante che può renderti molto popolare tra la gente nelle tue foto - o molto impopolare. Per ottenere il massimo da una fotocamera "inquadra e scatta", digitale o meno, la prima abilità da padroneggiare è bloccare l'attenzione. Puoi perfezionare le tue abilità fotografiche in modo che le tue foto siano ...

Scelta dell'editore

Agire per aumentare le emozioni edificanti - manichini

Agire per aumentare le emozioni edificanti - manichini

Al fine di elevare le tue emozioni, il primo passo è diventare consapevoli di quale emozioni che hai Diventa consapevole di ciò che ti innesca: cosa ti mette in agitazione e ti fa arrabbiare e ciò che ti rende molto eccitato. Un trigger sta guardando alcuni programmi televisivi e consente alle emozioni di questi programmi di permeare ...

Come le aziende ti convincono ad acquistare i loro prodotti - manichini

Come le aziende ti convincono ad acquistare i loro prodotti - manichini

Quasi tutti i media commerciali destinati alle donne ottengono la loro pubblicità entrate dalle industrie del cibo, della bellezza, della dieta e della moda. Solo l'industria della dieta stessa è un'impresa commerciale da 33 miliardi di dollari l'anno. E, naturalmente, queste industrie hanno bisogno di clienti in modo continuativo per continuare a avere successo. È nel loro interesse per ...

Come si forma l'immagine del corpo nella tua gioventù - dummies

Come si forma l'immagine del corpo nella tua gioventù - dummies

In generale, ciò che hai vissuto con la tua famiglia quando stavano crescendo ha avuto un effetto diretto sui pensieri e le sensazioni che hai avuto sul tuo corpo. Ripensa ai tuoi anni più giovani. Quanto attentamente le seguenti affermazioni descrivono la tua famiglia? Nessuno ha esercitato. L'auto è stata utilizzata anche per viaggi brevi. Cibo pesante e da ingrasso ...