We're making it easier to get around Constant Contact with a brand new left navigation. Not all accounts have that change yet, so if your navigation looks different from our articles, that's why–but everything from the top can now be found on the left!

Email and Digital Marketing
¿Cómo podemos ayudarlo?
Busca en nuestros artículos de ayuda, tutoriales de video y guías de inicio rápido

Podrás con esto. Podrás con nosotros. Encuentra rápidamente en nuestra Base de conocimientos las respuestas a tus preguntas sobre marketing por correo electrónico.

Añadir una leyenda a una imagen en un correo electrónico

Article: 000017772
Updated: 2 de abril de 2024

Sugerencias para crear leyendas de imágenes útiles que hagan que su correo electrónico sea accesible para sus receptores con lectores de pantalla

Las leyendas de imágenes son útiles para señalar quién aparece en una foto, o elaborar sobre lo que está ocurriendo en la imagen, pero también son de mucha ayuda para aquellos que utilicen un lector de pantalla para ver su correo electrónico.

 

Ícono de bombilla de luz¿Sabía que...? Algunos lectores de pantalla pueden configurarse para que detecten los nombres de los archivos de imagen. Al usar una combinación del nombre de archivo, la descripción de la imagen y una leyenda, se asegura de que quienes reciban sus correos electrónicos realmente puedan acceder a sus imágenes.

Consejos para escribir y diseñar leyendas de imágenes

Las mejores leyendas de imagen van directamente al punto, incluyen información esencial y no repiten simplemente el contenido del correo electrónico.

  • Las leyendas de las imágenes deben tener un formato diferente al del resto del texto y el estilo debe utilizarse de manera coherente para cada imagen.
  • Si tiene texto integrado en su imagen, considere también incluir una leyenda con el mismo texto, los lectores de pantalla no pueden distinguir el texto cuando está superpuesto sobre la imagen.
  • Las leyendas de imagen son generalmente solo una oración o dos. Si necesita más espacio para dar mucha información sobre el contenido de una imagen, utilice la leyenda de la imagen para darle a su imagen un nombre distinto y, luego, refiérase claramente a ella en el cuerpo de su correo electrónico.
  • Cuando tiene una imagen que no necesita un encabezado o no agrega nada a su correo electrónico además del atractivo visual, es conveniente incluir una descripción de la imagen en lugar de un encabezado para lectores de pantalla. Para hacer esto, puede editar la imagen desde el borrador de su correo electrónico o en la biblioteca.

 

Añadir una leyenda encima o debajo de una imagen

Agregar un título encima o debajo de una imagen es fácil de hacer con un bloque de texto. No importa si su imagen está en una columna o abarca el ancho de su plantilla.

  1. Arrastre un bloque de Texto a su plantilla. Utilice la guía rosa para ayudarlo a colocarlo encima o debajo de su imagen.

    Arrastre y suelte un bloque de texto debajo de una imagen
     
  2. Agregue su texto de encabezado
  3. Utilice la barra de herramientas para aplicar estilo a su texto de encabezado.

    Texto de encabezado de imagen debajo de una imagen con barra de herramientas de texto
     

 

Añadir una leyenda a la izquierda o derecha de una imagen

Utilice un bloque de artículo para agregar encabezados de imagen al costado de una imagen. Hay varios estilos diferentes y la imagen se puede mover para que se asiente en el lado izquierdo o derecho del bloque.

  1. Arrastre uno de los bloques de Artículo a su plantilla.

    Pestaña Build (Crear), sección Layouts (Diseños) y arrastre y suelte un Artículo con bloque de borde en la plantilla
     
  2. Inserte su imagen en el marcador de posición.
  3. Agregue y modifique el estilo del texto del encabezado y elimine el título predeterminado y el texto del enlace.

    Pestaña Images (Imágenes), arrastrar y soltar imagen en la plantilla y texto del encabezado de la imagen con la barra de herramientas de texto expandida
     
  4. Arrastre un bloque espaciador sobre el texto del encabezado. Aumente o disminuya el grosor del espaciador para centrar su título.

    Pestaña Crear, arrastrar y soltar el bloque espaciador sobre el texto del encabezado de la imagen
     
  5. Ajuste el tamaño de la imagen y el ancho de la columna para encontrar el equilibrio adecuado. 

    Bloque de artículos con control de arrastre de cambio de tamaño de imagen y control de arrastre de ancho de columna
     

 

Añadir una leyenda a una imagen de modo que el texto la envuelva

Cuando el texto envuelve una imagen, es un poco más complicado agregar un título, pero se puede hacer con un bloque espaciador y un bloque de texto encima de la imagen.

  1. Agregue un bloque de texto encima de la imagen. Utilice las pautas rosas para asegurarse de que abarque todo el ancho de la plantilla.

    Arrastre y suelte el bloque de texto en la plantilla del correo
     
  2. Agregue un bloque espaciador encima de su imagen y al lado del bloque de texto para crear una nueva columna.

    Arrastre y suelte el bloque espaciador en la plantilla que se encuentra junto al bloque de texto
     
  3. Reemplace el texto por defecto con su leyenda y use la barra de herramientas para cambiar el estilo del texto.
  4. Ajuste el ancho del bloque de texto para que el título esté alineado con su imagen. Es ideal mantener el texto en una fila.
  5. Reduzca el grosor de su espaciador para evitar espacios cuando su contenido se apila en un dispositivo móvil.

    Controlador de arrastre de ancho de columna y controlador de arrastre de espesor del espaciador
     
  6. Haga clic en Preview & Test (Vista previa y Revisar) > Preview (Vista previa).

    Menú desplegable expandido de Preview & Test (Vista previa y Revisar) y opción Preview (Vista previa)
     
  7. Haga clic en la pestaña Mobile (Móvil) para asegurarse de que las cosas se alineen de la manera que desea. Las columnas se apilan de izquierda a derecha, por lo que si su imagen está en el lado izquierdo de su plantilla, el espaciador se apila en la parte superior del título, mientras que el título se apila en la parte superior del espaciador cuando la imagen está en el lado derecho.

    Vista previa de superposición, pestaña Móvil y contenido de correo electrónico con espaciador sobre subtítulos y texto
     

 

Todos los enlaces que proporcionamos desde sitios que no son de Constant Contact o información sobre productos o servicios que no son de Constant Contact se proporcionan a modo de cortesía y no deben interpretarse como un respaldo de Constant Contact.


Questions?

Ask the Community

Did this article answer your question?


Constant Contact Logo

Copyright © 2021 · Todos los derechos reservados · Constant Contact · Privacy Policy