Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.
Social

Solucionar problemas de vista preliminar del enlace en la herramienta Redes Sociales

Última actualización: mayo 21, 2020

Requisitos

Marketing Hub  Professional, Enterprise
Marketing Hub Básico (versión anterior)

Antes de publicar un post en redes sociales, puedes ver la vista preliminar de la imagen destacada en tu publicación. Descubre cómo solucionar problemas con la imagen destacada en las vistas preliminares de redes sociales.

Una vista preliminar de las redes sociales se basa en metaetiquetas en la sección <head> de tu página HTML. Estas etiquetas forman parte del protocolo Open graph, que permite que cualquier página web se convierta en un objeto enriquecido en un gráfico de redes sociales. Estas etiquetas indican a los sitios de redes sociales como Facebook, LinkedIn y Twitter en qué deben enfocarse durante la creación de una vista preliminar de tu enlace compartido. Las meta etiquetas básicas son:

  • og:title: el título de tu contenido.
  • og:type: el tipo de contenido, como un video o una página web.
  • og: image: la URL de la imagen para representar tu contenido.
  • og:url: la URL única de tu contenido que se utilizará como su ID permanente.
  • og:description: la descripción que resume tu imagen.

El título, la metadescripción y la imagen destacada se configuran automáticamente para publicaciones de blog. Para páginas de destino y páginas de sitio web, la imagen destacada debe establecerse manualmente.

 

La imagen destacada, el título de la página o la descripción de la página no se muestran en la vista preliminar de la publicación

Si la vista preliminar de tu publicación en redes sociales no muestra la imagen destacada, el título de la página o la descripción de la página que esperabas, hay varias herramientas de depuración que puedes usar para resolver el problema.

Cómo confirmar que has especificado una imagen destacada

Si estás enlazando a una publicación de blog, página de destino o página del sitio web alojada en HubSpot, asegúrate de haber seleccionado una imagen destacada.

Si estás compartiendo una página externa en tu publicación, usa las herramientas de desarrollador de tu navegador, como las Herramientas para desarrolladores de Chrome, para ver la fuente de la página y luego busca la etiqueta og:imagen para ver qué imagen mostrará.

inspect-for-featured-image

Usa las herramientas de depuración de redes sociales para validar tu imagen y meta etiquetas

Si ves una imagen diferente en la vista preliminar de redes sociales que lo que está configurada como etiqueta de og:image, la red social puede necesitar recargar esa página. Puedes usar las siguientes herramientas de validación para activar una página rastreada y superficial de cualquier error que pueda afectar la publicación:

  • Facebook: usa el Depurador de Facebook Compartir para ver cualquier advertencia o errores con tus meta etiquetas o para eliminar la URL del contenido de nuevo, de modo que genere la vista preliminar de enlaces de Facebook más actualizada.
  • Twitter: usa la tarjeta de Twitter Validator para ver advertencias o errores con tus meta etiquetas o para eliminar la URL del contenido de nuevo, de modo que genere la vista previa de la tarjeta de Twitter más actualizada.
  • LinkedIn: usa el Inspector de tarjetas de LinkedIn para ver advertencias o errores con tus meta etiquetas o para eliminar la URL del contenido de nuevo, de modo que genere la vista previa de la tarjeta de LinkedIn más actualizada.

Ten en cuenta: LinkedIn mostrará tu imagen destacada, título de página y URL en su tarjeta de vista preliminar, pero no incluirá tu metadescripción.

Si la etiqueta og:imagen no ha sido establecida para una página, la red social escaneará la página para encontrar la imagen más adecuada para incluir en publicaciones en redes sociales, lo que suele ser la primera imagen que encuentra. Una imagen de vista preliminar del enlace no aparece en absoluto si un archivo robots.txt o cierto software de seguridad se está utilizando para evitar rastrear la página.

 

Requisitos de tamaño para imágenes destacadas

Si la imagen destacada de un enlace que insertaste no se muestra correctamente en tu vista preliminar de redes sociales (por ejemplo, la imagen está desactivada o la proporción es incorrecta), es posible que debas editar la imagen para que tenga las dimensiones adecuadas para la red social que publicas y luego vuelve a publicar la página. Se recomiendan las siguientes dimensiones para la optimización de imágenes destacadas en cada red:

  • Facebook: 300:175
  • Twitter: 16:9 para publicaciones de fotos y 1.91:1 para imágenes destacadas en posts
  • Instagram (cuadrado): 1:1
  • Instagram (retrato): 4:5
  • Instagram (paisaje): 1.91:1
  • LinkedIn (paisaje): 1.91:1

Asegúrate de que cualquier medio que incluyas en tus publicaciones de redes sociales sigue las pautas de tamaño de archivo para cada red. Si HubSpot determina que un archivo es demasiado grande para publicar en una red determinada, se mostrará una advertencia. Los tamaños de archivos máximos para cada red social aparecen a continuación:

  • Facebook: 4MB (menos de 1MB recomendado para archivos PNG para evitar pixelación)
  • Instagram: 8MB
  • Twitter: 5MB (15MB para GIF)
  • LinkedIn: 10MB

También puedes elegir publicar tu post en redes sociales como post de foto en lugar de un post de enlace, lo que permitirá más control sobre qué foto se mostrará. Más información sobre la diferencia entre publicaciones de enlaces y publicaciones de foto.

 

Discrepancias de color y claridad de la imagen

Diferencias en el color de la imagen

Los perfiles de colores incrustados podrían afectar cómo se muestra tu imagen destacada en tu publicación en redes sociales. Diferentes sistemas procesan los perfiles de colores poco comunes de diferentes maneras, por lo que los colores podrían verse diferentes cuando se realiza una vista preliminar de la imagen en tu administrador de archivos. Puedes ejecutar tu URL de imagen a través de una herramienta externa para ver si usa un perfil de color poco común. Si es necesario, puedes eliminar el perfil de color que interfiere en una herramienta de edición de fotos, como Photoshop, luego republicar la página antes de publicar los posts en redes sociales.

Diferencias en la claridad de la imagen

El administrador de archivos de HubSpot utiliza la compresión de imágenes en JPEG y PNG para ayudar a optimizar velocidades de carga en tu contenido alojado en HubSpot. Las redes sociales también usan la compresión de imágenes en publicaciones, que pueden variar en la calidad de lo que ves en HubSpot. Por esta razón, se recomienda usar imágenes de resolución relativamente altas (en la relación de aspecto recomendada) para cada red. Si tu imagen no cumple con los requisitos de una red social, una advertencia aparecerá en la herramienta de publicación en redes sociales de HubSpot para ajustar la imagen según corresponda.

/es/social/featured-image-not-displaying-correctly-in-social-preview