Come ottimizzare l’anteprima sui social Facebook e Twitter senza plugin con WordPress

Quando condividete un articolo o un prodotto woocommerce con il vostro WordPress l’immagine è sbagliata?

L’anteprima non è corretto?

Se siete come me che non volete installare plugin sul vostro wordpress allora questa soluzione fa al caso vostro:

Per utilizzare questa funzionalità di wordpress occorrerà agire sul file HEADER.php del vostro thema.

Individuate il file nella cartella del vostro thema.

Fatene una copia.

Vi consiglio sempre di lavorare con themi CHILD

Nel vostro file dovete copiare e incollare il seguente codice all’interno del file <head>COPIARE IL CODICE QUI</head>

<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@TUO-ACCOUNT-TWITTER" />
<meta name="twitter:creator" content="@TUO-ACCOUNT-TWITTER" />
<meta property="fb:app_id" content="APP ID DI FACEBOOK" />
<meta property="fb:admins" content="FBADMIN" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="<?php bloginfo('name'); ?>" />
<meta property="og:locale" content="it_IT" />
<meta property="og:image:width" content="800" />
<meta property="og:image:height" content="800" />
<?php if (is_single()) { ?>
<meta property="og:url" content="<?php echo get_permalink(); ?>" />
<meta property="og:title" content="<?php echo get_the_title(); ?>" />
<meta property="og:description" content="<?php echo substr(strip_tags($post->post_content), 0, 170).' [...]';?>" />
<meta property="og:image" content="<?php if ( (function_exists('has_post_thumbnail')) && (has_post_thumbnail()) ) { ?>

<?php $image_id = get_post_thumbnail_id();
$image_url = wp_get_attachment_image_src($image_id,'post-thumbnail', true);
echo $image_url[0];  ?>
<?php
} else {
?>
<?php bloginfo('template_directory'); ?>/facebook.png<?php
} ?>" />
<?php } ?>
<?php if (is_home() && !is_paged() ) { ?>
<meta property="og:title" content="<?php bloginfo('name'); ?>" />
<meta property="og:url" content="<?php bloginfo('url'); ?>" />
<meta property="og:description" content="<?php bloginfo('description'); ?>" />
<meta property="og:image" content="<?php bloginfo('template_directory'); ?>/facebook.png" />
<?php } ?>

Affinche tutto funzioni dovrete creare un app su facebook
Dovrete conoscere il numero del vostro admin FB utilizzate questo tool
Cambiare l’account di twitter
Creare un immagine facebook.png e caricarla nella directory del thema

Le linee da cambiare sono

twitter:site=@VOSTRO_ACCOUNT_TWITTER

twitter:creator=@VOSTRO_ACCOUNT_TWITTER

fb:app_id VOSTRO NUMERO APP

fb:admins VOSTRO ID ADMIN

Connexion