Saltar al contenido principal

  Artículo actualizado: 20 de septiembre de 2023

Trabajar con vistas previas de enlaces

Cuando agrega un enlace a una publicación en Composer, aparece una vista previa del enlace. Las vistas previas de enlaces resumen el contenido en el destino del enlace con un título, una descripción y una miniatura. Las vistas previas se generan automáticamente, y cada red social las genera de manera diferente.

Si no desea ver vistas previas de enlaces, puede agregar una imagen en su lugar. Adjuntar una imagen anula la vista previa, por lo que la publicación publicada contiene un enlace y una imagen separada.

En este artículo se explica qué esperar de las vistas previas de los enlaces y cómo personalizarlas para Facebook y LinkedIn. Aprenda a acortar y aplicar parámetros de seguimiento de enlaces a los enlaces.

Acerca de las vistas previas de enlaces en cada red social

Cada red social obtiene vistas previas de manera diferente desde el sitio web del enlace, por lo que las vistas previas pueden verse diferentes en cada red social. Esto es lo que puede esperar de las vistas previas de enlaces en Facebook, Twitter y LinkedIn.

Nota: Las vistas previas de los enlaces no se generan para Instagram porque Instagram no admite hipervínculos en los subtítulos de las publicaciones.

Facebook

Para crear una vista previa del enlace, el raspador de enlaces de Facebook extrae metaetiquetas de gráficos abiertos (por ejemplo, og:image) del sitio web del enlace. Si faltan estas etiquetas o están incompletas, Facebook intenta rellenar los espacios en blanco con los datos disponibles. Como resultado, las vistas previas de los enlaces de Facebook pueden diferir o estar incompletas.

Si el enlace que intentas compartir se publicó recientemente, es posible que Facebook aún no haya extraído sus datos. Espera y vuelve a probar tu publicación.

Vista previa y solución de problemas de un enlace: introduce un enlace en el depurador de Facebook para obtener una vista previa de cómo se verá en Facebook. La herramienta marca las metaetiquetas que faltan y cualquier otra cosa que debas corregir.

Optimizar las vistas previas de su sitio web: visite Una guía para compartir en Facebook para ver si su sitio web está configurado para generar vistas previas de enlaces óptimas.

Nota: Al publicar desde herramientas de terceros como Hootsuite, Facebook no crea vistas previas de enlaces para los enlaces de Facebook.com, como un enlace a una publicación de la página.

  Twitter

Twitter solo muestra vistas previas de enlaces en los tweets cuando el sitio web del enlace tiene habilitadas las tarjetas de Twitter. Para verificar que el sitio al que estás enlazando tiene una tarjeta de Twitter, ingresa el enlace en el validador de tarjetas de Twitter. Obtén más información sobre las tarjetas de Twitter y cómo agregarlas a tu sitio web.

Para garantizar que tu tweet contenga una imagen, puedes adjuntar la tuya propia o seleccionar cualquier imagen sugerida extraída del enlace. Adjuntar una imagen anula la vista previa si el enlace tiene una tarjeta de Twitter. El tweet publicado contendrá un enlace en el que se puede hacer clic y una imagen cargada por separado.

Los enlaces acortados de YouTube o Vimeo muestran una vista previa del enlace reproducible en Twitter.

Nota: Las vistas previas de los enlaces de Twitter Card no aparecen en las transmisiones de Hootsuite.

  LinkedIn

LinkedIn crea vistas previas de enlaces en función de los datos que extrae de cada sitio web. Puede personalizar estas vistas previas en Composer.

Ingrese un enlace en el Inspector de publicaciones de LinkedIn para ver cómo se leerá y procesará. La herramienta te ayuda a identificar los datos faltantes en una página que podrían mejorar la vista previa de los enlaces.

Personalización de una vista previa de enlace

Puedes personalizar las vistas previas de los enlaces para las publicaciones de la página de LinkedIn y para las publicaciones de la página de Facebook que cumplan los siguientes requisitos de Facebook

  1. En Composer, ingresa un enlace en el cuerpo de tu publicación. Si se selecciona una página de LinkedIn o Facebook, verás una vista previa del enlace.
  2. Selecciona Personalizar vista previa de enlaces.
    La opción Personalizar vista previa del enlace resaltada debajo de una vista previa del enlace
  3. Elija entre las imágenes de enlace disponibles o seleccione el icono para cargar el suyo propio (consulte Requisitos del archivo de imagen). Las imágenes de una biblioteca de contenido no se pueden usar para vistas previas de enlaces.
  4. Introduce el título y la descripción y, a continuación, selecciona Guardar.

Las vistas previas de los enlaces en LinkedIn deben tener una imagen en miniatura, un título y una descripción. En Facebook, necesitas al menos una imagen en miniatura. Si la vista previa de tu enlace no tiene estos elementos cuando publicas una publicación, la red social los completará.

Solucionar problemas de previsualización de enlaces

Pruebe estos pasos de solución de problemas si recibe alguno de los siguientes errores de vista previa de enlaces:

  • No hemos podido rellenar una vista previa del enlace: este error aparece cuando Hootsuite no puede leer los metadatos en la URL proporcionada. Compruebe que la URL sea un enlace publicado. Hootsuite no puede mostrar una vista previa del enlace hasta que el sitio web esté activo y sea accesible para el público.

    Si confirmaste que el enlace está activo, consulta las secciones anteriores de este artículo para ver cómo optimizar tu enlace para cada red social.
  • La personalización de la vista previa del enlace no está permitida para esta URL: este error aparece si intentas personalizar una vista previa de un enlace para Facebook que no cumple con los requisitos. Revisa los requisitos de publicación de la página de Facebook que aparecen en Personalizar la vista previa de un enlace

También puedes intentar crear tu publicación con Hootsuite abierto en el modo privado de tu navegador. Esto omite las cookies, la memoria caché y los complementos que podrían estar interrumpiendo la vista previa del enlace (consulte Solucionar problemas de visualización).

 

¿No encuentras lo que buscas? Estamos aquí para ayudar