Come aggiungere metadati di Facebook Open Graph nei temi WordPress

Come aggiungere metadati di Facebook Open Graph nei temi WordPress

Vuoi aggiungere metadati Facebook Open Graph ai tuoi temi WordPress?

I metadati di Open Graph aiutano Facebook e altri siti Web di social media a ottenere metadati sulle pagine dei tuoi post. Ti consente inoltre di controllare come vengono visualizzati i tuoi contenuti quando vengono condivisi su Facebook.

In questo articolo, ti mostreremo come aggiungere facilmente i metadati del grafico aperto di Facebook nei temi WordPress.

Il primo modo per aggiungerli in modo molto semlice consiste nell’utilizzo di un plugin e per WordPress ne esistono davvero tanti, ma i più utilizzati sono:

 

Aggiungi manualmente i metadati di Facebook Open Graph nel tuo tema WordPress

Il secondo modo richiede un po di pratica nella modifica del codice del Theme in uso.

Come detto prima questo metodo richiede di modificare i file del tema, quindi assicurati di eseguire il backup dei file del tema prima di apportare qualsiasi modifica.

Dopodiché, copia e incolla questo codice nel file functions.php del tuo tema o in un plug-in specifico del sito .

//Aggiunta del Open Graph
function add_opengraph_doctype( $output ) {
        return $output . ' xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"';
    }
add_filter('language_attributes', 'add_opengraph_doctype');
 
//Consente di aggiungere Open Graph Meta Info
 
function insert_fb_in_head() {
    global $post;
    if ( !is_singular()) //if it is not a post or a page
        return;
        echo '<meta property="fb:app_id" content="l'ID della tua app Facebook" />';
        echo '<meta property="og:title" content="' . get_the_title() . '"/>';
        echo '<meta property="og:type" content="article"/>';
        echo '<meta property="og:url" content="' . get_permalink() . '"/>';
        echo '<meta property="og:site_name" content="Il nome del tuo sito va QUI"/>';
    if(!has_post_thumbnail( $post->ID )) { //the post does not have featured image, use a default image
        $default_image="http://example.com/image.jpg"; //replace this with a default image on your server or an image in your media library
        echo '<meta property="og:image" content="' . $default_image . '"/>';
    }
    else{
        $thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );
        echo '<meta property="og:image" content="' . esc_attr( $thumbnail_src[0] ) . '"/>';
    }
    echo "
";
}
add_action( 'wp_head', 'insert_fb_in_head', 5 );

Nota: ricordarsi di cambiare il nome del sito dove è indicato “Il nome del sito va qui” . Dopodiché, cambia l’URL dell’immagine predefinita (http://example.com/image.jpg) con la tua immagine. È inoltre necessario aggiungere il proprio ID app Facebook. Se non si dispone di un’app Facebook, è possibile rimuovere la riga ID app Facebook dal codice.

Ti consigliamo di inserire un’immagine con il tuo logo, quindi se il tuo post non ha una miniatura, il tuo logo verra utilizzato per la condivisione dell’articolo su Facebook.

È tutto ciò che devi fare. Non appena salvi il tuo file functions.php (o plugin specifico del sito) inizierà a mostrare i metadati Open Graph di Facebook nell’intestazione di WordPress.

Related Posts
Leave a Reply

Your email address will not be published.Required fields are marked *