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 imágenes destacadas en vistas preliminares de publicación en redes sociales

Última actualización: octubre 29, 2019

Requisitos

Marketing Hub  Professional, Enterprise
Básico

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.

Cómo funcionan las vistas preliminares en las redes sociales

Una vista preliminar de las redes sociales se basa en metaetiquetas en la sección 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:título: 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.

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.

Publicaciones de enlaces versus publicaciones en redes sociales

Al crear una publicación en redes sociales en HubSpot, el comportamiento de la imagen varía según el tipo de publicación que compartiste. Existen dos tipos diferentes de publicaciones en redes sociales:

  • Publicación de enlaces: una publicación que consiste principalmente en texto y contiene una URL.
  • Publicación de fotos: una publicación donde el contenido principal es una imagen.

LinkedIn permite a los usuarios seleccionar qué foto se usa en la publicación del enlace, pero Facebook y Twitter seleccionan automáticamente una imagen. Si quieres incluir una foto específica en tu publicación en redes sociales de Facebook o Twitter, crea una publicación de foto en HubSpot insertando una imagen en la publicación antes de publicar.

insert-photo-into-social-post

 

Preguntas frecuentes

A continuación encontrarás respuestas a preguntas frecuentes sobre las vistas preliminares de publicación en redes sociales.

¿Por qué la imagen que seleccioné no se muestra en la vista preliminar de las redes sociales?

Primero, asegúrate de haber seleccionado una imagen para tu publicación de blog, página de destino o página del sitio web. Si estás compartiendo una página externa, usa tus herramientas para desarrolladores de Chrome para ver la fuente de la página y luego busca la etiqueta “og:image” para ver qué imagen mostrará.

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.

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.

¿Qué debo hacer si mi imagen destacada no se muestra correctamente en la vista previa de las redes sociales?

Si tu imagen destacada no se muestra correctamente en tu vista preliminar de redes sociales (por ejemplo, la imagen se recorta o la proporción es incorrecta), es posible que debas editar la imagen para que tenga las dimensiones adecuadas para la red social en la que estás publicando, 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: 2:1
  • 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.

¿Por qué los colores de la imagen destacada se ven diferentes después de publicar mi post en redes sociales?

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.

¿Por qué las imágenes de mi publicación en redes sociales están brillando cuando publicas a través de HubSpot en lugar de directamente en las cuentas de redes sociales?

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