Como seleccionar automáticamente las fotos de tus enlaces en Facebook

Recientemente Facebook ha aumentado el tamaño de las imágenes de los artículos enlazados: 4 veces en la versión móvil y 8 en el escritorio. Con ello Facebook pretende aumentar la interacción de los usuarios en comparación con las publicaciones con foto, que siguen siendo las preferidas de los usuarios.

Para asegurarnos que la foto que queremos que aparezcan junto nuestro enlace en Facebook, sea la que cuidadosamente hemos elegido para nuestra página o artículo, y no cualquier otra, podemos indicarle a Facebook mediante código que foto debe tomar por defecto. 

Te contamos las diferencias entre los métodos habituales y la nueva pre-selección automática, y como utilizarla.

Tradicionalmente

Desde Facebook

Al pegar un enlace en la ventana de publicación, si existen imágenes disponibles en el artículo o la página, Facebook nos ofrece las siguientes posibilidades:

  1. Por defecto enlaza (si existe) la primera imagen que aparece.
  2. Si existen otras, permite al usuario seleccionar la imagen.
  3. Alternativamente, ofrece al usuario la posibilidad de subir su propia imagen para publicar junto con el enlace.

En el siguiente ejemplo, los usuarios pueden escoger la foto que ellos quieran (entre 4), y podrían publicar junto al enlace una de baja resolución, con un formato inadecuado o que no tenga nada que ver:

250kMill.Fotos.Facebook

Desde Twitter, Buffer o HootSuite

Al tuitear un enlace desde una cuenta de Twitter que tenemos conectada a un perfil de usuario en Facebook,  Facebook publicará por defecto y sin interacción del usuario la imagen de cabecera del artículo que aparecerá en Facebook.

Algo similar sucede con HootSuite: tampoco podemos seleccionar manualmente la imagen, pero si previsualizar la que acompañará a nuestro enlace:

250kMill.Fotos.Hootsuite

Buffer, sin embargo nos ofrece muchas más fotos (¡14 para nuestro ejemplo!), con lo que el riesgo de que la foto no sea adecuada o apropiada para promocionar nuestro enlace aumenta enormemente. Podéis comparar la siguiente captura con la imagen original del artículo, donde se ha seleccionado una miniatura de otro artículo que aparece en un widget de la página:

250kMill.Fotos.Buffer

Nueva pre-selección automática

Con ocasión de los nuevos tamaños de imágenes en publicaciones y anuncios,  Facebook ha añadido la posibilidad de indicar desde nuestra publicación cual es la foto que debe pre-seleccionar. Para ello han creado la etiqueta “og:image”, que permite definir nuestra foto cómo un “Open Graph object” en la cabecera del documento HTML que queramos compartir.

Esto no quiere decir que el usuario luego decida compartir otra, pero al menos este método nos permite seleccionar la foto que nosotros queramos mostrar por defecto junto al enlace.

Paso a paso, como pre-seleccionar la imagen:

1. Subimos la imagen a nuestro gestor de contenidos / servidor, y la añadimos al artículo o página web, cómo siempre.

2. Debemos editar nuestra página o post en modo texto (no visual o WYSIWYG), donde podamos ver el código.

3. Añadimos en la sección <head> la imagen con sus propiedades : dimensiones (en píxeles) y MIME type *. Por ejemplo:

prefix="og: http://ogp.me/ns#">

* Los MIME types para imágenes aceptados por Facebook son: JPEG, PNG, GIF, o BMP.

4. Publicamos el artículo ¡y comprobamos que funciona!

¿Lo habéis podido probar con vuestros contenidos? ¿Qué dificultades habéis encontrado?

¡Comentadnos por aquí o en nuestra página de Fans en Facebook vuestros ejemplos!

Ha trabajado durante más de 10 años en la comunicación, marketing, fundraising y desarollo de non-profits para estudiantes universitarios a nivel europeo. Por ello le apasionan el desarrollo de las organizaciones, las redes sociales y desarrollo de negocio en nuevas tecnologías.

Deja un comentario

3 comentarios

  1. Hola, buenas tardes!
    Muy interesante tu artículo.. llevo unos cuanto sleídos sobre el tema pero no logro dar con una solución a mi problema.
    Si pudieras echarme un cable te lo agradecería
    Tengo el plugin oficial de Facebook instalado en mi WordPress y hay dos cosas que no logro solucionar.
    Por un lado no sé como seleccionar la imagen destacada para que salga cuando compartes… me deja elegir entre 3 fotos pero nunca está incluída.
    El otro problema es que cuando entro en el blog sin estar logeado en Facebook mis iconos de “COMPARTIR” y “ME GUSTA” desaparecen.
    Esto último no sé si es debeido a que tengo algo mal instalado o porque es asi.
    Veo que en otras páginas como la tuya hay un icono alternativo que enlaza con la pantalla de login de Facebook
    Muchas gracias de antemano
    Sergio

  2. Desde blogger, cuando comparto alguna entrada de mi blog en Facebook, ya no me deja ni elegir la foto, ni el titulo, ni el desarrollo….
    Aparte, ahora debajo del enlace, la dirección que aparece es errónea….Aparece esto: http://kukylandya.blogspot.com.SE
    ¿No hay otra forma de hacerlo que no sea a través de HTML?
    Muchas gracias