Se avete un blog o un sito su WordPress, molto probabilmente avrete installato anche i pulsanti social compreso quello di Facebook. Uno dei problemi che ci si potrebbe presentare una volta prelevato il codice dalla pagina apposita dei plugin di Facebook è quello di non vedere l’immagine di miniatura o altri campi come il titolo del post o la descrizione una volta che andremo a cliccare sul pulsante Mi piace o Consiglia…
Oltre a non vedere l’immagine di miniatura corretta (thumbnail) potrebbe succedere anche di visualizzare s’ un’immagine ma non quella corretta del post. La soluzione a questi problemi di visualizzazione una volta che cliccheremo sul pulsante Mi piace, Consiglia o nel caso volessimo condividere direttamente un link su Facebook si chiama Facebook Open Graph che sono delle proprietà specifiche che vanno a indentificare i singoli campi da visualizzare una volta che vorremo condividere un post sul social network.
Hosting per WordPress da scoprire:
Quindi per impostare l’immagine corretta insieme a tutti gli altri campi che fanno parte del Facebook Open Graph ci basterà inserire nel file function.php del vostro template WordPress il seguente codice:
// Facebook Open Graph
add_action('wp_head', 'add_fb_open_graph_tags');
function add_fb_open_graph_tags() {
if (is_single()) {
global $post;
if(get_the_post_thumbnail($post->ID, 'thumbnail')) {
$thumbnail_id = get_post_thumbnail_id($post->ID);
$thumbnail_object = get_post($thumbnail_id);
$image = $thumbnail_object->guid;
} else {
$image = ''; // Change this to the URL of the logo you want beside your links shown on Facebook
}
//$description = get_bloginfo('description');
$description = my_excerpt( $post->post_content, $post->post_excerpt );
$description = strip_tags($description);
$description = str_replace("\"", "'", $description);
?>
<?php } } function my_excerpt($text, $excerpt){ if ($excerpt) return $excerpt; $text = strip_shortcodes( $text ); $text = apply_filters('the_content', $text); $text = str_replace(']]>', ']]>', $text);
$text = strip_tags($text);
$excerpt_length = apply_filters('excerpt_length', 55);
$excerpt_more = apply_filters('excerpt_more', ' ' . '[...]');
$words = preg_split("/[\n
]+/", $text, $excerpt_length + 1, PREG_SPLIT_NO_EMPTY);
if ( count($words) > $excerpt_length ) {
array_pop($words);
$text = implode(' ', $words);
$text = $text . $excerpt_more;
} else {
$text = implode(' ', $words);
}
return apply_filters('wp_trim_excerpt', $text, $raw_excerpt);
} Una volta implementato il codice vi consiglio di cancellare la cache nel caso utilizziate un plugin apposito e pulire anche una eventuale cache di CloudFlare se utilizzate questo servizio. Per testare la vostra url e vedere che i campi siano corretti qui dove potete trovare il tool ufficiale per il debug:
developers.facebook.com/tools/debug
Avete riscontrato anche voi questo problema? Nel caso utilizziate un plugin molto probabilmente queste cose dovrebbero essere già gestite.
