Imagen-Destacada-al-Compartir-en-Facebook2

Imagen Destacada al Compartir en Facebook

Imagen Destacada al Compartir en FacebookEste procedimiento viene a solucionar un problema bastante común, y es el aspecto nada atractivo de las publicaciones al compartirlas tus lectores en Facebook, pues muchas veces sale como imagen por defecto una cualquiera de la barra lateral, una de la entrada que no ilustra adecuadamente el contenido o incluso la imagen cabecera de tu WordPress.


Imagen Destacada al Compartir en Facebook

Porque, si defines una imagen destacada en WordPress para cada entrada, y la eliges para que sea el referente gráfico que defina tu publicación ¿no sería lo más lógico que sea esa la que ilustre tu publicación al compartirla la gente en Facebook?. Pues de eso se trata.

La solución es la siguiente; hay que añadir el siguiente código al archivo header.php (Apariencia, Editar) de tu tema activo, antes de la etiqueta wp_head() :

<!– Inicio compartir en FB –>
<?php
$thumb = get_post_meta($post->ID,’_thumbnail_id’,false);
$thumb = wp_get_attachment_image_src($thumb[0], false);
$thumb = $thumb[0];
$default_img = get_bloginfo(‘stylesheet_directory’).’/imagenes/imagen_por_defecto.png’;

?>

<?php if(is_single() || is_page()) { ?>
<meta property=”og:type” content=”article” />
<meta property=”og:title” content=”<?php single_post_title(”); ?>” />
<meta property=”og:description” content=”<?php
while(have_posts()):the_post();
$out_excerpt = str_replace(array(“\r\n”, “\r”, “\n”), “”, get_the_excerpt());
echo apply_filters(‘the_excerpt_rss’, $out_excerpt);
endwhile; ?>” />
<meta property=”og:url” content=”<?php the_permalink(); ?>”/>
<meta property=”og:image” content=”<?php if ( $thumb[0] == null ) { echo $default_img; } else { echo $thumb; } ?>” />
<?php } else { ?>
<meta property=”og:type” content=”article” />
<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 if ( $thumb[0] == null ) { echo $default_img; } else { echo $thumb; } ?>” />
<?php } ?>
<!– Fin compartir en FB –>

Este código revisará si hay una imagen destacada en la entrada de su artículo:

1.- Usa la imagen destacada establecida en la entrada a la hora de compartirla en Facebook
2.- Si no hay imagen destacada establecida usará la primera imagen que se encuentre en la entrada
3.- En caso de que no hubiese ni imagen destacada; ni imagen alguna en la entrada; usará la imagen por defecto indicada en la línea 6 (la cual deberás modificar para que se ajuste a algo que exista en tu web).



‘/imagenes/imagen_por_defecto.png’ (coloca aquí el enlace de una imagen que desees entre 600×315 por 72 resolución para que se ajuste a la entrada de facebook)

Importante: este código funciona en el caso en que se comparta en Facebook la URL de una entrada directamente, copiando la URL y pegándola en tu caja de estado o la de una página.

Si usas algún plugin de iconos para compartir en redes sociales es posible que no funcione debido a que cada plugin utiliza un sistema distinto para compartir.

Antes de que te vayas, me gustaría pedirte un pequeño favor; que me ayudes a difundir este artículo para que llegue a más personas. Solamente tienes que compartirlo en tus redes sociales usando los botones de Google+ , Facebook y Twitter que verás más abajo. 

¡Muchas gracias!

Deja un comentario

*

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.