Como definir las miniaturas en Facebook al compartir

Algo que siempre me molesto es que al momento de compartir un enlace en Facebook siempre el sitio tomaba cualquier imagen para acompañar el enlace, y la verdad que casi siempre quedaba mal, hoy investigando un poco y mirando el código fuente de varios sitios descubro que mediante tan solo una linea de código podemos seleccionar la imagen nosotros mismos, definiendo de esa forma que la miniatura por defecto sea uno de nuestro agrado.

Como una imagen vale mas que mil palabras, por ejemplo yo definí una imagen con el logo de Kabytes, obteniendo este resultado:

miniatura facebook

Ahora lo lindo de hacer esto es que, por un lado vamos a garantizarnos que nuestros enlaces sean acompañados por una linda imagen, ya sea nuestro logo, etc. Y por otro lado esto solo se hace con una linea de código, que debemos colocar dentro del head de nuestro sitio y es la siguiente:

HTML:
  1. <link rel="image_src" href="http://www.kabytes.com/logo_social_kb.jpg" />

En donde obviamente la ruta deberá apuntar a donde nosotros alojemos la imagen que queremos mostrar.

Fácil no? :D

Compartir esta entrada

Entradas relacionadas

8 Comentarios en “Como definir las miniaturas en Facebook al compartir”

  1. Tweets that mention Como definir las miniaturas en Facebook al compartir | Kabytes -- Topsy.com Dice:

    [...] This post was mentioned on Twitter by René Silva Silva, Andrea Verdiani. Andrea Verdiani said: Kabytes – Como definir las miniaturas en Facebook al compartir: Algo que siempre me molesto es que al .. http://bit.ly/8lh44y [...]

  2. Jose Dice:

    Hola, esto esá interesante gracias :)

    Sabes el tamaño exacto que tiene la imagen en facebook?

  3. Pablo Dice:

    @Jose: Casi seguro te diria que es de 100×100 px igualmente yo coloque una un poquito mas grande pero siempre cuadrada entonces cuando escala no se deforma :D

  4. uberVU - social comments Dice:

    Social comments and analytics for this post…

    This post was mentioned on Twitter by andreaverdiani: Kabytes – Como definir las miniaturas en Facebook al compartir: Algo que siempre me molesto es que al .. http://bit.ly/8lh44y...

  5. Alfredo Artiles Dice:

    Pues yo no logro que me funcione en http://www.followfriday.es, y me interesa mucho porque cuando sugiere algo lo que sugiere son los banners comerciales.

    Estoy haciendo algo mal?

  6. Pablo Dice:

    @Alfredo: A mi si me funciona tu sitio, acabo de probar enviarlo y se ve perfecta la imagen :D

  7. Alfredo Artiles Dice:

    Cierto, a mi también ahora. Creo que Facebook cachea esa información durante un tiempo… porque antes de implementar esta solución intenté insertar un enlace para comprobar qué minuaturas sugería, así que debe haberlo cacheado.

  8. y0k3s3 Dice:

    Muy interesante lo intentare integrar en mi CMS,

    Saludos :-)

Deja tu comentario

Seguir comentarios por RSS