Añadir texto alternativo a las imágenes

Redacta descripciones de imágenes claras y concisas para ayudar a tu SEO y hacer que tu contenido sea más accesible.

Última actualización: 2 de enero de 2025

El texto alternativo es el texto que se agrega a las imágenes para que sean más accesibles para quienes visitan el sitio. Los motores de búsqueda también utilizan texto alternativo para identificar el contenido de la imagen, por lo que es una excelente manera de impulsar la SEO de tu sitio. En algunos lugares, el nombre de archivo de tu imagen sirve como texto alternativo si no agregas texto alternativo manualmente. Para los bloques de imagen y los diseños inteligentes, es necesario añadir texto alternativo manualmente. 

El texto alternativo también es útil para los lectores de pantalla o para los navegadores con las imágenes desactivadas. Si un navegador no puede mostrar la imagen, puede aparecer el texto alternativo en su lugar. El texto alternativo no necesita ser visible como texto sin formato en la página para que un lector de pantalla lo lea. Cuando agregas texto alternativo, usa términos breves y legibles que describan la imagen. Sigue nuestras sugerencias para que tus imágenes sean accesibles.

Esta guía repasa cómo añadir texto alternativo a las imágenes de tu sitio, y las imágenes que incluyen el texto alternativo automáticamente.

Mira el video

Mejores prácticas sobre el texto alternativo

Cuando escribas el texto alternativo, recuerda que estás escribiendo para las personas que usan lectores de pantalla o que han desactivado las imágenes en el navegador. Ten en cuenta lo siguiente:

  • Sé descriptivo y proporciona información útil. ¿Cómo describirías esta imagen a alguien que no pueda verla?
  • Mantén el texto breve, por lo general, con doce o menos palabras.
  • Optimiza tu texto para la búsqueda mediante la incorporación de palabras clave, pero evita el exceso de palabras clave.
  • Escribe oraciones completas; no uses guiones para separar las palabras.
  • Puedes omitir palabras como "el/la" y "un/una", o como "foto" o "imagen". Por ejemplo, en lugar de foto de florero verde.jpg, usa el nombre florero verde.jpg.

Nombres de archivos de imagen

El nombre de archivo de una imagen sirve como texto alternativo si no se agrega ningún otro texto alternativo, excepto los bloques de imagen y los diseños inteligentes. Te recomendamos que apliques nuestras prácticas recomendadas para el texto alternativo cuando crees nombres de archivo para tus imágenes.

Para cambiar el nombre del archivo, actualízalo en la Biblioteca de recursos.

Consejo

Usa solamente letras, números, guion bajo y guion medio en los nombres de archivos.

El campo nombre de archivo del editor de bloque de imagen

Logo del sitio

El título del sitio actúa como texto alternativo para el logotipo del sitio.

Bloques de imágenes

Puedes agregar texto alternativo de hasta 250 caracteres a cualquier diseño de bloque de imagen. Si no agregas texto alternativo a los bloques de imagen, la imagen está oculta de las tecnologías de asistencia, como los lectores de pantalla. La forma en que agregues texto alternativo a un bloque de imagen depende de la versión de Squarespace en la que se encuentre tu sitio.

  1. En el editor de bloques de imagen, haz clic en la pestaña Contenido.
  2. Ve a Texto alternativo de imagen y, a continuación, introduce tu texto alternativo en el campo.
  3. El texto alternativo se guarda automáticamente.
  1. En el editor de bloques de imagen, haz clic en la pestaña Contenido.
  2. Ve a Texto alternativo de imagen y, a continuación, introduce tu texto alternativo en el campo.
  3. El texto alternativo se guarda automáticamente.

image_block_with_alt_text.png

Imágenes de la sección de galería y diseño automático

Cómo acceder a esta función

Los diseños automáticos y las secciones de galería solo se admiten en la versión 7.1.

Puedes agregar texto alternativo a diseños automáticos y secciones de galería, pero cada uno utiliza un método diferente.

Diseños automáticos

Si el texto alternativo de la imagen no aparece en la pestaña Elementos, activa la opción Mostrar imagen. Para agregar texto alternativo a las imágenes en las secciones de diseño inteligente:

  1. Mientras editas una página, desplázate sobre la sección Diseño automático y haz clic en Editar contenido.
  2. Haz clic en la pestaña Contenido.
  3. Haz clic en la imagen a la que quieres agregar texto alternativo.
  4. Desplázate hasta Texto alternativo de imagen e introduce tu texto alternativo en el campo.
  5. Haz clic en Volver y, a continuación, en Guardar.

Si no agregas texto alternativo a los diseños inteligentes, no se muestra texto alternativo.

Secciones de galería

Las secciones de galería muestran principalmente imágenes. Si agregas una descripción a las imágenes de la sección de galería, se convierte automáticamente en texto alternativo y en la leyenda de la imagen.

Imágenes del bloque de galería

Cómo acceder a esta función

En la versión 7.1, solo puedes añadir bloques de galería a las publicaciones de blog, los elementos de productos y los eventos individuales.

Para añadir texto alternativo a una imagen en un bloque de galería:

  1. Haz doble clic en el bloque de galería o presiona Editar.
  2. Encuentra una imagen para editar, posiciona el cursor sobre ella y haz clic en .
  3. Agrega texto alternativo al campo Introducir título de imagen. Si no agregas un título de imagen, el texto del campo de descripción se convierte en texto alternativo.
  4. Haz clic en Guardar.
The image editor with title and description fields.png

Imágenes destacadas de entradas de blog y eventos

El título de una entrada de blog o evento sirve como texto alternativo para la imagen destacada de la publicación o el evento. Para las páginas de eventos, este es el mismo en los diseños de calendario y de lista.

Imágenes destacadas de la página

Los nombres de archivos funcionan como texto alternativo para las imágenes destacadas de la página. Asegúrate de nombrar todas tus imágenes destacadas como quieres que aparezcan antes de subirlas.

Imagen en miniatura de bloque de video

Cuando agregas bloques de video a la página mediante una URL, el bloque genera automáticamente una imagen en miniatura y aparece como superposición. Si agregas una imagen en miniatura personalizada, el nombre del archivo aparece en la URL estática, pero no como texto alternativo. No es posible añadir texto alternativo a las imágenes en miniatura de bloques de video.

Imágenes de productos

Puedes agregar texto alternativo de hasta 200 caracteres a cualquier imagen del producto. Si no lo haces, el nombre del producto se convierte en texto alternativo. Para agregar texto alternativo:

  1. En la página de la tienda, desplaza el cursor sobre un producto y, a continuación, haz doble clic en él.
  2. Desplaza el cursor sobre la imagen del producto, haz clic en los tres puntos y, a continuación, en Editar metadatos.
  3. Agrega tu texto al campo Texto alternativo.
  4. Haz clic en Aplicar.

Imágenes de página de portada (versión 7.0)

Para añadir texto alternativo a una imagen de página de portada:

    1. En el menú de la Página de Portada, presiona el panel Medios.
    2. Posiciona el cursor sobre la imagen y haz clic en .
    3. Agrega el texto alternativo en el campo Ingresar texto alternativo...
    4. Haz clic en Guardar.

Imágenes de página de galería (versión 7.0)

Para añadir texto alternativo a una imagen de una página de galería:

  1. Haz clic en la página de galería en el panel de Páginas.
  2. Encuentra una imagen para editar, posiciona el cursor sobre ella y haz clic en .
  3. Agrega texto alternativo en el campo Título de la imagen. Si no agregas un título de imagen, el texto del campo de descripción se convierte en texto alternativo.
  4. Haz clic en Guardar.

Secciones de imagen, blog y producto de Email Marketing

En Email Marketing de Squarespace, puedes agregar texto alternativo a imágenes, entradas de blog y productos que agregues a tu campaña:

  1. En el borrador de tu campaña, haz clic en una sección de imágenes, blog o productos.
  2. En el panel derecho, haz clic en la imagen, la entrada de blog o el producto en el que quieras agregar texto alternativo.
  3. Agrega texto alternativo en Texto alternativo de imagen. El texto alternativo se guarda automáticamente.

Si no agregas texto alternativo a estas secciones, no se mostrará texto alternativo. No es posible añadir texto alternativo a imágenes o logotipos en el encabezado de la campaña.

Imágenes de fondo de sección

No es posible agregar texto alternativo a las imágenes de fondo. Las imágenes puramente decorativas, como imágenes de fondo abstractas o gráficos que separan el contenido, no requieren descripciones. Para obtener más información, revisa las Pautas de accesibilidad al contenido web.

Si todavía estás interesado en agregar texto alternativo a una imagen de fondo, una solución alternativa es usar un bloque de imagen como fondo de sección, rellenar el bloque y agregarle texto alternativo.

También puedes agregar texto alternativo a una imagen de fondo agregando código personalizado. Para obtener más información, visita esta publicación en el Squarespace Forum. Ten en cuenta que las modificaciones de código personalizado quedan fuera del alcance de nuestro servicio de atención al cliente. Esto significa que no podemos ayudarte a configurar ni resolver problemas de las soluciones basadas en código.

Próximos pasos

Consejo

ayuda a asegurarte que el tamaño de tus imágenes, los nombres de archivo y el texto alternativo estén optimizados para los motores de búsqueda y los visitantes conectando la extensión TinyIMG. TinyIMG también ofrece una auditoría de SEO que identifica los problemas de SEO de tu imágenes. Si bien trabajamos con servicios de terceros para garantizar que Squarespace Extensions funcionen correctamente, las extensiones quedan fuera de nuestro alcance de atención al cliente. Podemos ayudarte a conectar o desconectar tus extensiones. Si tienes cualquier otra pregunta, ponte en contacto directamente con el proveedor de las extensiones.

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.