Volver al blog
¿Alguna vez te has preguntado por qué a veces los enlaces que compartes en Facebook se ven raros? ¿O cómo editar las vistas previas de los enlaces en Facebook para que se publiquen como posts visualmente atractivos? Puede que no sea tan fácil como antes, pero es totalmente factible.
Existen varias formas de realizar estas ediciones y te guiaremos a través de ellas. En este artículo, explicaremos qué es la vista previa de enlaces de Facebook, cómo editarla y cómo realizar la verificación de dominio en Facebook.
¿Qué es la vista previa de enlaces en Facebook?
La vista previa de enlaces (Link Preview) de Facebook es, básicamente, la forma en que aparecerá tu enlace en Facebook una vez publicado. Una línea de texto frente a un título, descripción e imagen. Hubo un tiempo en el que cualquiera podía editar las vistas previas de enlaces en Facebook, pero la plataforma eventualmente prohibió esto en 2017 con la esperanza de evitar que la gente usara esta funcionalidad con malas intenciones.
Hay varias formas de editar las vistas previas de enlaces en Facebook. Una opción es editar los metadatos Open Graph, pero también puedes hacerlo en Kontentino gracias a la verificación de dominio de Facebook. Puedes editar el título, la descripción o añadir una imagen personalizada. Para comprobar si Facebook ha reconocido las actualizaciones que hayas podido hacer, utiliza el Facebook Sharing Debugger.
Cómo editar las vistas previas de Facebook con metaetiquetas Open Graph
Los problemas con la vista previa de enlaces en Facebook se reducen a los metadatos. Los metadatos le dicen a Facebook cómo mostrar tus enlaces. Si cambias la información que compone tus metadatos para redes sociales, Facebook verá cosas diferentes.
Los Open Graphs son la parte de tu página que convierte enlaces aburridos en enlaces con imágenes, encabezados y una descripción. Es una vista previa de tu página completa. Básicamente, cuando compartes un enlace en tu Facebook por primera vez, los rastreadores (crawlers) de Facebook tienen que entrar y extraer los metadatos para generar la vista previa del enlace.
Las metaetiquetas responsables de cómo se verá tu vista previa en Facebook son: og:title, og:image, og:url y og:description. Al especificar el og:title, estableces el título de tu objeto (por ejemplo, un post del blog), tal como debería aparecer. Facebook extraerá entonces este og:title y lo mostrará como el título del post (justo debajo de la URL en nuestra primera imagen). La og:image especificará la imagen que deseas como imagen destacada. También puedes agregar og:image:width y og:image:height para darle a Facebook la información que necesita. Og:url contiene la URL del objeto (la URL de tu post del blog) y og:description te permite establecer la descripción que deseas que aparezca en tu vista previa.
Sin embargo, hay una forma mucho más fácil de editar las vistas previas de enlaces en Facebook.
Edición de la vista previa de enlaces de Facebook en Kontentino
Kontentino te permite personalizar prácticamente todo cuando se trata de editar la vista previa del enlace. Lo único que necesitas es tener la propiedad de tu dominio verificada por Facebook.
Al crear un nuevo post, sube tu enlace y ¡podrás empezar a editar la vista previa!
Edita el título y la descripción. Kontentino te permite añadir una imagen personalizada: selecciona una de tu Biblioteca Multimedia o sube una nueva desde tu ordenador.
Guarda tu post y revisa la vista previa en vivo (Live Post Preview) para ver cómo lucirá tu publicación cuando se publique.
Usando el Facebook Sharing Debugger
Digamos que estás compartiendo un enlace en Facebook y no quieres personalizar mucho la vista previa. Estarás feliz si se ve tal como lo configuraste en tu CMS (por ejemplo, WordPress).
Pero después de publicar el enlace en Facebook, se ve diferente de lo que esperabas. La imagen que habías añadido como vista previa hace un par de horas no está ahí.
¿Qué ha pasado?
Facebook necesita actualizar el enlace de nuevo. En la mayoría de los casos, los datos permanecen sin actualizar hasta por 30 días.
Para solucionar esto y hacer que Facebook muestre los datos correctos conectados a ese enlace, puedes usar el Facebook Sharing Debugger (previamente conocido como Facebook Link Debugger). Después de cambiar, por ejemplo, la imagen destacada, haz «scrape» (rastrear) al enlace en el Sharing Debugger para asegurarte de que Facebook reconozca las actualizaciones que hiciste.
Guía de verificación de dominio en Facebook
En un intento por combatir las noticias falsas (fake news) y dar a los usuarios más control sobre su contenido, todos necesitan verificar su dominio, si quieren editar la vista previa del enlace.
La verificación de dominio en Facebook no es súper complicada, pero hay algunos pasos que debes seguir.
¿Cómo verifico mi dominio en Facebook?
Puedes verificar tu dominio en Meta Business Suite.
1. En Meta Business Suite, ve a «Configuración»
2. Ahora, haz clic en «Configuración del negocio» (Business settings)
3. En la configuración del negocio, ve a «Seguridad e idoneidad de la marca» y selecciona «Dominios»
3. Haz clic en «Añadir» y escribe tu dominio (ejemplo.com). Facebook aconseja no usar los prefijos http y https aquí; además, no verifiques subdominios o subpáginas. Haz clic en «Añadir».
4. Ahora, para verificar tu dominio, cuentas con tres opciones. Te guiaremos a través de todas ellas.
¿Cómo actualizar el registro TXT en el DNS?
- ve a tu registrador de dominio, inicia sesión en tu cuenta y busca la sección de registros DNS
- sigue las instrucciones para añadir el registro TXT a tu configuración de DNS
- aquí necesitas copiar el registro TXT que Facebook te ha proporcionado
- es recomendable usar una herramienta de búsqueda de TXT de DNS para confirmar que el registro se ha actualizado. Puedes usar esta: https://mxtoolbox.com/txtlookup.aspx
- el último paso es hacer clic en “Verificar dominio” en el Facebook Business Manager.
¿Cómo subir un archivo HTML al directorio raíz?
- otra forma de verificar tu dominio en el Facebook Business Manager es subir un archivo HTML a tu directorio raíz (root directory).
- para este paso, necesitarás acceso de administrador al directorio raíz
- descarga el archivo de verificación HTML único que Facebook proporciona en este paso
- súbelo al directorio raíz de tu dominio (http://ejemplo.com)
- sabrás que el archivo HTML se ha subido correctamente si puedes ver el código de verificación en tu sitio web (después de abrir el enlace proporcionado por Facebook en el paso 3).
- haz clic en “Verificar dominio”
¿Cómo añadir una metaetiqueta a tu código fuente HTML?
- ahora, necesitas copiar el código de la metaetiqueta que Facebook te proporciona aquí en la sección <head>…<head> de la página de inicio del código HTML de tu sitio web
- después de copiar y pegar la metaetiqueta, publica la página. Ten cuidado de pegar la metaetiqueta en la sección <head> de tu sitio web
- comprueba que la metaetiqueta sea visible visitando tu sitio web y viendo el código fuente HTML
- haz clic en “Verificar dominio”
¡Y eso es todo!
Recuerda, solo es necesario usar uno de los tipos de verificación de dominio de Facebook.
Ahora que tu dominio está verificado, puedes agregar Páginas a tu dominio seleccionando «Añadir activos» (Add assets) y eligiendo las Páginas en tu Business Manager que se añadirán a este dominio.
Ahora puedes editar las vistas previas de enlaces en Facebook como un profesional
Puede ser un poco complicado configurarlo todo, pero sin duda vale la pena cuando te da más control sobre tu contenido. Esperamos que este post haya arrojado algo de luz sobre la edición de la vista previa de enlaces de Facebook y que elijas la opción que mejor te funcione.
