Mostrar imagen y texto correctamente al compartir los artículos en Facebook

Email this to someoneShare on FacebookShare on Google+Share on LinkedInTweet about this on Twitter

Si tenemos por costumbre compartir artículos de otros blogs con nuestros amigos y conocidos en Facebook, seguro que en más de una ocasión nos hemos encontrado con la frustrante situación de que al compartir el enlace no se muestra correctamente en nuestro perfil de Facebook. Esto quiere decir en la mayoría de los casos que no se muestra la imagen del artículo cuando lo compartimos en Facebook o se mezclan titulares con el cuerpo de texto y enlaces.

Si el blog no es nuestro no tenemos otra alternativa que dejar el campo imagen vacío o intentar compartir el artículo como un simple enlace.

Si por el contrario es nuestro propio blog el que presenta estos problemas al compartitr artículos en Facebook, la solución es bastante sencilla. En la siguiente imagen se muestra cómo se debería ver un enlace a un artículo compartido dentro de Facebook:

compartir-publicacion-facebook

En WordPress es bastante sencillo solucionar el error de que no se muestra la imagen, título o descripción al compartit en Facebook:

  • Lo primero que haremos será localizar y editar el fichero header.php de nuestro theme.
  • Lo siguiente pegar este código antes de <?php wp_head(); ?>
<?php
global $wp_query;
$thePostID = $wp_query->post->ID;
if( has_post_thumbnail( $thePostID )){
    $thumb_id = get_post_thumbnail_id( $thePostID );
    $image = wp_get_attachment_image_src( $thumb_id );
    echo '<meta property="og:image" content="'.$image[0].'" />';
} ?>
  • Guarda y sube de nuevo el fichero header.php con los cambios realizados.

Si eres de los que prefiere utilizar plugins antes de tocar código, existe un plugin que hace exactamente lo mismo llamado Facebook Meta Tags Plugin.

Recuerda también añadir el botón compartir o “Me gusta” en tus artículos.

 

3 comentarios

  1. Denis dijo:
    7 julio, 2012
    Responder

    Me gusta

  2. monica dijo:
    17 mayo, 2013
    Responder

    Mi problema es que cuando quiero compartir uno de mis posts en blogger sólo sale la foto y titulo y me gustaría que saliera con texto, como muestras en tu imagen. Donde puede corregir esto?
    gracias

  3. Carlos dijo:
    14 marzo, 2014
    Responder

    Hola, muy util tu consejo, yo tengo el mismo problema, pero estoy usando blogger, como se hace desde blogger?

    Gracias

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

De conformidad con lo establecido en la LOPD, Adpv Advertising Provider S.L. garantiza la adopción de las medidas necesarias para asegurar el tratamiento confidencial de los datos de carácter personal. Así mismo le informamos de la inclusión de sus datos en un fichero con la finalidad de mantener su relación negocial o contractual con Adpv Advertising Provider S.L. y de la posibilidad de ejercer los derechos de acceso, rectificación, cancelación y oposición en la siguiente dirección: Ercilla, 26, 1Dcha., 48011, Bilbao, Bizkaia. Privacidad.