InformaticaProgrammazione web

Open Graph: la guida completa aggiornata al 2019

Cos'é e come utilizzare l'Open Graph sul proprio sito internet per i contenuti social come Facebook e Twitter

Buongiorno a tutti, oggi vorrei mostrarvi e spiegarvi cosa sono gli Open Graph e come instalarli su un sito editato completamente in HTML5.

In italiano lo definiamo “grafo”, ovvero un grafo sociale che non è altro che un collegamento tra indivudi che hanno eseguito delle azioni sui social creando così delle vere e proprie connessioni sociali: i singoli individui diventano i nodi, invece i loro legami sono dette connessioni.

Qui sotto uno schema come esempio.



Ogni sito Web che implementa i pulsanti sociali, offre una possibilità di creazione di una rete social, fornendo agli utenti la possibilità di condiviere l’articolo o semplicemente i contenuti.

Quindi arrivimo al punto di questo articolo. Dobbiamo inserire questa sinstassi prima della chiusura del tag </head> della pagina interessata, ovviamente cambianto i singoli contenuti con i vostri:

<meta property=”og:type” content=”article”>
<meta property=”og:url” content=”https://www.assistenzainformaticabologna.eu/notizie/open-graph-guida-completa-2019″”>
<meta property=”og:title” content=”Open Graph guida completa 2019″>
<meta property=”og:image” content=”https://www.assistenzainformaticabologna.eu/notizie/images/blog/social.jpg”>
<meta property=”og:description”Cos’é e come utilizzare l’Open Graph sul proprio sito internet per i contenuti social come Facebook e Twitter”>
<meta property=”og:locale” content=”it_IT”>
<meta property=”og:site_name” content=”Assistenza Informatica Bologna”>
<!– TAG SPECIFICI PER VIDEO —>
<meta property=”article:published_time” content=”2019-04-08″>
<meta property=”video:tag” content=”Facebook”>
<meta property=”video:tag” content=”Social Media”>
<meta property=”video:tag” content=”Open Graph”>

La stessa cosa dobbiamo fare per Twitter:

<meta name=”twitter:title” content=”Open Graph guida completa 2019″>
<meta name=”twitter:description” content=”Cos’é e come utilizzare l’Open Graph sul proprio sito internet per i contenuti social come Facebook e Twitter”>
<meta name=”twitter:image” content=”https://www.assistenzainformaticabologna.eu/notizie/images/blog/social.jpg”>
<meta name=”twitter:site” content=”@iltuotecnicopc”>
<meta name=”twitter:creator” content=”@iltuotecnicopc”>

Per qualsiasi consiglio non esitate a contattarmi.

Se ti è piaciuto il nostro articolo puoi votarlo!
[Totale: 1 Media: 5]
Tags

Altri articoli interessanti

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Back to top button
Close