Usar imágenes en el contenido de HubSpot

• • En el campo Texto alternativo, introduce texto para describir a los motores de búsqueda y lectores de pantalla qué es la imagen. También puedes agregar texto alternativo a las imágenes en la herramienta de archivos. Agregar texto alternativo mejorará la accesibilidad y el SEO de tu sitio. Más información sobre la accesibilidad del sitio web en nuestra documentación de desarrollador. 

Nota: agregar texto alternativo a una imagen no agrega el texto del título. El texto alternativo afecta las clasificaciones en motores de búsqueda y la accesibilidad, mientras que el texto del título aparece cuando un visitante pasa el cursor sobre la imagen en vivo. 

• Para establecer el comportamiento de carga de imágenes y personalizar el tipo de enlace de imagen para los motores de búsqueda, haz clic en Avanzado. 
  • Para establecer el comportamiento de carga de imágenes, haz clic en el menú desplegable Carga de imágenes y selecciona una opción: 
    • Diferida: la imagen solo se cargará cuando el visitante llegue a esa parte de la página. Esto reduce el tiempo que tu página requiere para cargar y mejora el SEO. Por opción predeterminada, las imágenes se cargarán con esta configuración. 

• • • Valor predeterminado del navegador: el comportamiento de carga de la imagen se determina por la configuración del navegador del visitante. 
    • Predeterminada: la imagen se cargará tan pronto como la página se carga. 

• • Para personalizar el tipo de enlace de imagen, en la sección Tipo de enlace, selecciona uno o más atributos: 
    
    • Regular: este enlace no está patrocinado. 
    • Sin seguir: este enlace no está asociado a tu sitio web.
    • Patrocinado: este enlace es un enlace patrocinado o un anuncio.
    • Contenido generado por el usuario: este enlace lleva a contenido generado por el usuario, como un comentario en un blog o una discusión en un foro. 
• Haz clic en Aplicar para aplicar tus cambios a la imagen.

• Para aplicar tus cambios en directo, haz clic en Publicar o Actualizar en la parte superior derecha, y luego haz clic en Publicar o Actualizar en el cuadro de diálogo. 

Editar una imagen en un módulo de imagen

• Ve al contenido:

  • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
  • Páginas de destino: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
  • Artículos de blog: En tu cuenta de HubSpot, dirígete a Contenido > Blog.
  • Correo electrónico: En tu cuenta de HubSpot, dirígete a Marketing > Correo electrónico.
• Haz clic en el nombre de tu contenido. 
• En el editor de contenido, haz clic en el módulo de imagen. 
• Para eliminar la imagen actual, haz clic en Eliminar en la sección Imagen del editor de la barra lateral. Esto eliminará la imagen actual del módulo de imagen, pero no eliminará el módulo de la página. 

• Para reemplazar la imagen actual, haz clic en Reemplazar en la sección Imagen del editor de la barra lateral y luego agrega una nueva imagen. 
• En el campo Texto alternativo, introduce texto para describir a los motores de búsqueda y a los lectores de pantalla qué es la imagen. También puedes agregar texto alternativo a las imágenes en la herramienta de archivos. Agregar texto alternativo mejorará la accesibilidad y el SEO de tu sitio. Más información sobre la accesibilidad del sitio web en nuestra documentación de desarrollador. 

Nota: agregar texto alternativo a una imagen no agrega el texto del título. El texto alternativo afecta las clasificaciones en motores de búsqueda y la accesibilidad, mientras que el texto del título aparece cuando un visitante pasa el cursor sobre la imagen en vivo. 

• Para ajustar el tamaño de la imagen en diferentes dispositivos, haz clic en el menú desplegable Tamaño y selecciona una opción:
  
  • Ajustar automáticamente: la imagen se escalará en tamaño para adaptarse al dispositivo en el que se está viendo. 
  • Ancho y alto exactos: la imagen se mostrará del mismo tamaño en todos los dispositivos.
• Para establecer un límite al tamaño de la imagen, haz clic en el menú desplegable Tamaño máximo y selecciona una opción: 
  • Tamaño original de la imagen: la imagen nunca aparecerá más grande que su tamaño original. 
  • Personalizado: la imagen nunca aparecerá más grande que una anchura y altura específicas establecidas en los campos ancho y alto. 
• Para establecer el comportamiento de carga de las imágenes, haz clic en el menú desplegable Carga de imágenes  y selecciona una opción: 
  • Valor predeterminado del navegador: el comportamiento de carga de la imagen se determina por la configuración del navegador del visitante. 

• • Diferida: la imagen solo se cargará cuando el visitante llegue a esa parte de la página. Esto reduce el tiempo que tu página requiere para cargar y mejora el SEO. Por opción predeterminada, las imágenes se cargarán con esta configuración. 

• • Ansioso: la imagen se carga lo antes posible. 
• Para agregar un enlace a la imagen, ingresa una URL de destino en el campo Enlace (opcional). Selecciona la casilla de verificación Abrir enlace en una nueva pestaña para dirigir al visitante a la URL de destino en una nueva pestaña del navegador.
• Para aplicar los cambios, haz clic en Publicar o Actualizar en la parte superior derecha.