open graph – RPCreative / #BeCreativeWithUs Thu, 10 Aug 2017 15:31:15 +0000 it-IT hourly 1 https://wordpress.org/?v=7.0 /wp-content/uploads/2022/06/cropped-logo-rpcreative-32x32.png open graph – RPCreative / 32 32 Plugin di WordPress per impostare le immagini per Open Graph di Facebook /plugin-di-wordpress-per-impostare-le-immagini-per-open-graph-di-facebook/ Thu, 10 Aug 2017 15:31:15 +0000 https://www.rpcreative.local/?p=12041 Quando condividete su facebook, twitter e google plus, a seconda di ciò che è presente nel codice html, vengono estratti dei dati, che successivamente sono compattati e utilizzati per la finestra di condivisione. Pensate a titolo, descrizione, immagine. Soprattutto per l’ultima tipologia di dato, a volte la condivisione su facebook senza una cura accurata potrebbe comportare l’utilizzo di immagine non propriamente uguale a quella a cui voi pensavate.

Se ad esempio avete inserito un logo per tutto il sito, e magari negli articoli vorreste pubblicare l’immagine featured, ovvero quella allegata, potrebbe esservi capitato il problema di condividere un post con l’immagine del logo, e non sapere come evitare questo problema.

Un plugin che può venirci in aiuto per una gestione completa di questi dati, definiti anche come Open graph, è Facebook Open Graph, Google+ and Twitter Card Tags. Il seguente Plugin, gratuito, vi darà una mano nella personalizzazione di queste informazioni di modo che ogni volta quando voi condividete, troverete sempre le immagini corrette che desiderate.

Queste personalizzazioni sono disponibili anche per altri social network come twitter e google plus, quindi potrà sempre tornarvi utile. Nel caso di facebook vi ricordo che è necessario utilizzare lo strumento di debugging di Facebook per vedere come un link viene condiviso sul social network.

]]> Open Graph Protocol per la condivisione su Facebook /open-graph-protocol-la-condivisione-facebook/ Mon, 31 Jul 2017 17:23:50 +0000 https://www.rpcreative.local/?p=11972 Se avete un sito web e volete inglobare la possibilità di poter condividere dei contenuti dal vostro sito verso Facebook e altri social, sicuramente dovreste sapere cosa siano gli open graph e come vengono utilizzati e analizzati da Facebook. Per quanto pubblicare su twitter sia molto semplice in quanto nell ‘url viene inserito link e testo, per Facebook la situazione è ben diversa, e se vogliate in qualche modo avere pieno controllo sui contenuti da condividere, dovreste personalizzarli come meglio credete.

Gli Open graph corrispondono a dei meta dati che vengono prelevati pagina per pagina per trovare i giusti contenuti da condividere, indipendentemente da ciò che realmente è presente nella pagina. Per farvi un esempio, negli open graph potete inserire un testo, una immagine, un particolare contenuto personalizzato senza che esso sia effettivamente presente all’interno della pagina.

Quindi ciò che dovrete fare sarà inserire questi open graph meta dati all’interno dell’intestazione head delle pagine. Ecco qui l’elenco degli open graph da utilizzare:

[code]<title>Titolo della pagina</title>
<meta property="og:title" content="Titolo" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />
<meta property="og:audio" content="http://example.com/bond/theme.mp3" />
<meta property="og:description"
content="Descrizione della pagina" />
<meta property="og:determiner" content="the" />
<meta property="og:locale" content="en_GB" />
<meta property="og:locale:alternate" content="fr_FR" />
<meta property="og:locale:alternate" content="es_ES" />
<meta property="og:site_name" content="IMDb" />
<meta property="og:video" content="http://example.com/bond/trailer.swf" />[/code]

Questi meta sono disponibili nella pagina: http://ogp.me/ dove troverete maggiori dettagli in merito.

]]>