OpenGraph: fornire informazioni strutturate

Follow on Facebook  Share on Twitter  Share on Google  Share on Linkedin  Share on Blogger  Share on Flipboard  Share on Tumblr 

Open Graph e Dublin Core sono due tipologie di metadati che possiamo utilizzare nelle nostre pagine web con lo scopo di fornire delle informazioni semantiche aggiuntive sul contenuto della pagina web.

Open Graph

Open Graph è stato introdotto da Facebook 2010. Nasce per promuovere l'integrazione tra Facebook e altri siti web, consentendo loro di interagire con le funzionalità base di Facebook.

Tramite Open Graph è possibile controllare come le informazioni presenti sul nostro sito vengono veicolate verso Facebook quando una pagina viene condivisa.

Vediamo un esempio.

<meta property="og:locale" content="it_IT"/>
<meta property="og:type" content="Website" />
<meta property="og:title" content="Ricette regionali - Ricetteregionali.net">
<meta property="og:description" content="Scopriamo o riscopriamo le ricette della cucina tradizionale. Piatti regionali: antipasti, primi, contorni, secondi, minestre, dolci">
<meta property="og:url" content="http://www.ricetteregionali.net/index.html">
<meta property="og:site_name" content="Ricette Regionali" />
<meta property="og:image" content="http://www.ricetteregionali.net/images/ricetteregionali.jpg" /> 
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="1300" />
<meta property="og:image:height" content="665" />

Quando la pagina viene condivisa su Facebook, il box che viene creato in automatico dalla sua piattaforma, contiene tutte le informazioni che gli stiamo passando, come il titolo della pagina, l’immagine da visualizzare, l’url del nostro sito a cui puntare.

Ormai i siti di social media (facebook tra tutti) sono tra i principali produttori di traffico del web. Di conseguenza, la possibilità di sfruttare la potenza di meta-tag sociali è una competenza fondamentale per il marketing di oggi.

L'aggiunta di tag Open Graph grafico non influenzerà direttamente il SEO on-page, ma influenzerà sicuramente la performance dei tuoi link sui social ottimizzandone la condivisione.

Dublin Core

Il Dublin Core Metadata Initiative ( DCMI ) è un movimento open source, per la standardizzazione dei dati sugli oggetti digitali. E’ composto da una serie di metadati che introdurremo nel tag head delle nostre pagine web.

L’utilizzo dei metadati DC potrebbe produrre degli effetti benefici dal punto di vista del SEO, anche se Google ha annunciato che non li utilizzerà più, in quanto fornistono delle informazioni strutturate sul contenuto della pagina.

Vediamo gli elementi principali del Dublin Core

  • Title: Il titolo della pagina.
  • Subject: l’oggetto della pagina, dovrebbe contenere le keyword rilevanti
  • Description: descrizione del contenuto.
  • Type: tipo del contenuto.
  • Creator: chi ha creato il contenuto.
  • Publisher: la persona o l’organizzazione responsabile del contenuto.
  • Language: la lingua
  • Audience: a chi è rivolta la pagina.

Ed infine un esempio:

<meta name="DC.format" content="text/html" />
<meta name="DC.type" content="Ricette" />
<meta name="DC.date.modified" content="2015-11-19 23:10:00" />
<meta name="DC.date.created" content="2015-10-01 10:22:00" /> 

Posizionamento e Indicizzazione Motori Ricerca

OpenGraph: fornire informazioni strutturate

 

A colpo d'occhio

  • Script C#

    Script C# per tutte le esigenze: database, sessioni, file, contatori, stringhe, date, e-mail, e tanto altro

  • Manuale C#

    Manuale completo di C# per principianti e non

  • Script VB.Net

    Script VB.Net Visual Basic .net: database, sessioni, file, contatori, stringhe, date, e-mail, e tanto altro

  • Manuale SQL

    Manuale di SQL con particolare attenzione a T-SQL di Microsoft SQL Server

  • Seo

    Tecniche di posizionamento indicizzazione e ottimizzazione dei siti web per nei motori di ricerca

  • Manuale CSS

    Manuale completo sui CSS per principianti e non

Be Responsive

HTML 5

HTML 5

HTML 5 è un linguaggio di markup utilizzato per la strutturazione e il contenuto delle pagine Web.

CSS 3

CSS 3

CSS 3 è l'ultima evoluzione dei fogli di stile CSS. Contiene molte novità come angoli arrotondati, ombre, sfumature, transizioni o animazioni.

jQuery

jQuery

jQuery è una libreria JavaScript cross-platform progettata per semplificare lo scripting lato client.