Open Graph e Facebook

0
4082
open graph esempio
Nota Bene: Questo articolo non è più aggiornato da almeno 1 mesi perciò verifica le informazioni contenute che potrebbero essere obsolete.

Abbiamo visto qualche settimana fa come configurare All in One SEO Pack per ottimizzare l’interazione delle nostre pagine con i social network utilizzando, nel caso di Facebook, gli Open Graph.

Oggi analizziamo meglio i meta tag semantici dedicati al social network di Mark Zuckemberg e il loro utilizzo.

Gli Open Graph vanno posizionati nell header della nostra pagina, tra i tag <HEAD> e vengono abbreviati in og seguito da “:” e poi il nome del metatag.

Un esempio di sintassi potrebbe essere:
<meta property=”tipodiOpenGraph” content=”ValoreDellOpenGraph” />

A cosa servono i meta tag Open Graph di #Facebook e come configurarli? Condividi il Tweet

Metatag di base

Sono dei metatag generici per ogni singola pagina web, ve ne sono di più specifici per includere informazioni aggiuntive come audio, video e località.
og:locale: la lingua dell’oggetto condiviso.
og:title: è un titolo che può differire dal metatag title della pagina, va a definire il title dell’oggetto nel grafo sociale.
og:type: permette di indicare il tipo di oggetto rappresentato nella pagina.
og:image: accetta come valore l’url di una immagine rappresentativa dell’oggetto/pagina. La featured image per fare un esempio pratico.
og:url: indica l’url canonico in cui recuperare l’oggetto.
og:description: presenta una breve descrizione della pagina.
og:site_name: il dominio/sito in cui è presente l’oggetto.

Metatag audio

Forniscono informazioni sull’audio che viene rappresentato dall’oggetto condiviso.
Per inserire gli open graph di descrizione dell’audio è necessario un file a cui far puntare l’url.
og:audio: l’URL di riferimento del file audio.
og:audio:title: titolo di riferimento del file audio.
og:audio:artist: identifica l’artista di riferimento del file audio.
og:audio:album: identifica l’album di riferimento del file audio.
og:audio:type: identifica l’estensione multifunzione o formato del file descritto in og:audio.

Metatag video

Forniscono le informazioni sul video rappresenta dall’oggetto condiviso.
Come per l’open graph dedicato all’audio per inserire gli open graph di descrizione dell’video è necessario un file a cui far puntare l’url.
og:video: è l’URL di riferimento ad un video in formato SWF. Facebook non accetta video in altri formati.
og:video:width: larghezza del video espressa in pixel. La larghezza massima è decisa dalle norme che regolano l’inclusione di video in Facebook. Per maggiori informazioni vi consiglio di guardare la nostra infografica dedicata alle dimensioni delle immagini sui Social Network.
og:video:height: l’altezza del video espressa in pixel.
og:video:type: identifica l’estensione multifunzione o formato del file descritto in og:video.

Metatag di località

Forniscono informazioni aggiuntive sulla località.
og:latitude: latidudine di riferimento.
og: longitude: longitudine di riferimento.
og:street_address: indirizzo di riferimento in cui è presente l’oggetto condiviso.
og:locality: la città o la località in cui è presente l’oggetto condiviso.
og:postal-code: codice di avviamento postale dell’oggetto condiviso.
og:country-name: paese di riferimento dell’oggetto condiviso.

Metatag di contatto

Forniscono informazioni sui contatti dell’oggetto condiviso.
og:email: l’email di riferimento dell’oggetto condiviso.
og:phone_number: numero telefonico dell’oggetto condiviso.
og:fax_number: numero di fax dell’oggetto condiviso.

Esempio Pratico

Un esempio pratico di come vengono utilizzati gli open graph, preso dal codice HTML della home page di www.posizionamento-seo.com:
<meta property="og:locale" content="it_IT" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Posizionamento siti internet" />
<meta property="og:description" content="informazioni sul posizionamento organico
dei siti internet, SEO, SEM, ottimizzazione dei Social Network e campagne di advertising" />
<meta property="og:url" content="https://www.posizionamento-seo.com/" />

Open Graph e Facebook
4 (80%) su 2 voti

CONDIVIDI
Nato con la passione per l'informatica da mamma Access e papà ASP nel 2002 rinnego repentinamente la mia paternità facendomi adottare da papà PHP e mamma SQL. Allevo HTML e correlati fiori in CSS mentre vedo i frutti del mio orticello SEO crescere grazie alla passione e alla dedizione della coltura biodinamica; perchè il biologico è fin troppo artificiale. Realizzo siti internet a tempo pieno, nei restanti momenti mi occupo di redigere articoli per questo sito e saltuariamente far esperimento nel mare che è internet.

LASCIA UN COMMENTO