Nota: Si bien hemos traducido las guías más populares al español, algunas guías están disponibles solamente en inglés.
Adding alt text to images

Alt text is text associated with an image that some browsers display instead of the image. Search engines use it to identify the content of a page. Adding alt text to images is a great way to give your site an SEO boost and make it more accessible.

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, aparecerá el texto alternativo en su lugar. Por todos estos motivos, cuando añadas texto alternativo, usa términos breves y fáciles de leer que describen la imagen y se relacionan con el contenido de tu sitio.

You can add alt text to images directly in these areas:

En estas áreas de imágenes, el título del componente, por lo general, actúa como texto alternativo:

In these image areas, file names usually serve as alt text:

Nota: Si no añades texto alternativo a una imagen manualmente, por lo general, el nombre del archivo de la imagen actuará como tal.

Mira un 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 presentes estos consejos:

  • 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 las búsquedas incorporando palabras clave, sin "acumular 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.

Image Block

How you add alt text to an Image Block depends on the layout.

Inline layout

Captions added in the Inline layout automatically become alt text for the image.

If your image is set to the Inline layout, and you want to add alt text but not display a caption:

  1. Add the caption text.
  2. Select Do Not Display Caption.
Note: In lightboxes, captions always display.

do-not-display-caption.jpg

All other layouts

For all other layouts (Poster, Card, Overlap, Collage, and Stack), the captions don't become alt text, but you can add it by switching temporarily to the Inline layout:

  1. Double click the Image Block to open the image editor.
  2. Click the Design tab.
  3. Elige el diseño Incorporado (únicamente para los bloques de las Páginas de Diseño).
  4. Ensure the caption is set to Caption Below.
  5. Click Write here below the image to add your alt text.
  6. In the image editor, switch back to your preferred layout.
  7. Haz clic en Guardar.

You can add and edit the two text fields for the Image Block without disrupting the alt text. To adjust the alt text, switch temporarily back to the Inline layout.

Gallery Page image

To add alt text to an image in a Gallery Page:

  1. Click the Gallery Page in the Pages panel.
  2. Encuentra una imagen para editar, posiciona el cursor sobre ella y haz clic en .

  1. Añade el texto alternativo a la casilla Título de la imagen. Si no agregas un título de la imagen, el texto que esté en la casilla de descripción será el texto alternativo.
  2. Haz clic en Guardar.

Gallery Block image

To add alt text to an image in a Gallery Block:

  1. Double-click the Gallery Block or click Edit.
  2. Encuentra una imagen para editar, posiciona el cursor sobre ella y haz clic en .
  3. Añade el texto alternativo a la casilla Título de la imagen. Si no agregas un título de la imagen, el texto que esté en la casilla de descripción será el texto alternativo.
  4. Haz clic en Guardar.

gallery_block_image_title.jpg

Product image

To add alt text to a product image on the Product Page:

  1. Hover over the product and click Edit.
  2. Encuentra una imagen para editar, posiciona el cursor sobre ella y haz clic en .
  3. Añade el texto alternativo a la casilla Título de la imagen. Si no agregas un título de la imagen, el título del producto será el texto alternativo.
  4. Haz clic en Guardar.

Cover Page image

To add alt text to a Cover Page image:

  1. In the Cover Page menu, click the Media panel.
  2. Posiciona el cursor sobre la imagen y haz clic en el símbolo
  3. Add alt text to the Enter alt text… field.
  4. Haz clic en Guardar.

Miniaturas de las publicaciones de blog y de los eventos

El título de una publicación de blog o de un evento actúa como texto alternativo para la miniatura de la publicación o del evento. Para las Páginas de Eventos, este es el mismo en los diseños de calendario y de lista.

Imagen en miniatura de la página

Los nombres de los archivos actúan como texto alternativo para las imágenes en miniatura de la página. Cerciórate de nombrar todas las imágenes en miniatura como quieres que aparezcan antes de subirlas.

Nombres de archivos de imagen

El nombre de la imagen actúa como un texto alternativo si no se proporciona ningún otro texto alternativo.

Para cambiar el nombre de archivo de la mayoría de las imágenes, vuelve a subir la imagen con el nombre nuevo. Para los Bloques de imágenes, abre el editor de imágenes y actualiza el campo Nombre de archivo en la pestaña Contenidos.

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

image-name.png

Próximos pasos

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 94 de 153