Si has estado programando y publicando enlaces en Facebook últimamente, es muy probable que te hayas dado cuenta de que no todos los posts tienen el aspecto que tú tenías en mente. He aquí un ejemplo de un post que publicamos ayer y que tenía un aspecto… diferente:

FacebookLinkPreview.jpg

Parece como si faltase algo… qué podría ser…

Ah, una bonita imagen.

Si te ha pasado lo mismo que a nosotros, lo más probable es que hayas pensado, “Espera, ya habíamos programado este post y nos dio una vista previa buena, pero ahora se ha publicado y no sale la imagen. ¡Qué pasa aquí!”

Sabemos cómo te sientes. Hemos estado mirando qué es lo que sucede y no sólo hemos descubierto por qué está pasando esto, sino que también tenemos una solución para ti.

Existe Algo Llamado "Metadatos"

Los Metadatos son información codificada que establecen cómo una red social como Facebook recoge y ve las páginas y el contenido de tu web. Y si quieres que los enlaces de tu página se vean bien cuando los llevas a tu cuenta de Facebook, es importante que sepas cómo funcionan estos Metadatos.

No queremos aburrirte con jerga técnica. Lo que haremos es ofrecerte una versión resumida de lo que importa en tus Metadatos –llamados “Open Graph”– para que las vistas previas en Facebook se generen con esas imágenes tan bonitas que habías puesto.

Nota: ¿No te gusta la codificación? No te preocupes –tenemos unos trucos que compartiremos contigo al final del artículo.

Así Es Cómo Funciona:

Como indican en su definición, Open Graph “permite que cualquier página web se convierta en un objeto rico como un gráfico social

Lo que están intentando decir a través de esta frase es que Open Graph convierte un post que incluye un enlace (como éste):

Social Report Post Preview

…en un post que está listo para brillar delante de audiencia (así):

Facebook Correctly Posting

Seguramente ya sabías esto -Pero Ésta Es La Razón Por La Que Esto Es Importante

Las vistas previas son más llamativas y clicables que una URL sin imágenes. Acompañar un enlace con una foto, un titular llamativo y una descripción coherente ofrecerá a tus lectores mayor información contextual –información que servirá para aumentar las probabilidades de llamar la atención y hacer clic en tu enlace.

Anteriormente, asegurarse de que las etiquetas de Open Graph se correspondían con todos los elementos de la vista previa era complicado – pero en 2017 y 2018, Facebook hizo unos cambios sobre el funcionamiento de las vistas previas y etiquetas (que podrían atribuirse a la lucha continua de Facebook contra la divulgación de noticias falsas)

Facebook quiere asegurarse de que extrae la información más importante a la hora de generar las vistas previas, y esto incluye imágenes, razón por la que en tu cuenta de Facebook se ve lo que se ve.

Desde principios de 2018, Facebook comenzó a hacer pequeños cambios sobre cómo extrae esa información –y esto es algo que impacta directamente a las previsualizaciones que se generan de tus publicaciones.

Esto es lo que Facebook dijo al respecto:

“Cuando el contenido se comparte por primera vez, el rastreador de Facebook recogerá la información y Metadatos de la URL compartida. El rastreador deberá ver una imagen como mínimo una vez para que pueda renderizarla. Esto significa que la primera persona que comparta contenido no verás la imagen renderizada”.

Lo que intentan decir es que: Cuando un enlace se comparte por primera vez en Facebook, Facebook aún no ha cacheado toda la información necesaria para generar la previsualización y, por lo tanto, Facebook no puede crear la previsualización que tú esperabas hasta que alguien comparta tu enlace por segunda vez.

Afortunadamente, existe una forma sencilla de darle la vuelta a esta situación. He aquí lo que queremos decir:

Cómo Asegurarte De Que Las Vistas Previas Se Ven Bien A La Primera 

La forma más sencilla de asegurarte de que las vistas previas aparecen de forma correcta es usando la herramienta de previsualización de Facebook.

Cuando introduces una URL en esta herramienta, ésta captura toda la información que Facebook necesita para generar la vista previa en el futuro. Facebook guardará esta información internamente para que cuando compartas tu contenido, puedan generar la previsualización apropiada –incluso si es la primeva vez que la compartes.

He aquí un ejemplo del funcionamiento de esta herramienta:

Anteriormente en este post, hemos compartido un ejemplo de cómo Facebook no pudo generar la previsualización con la imagen de una de nuestras actualizaciones:

Facebook Link Preview

La razón por la que no pudo generar una imagen es porque el enlace nunca antes había sido compartido en Facebook anteriormente.

Para arreglar esto, simplemente copia la dirección de URL en la herramienta de Facebook antes de programar y compartir tu contenido. Si haces esto, Facebook generará una previsualización del enlace que te permitirá que todo está correcto y listo para ser compartido.

Facebook Debugger Preview

Ahora cuando programamos y compartimos la URL nuevamente en Facebook, podemos ver que la imagen aparece correctamente:

Facebook Correctly Posting

Voila!

Siempre que vayas a compartir un post nuevo, simplemente introduce tu URL en la herramienta de Facebook, y podrás crear la vista previa tal y como tú la habías imaginado en tu mente.

Mantente Al Día Con Los Cambios de Facebook

Ya ves que ha sido fácil comprender qué son los Open Graph y por qué son tan importantes para la previsualización de tu contenido.

¿Es menos práctico programar tu contenido ahora que Facebook ha hecho los cambios?

Por supuesto que lo es.

Pero es fácil indicar a Facebook qué debe hacer para mostrar tu contenido de forma correcta y asegurarte de que tu post (con la vista previa) aparezca siempre como debe.

Social Report for Facebook Scheduling and Analytics