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 } ?>