software

Come impostare l’immagine miniatura giusta sul pulsante mi piace di Facebook su WordPress

pulsantefacebookwordpress
Visite

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:

Web Hosting

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.

Matteo Hsia