Mi Piace: inserire un’immagine di anteprima con la descrizione dell’articolo



Hai notato cosa succede quando condividi su facebook un articolo che ti piace? a volte appare solo un link altre volte invece appare il titolo dell’articolo, con una immagine di anteprima e una breve descrizione dell’articolo stesso; questa differenza è data dalla mancanza o meglio dalla presenza dei così detti Open Graph.

Gli open graph sono dei metatag sviluppati per facebook che trasformano una qualsiasi pagina (articoli compresi) in una pagina facebook.

Il punto della questione è capire come inserire questi opengraph in wordpress!

In realtà è semplicissimo, basta aggiungere una funzione al file function.php del tuo tema:

<pre>

function wpc_opengraph() {
$wpc_opengraph_img = wp_get_attachment_image_src( get_post_thumbnail_id(), ‘large’);

<meta property=”og:title” content=”<?php the_title(); ?> | <?php bloginfo(‘name’);?>”/>
<meta property=”og:type” content=”blog”/>
<meta property=”og:url” content=”<?php the_permalink(); ?>”/>
<meta property=”og:image” content=”<?php echo $wpc_opengraph_img[0] ?>”/>
<meta property=”og:site_name” content=”<?php bloginfo(‘name’); ?>”/>
<meta property=”og:description” content=”<?php the_excerpt(); ?>”/>

add_action(‘wp_head’, ‘wpc_opengraph’);

</pre>

La variabile $wpc_opengraph_img si occupa di “appendere” l’immagine che sceglierai come “Featured” nel tag og:image, ovvero l’immagine di anteprima che apparirà su facebook,

Gli altri tag sono semplici da interpretare, non fanno altro che inserire l’url più il titolo dell’articolo, il nome e l’url del blog e la descrizione (the_excerpt)

A questo punto ogni volta che utilizzerai un social plugin (come il pulsante “mi piace”) verrà condiviso non solo il link dell’articolo ma anche una serie di informazioni che aiuteranno il tuo blog ad incrementare i visitatori

Fonte WpCode.net

Annunci sponsorizzati:
Condividi su Facebook Condividi su Twitter!
Pinterest