Sitio web avanzado: ver el texto ALT de todas las imágenes

El texto alternativo (Alt) es una descripción concisa que explica por qué una imagen del sitio es importante para el contexto de una página. Al garantizar que todos los elementos de imagen del sitio tengan una etiqueta o atributo Alt, ayudas a los motores de búsqueda y a los usuarios con discapacidad visual a comprender el contenido. Esto es crucial para la accesibilidad web y el SEO. El texto alternativo hace que el contenido del sitio sea accesible para un público más amplio, incluyendo a personas con discapacidades cognitivas o de aprendizaje, a la vez que mejora el posicionamiento de tu sitio en los motores de búsqueda. Crea texto alternativo (Alt) relevante para las imágenes de tu sitio añadiendo y editando manualmente el texto alternativo o generándolo con un solo botón: el Asistente de IA.

Para obtener más información sobre cómo generar texto alternativo con el Asistente de IA, consulte la sección Texto alternativo en Sitio web avanzado: Accesibilidad.


Reglas básicas del texto alternativo

A continuación se incluyen reglas básicas para escribir un buen texto alternativo.

  • Agregue texto alternativo a todas las imágenes informativas del sitio. Si una imagen no tiene una etiqueta alternativa, un lector de pantalla podría anunciar el nombre o la ruta del archivo. Esto no comunica el contenido de la imagen.
  • Mantenga el texto alternativo breve y descriptivo. Un texto alternativo largo resultará en una mala experiencia de usuario para quienes usan lectores de pantalla. Si la imagen requiere una descripción larga, considere describirla en el contenido y proporcionar un texto alternativo más corto.
  • No incluya "imagen de" ni "foto de". Los lectores de pantalla identifican automáticamente una imagen como tal.
  • Incluya el texto de la imagen si lo incluye. Para imágenes con descripciones largas, descríbalas en el contenido y proporcione un texto alternativo más corto.

Resumen del texto alternativo de la imagen en la Resumen del sitio

El texto alternativo de las imágenes en el Resumen de su sitio le permite administrar el texto alternativo de todas las imágenes del sitio en un área consolidada (para obtener información sobre cómo acceder a él, consulte la sección Cómo acceder al Resumen del texto alternativo que se encuentra a continuación).

Para ver cuántas imágenes tienen texto alternativo faltante, acceda al Resumen de texto alternativo para ver la suma cerca del título "Imágenes del sitio". Cuando todas las imágenes estén configuradas, se mostrará "Todas las imágenes están configuradas" y la vista "Texto alternativo faltante" estará vacía.

El texto alternativo de la imagen incluye dos vistas: 'Texto alternativo faltante' y 'Todas las imágenes'.

  • En “Texto alternativo faltante”, que también es la vista predeterminada, la tabla muestra las imágenes sin texto alternativo.
  • En 'Todas las imágenes', la tabla muestra todas las imágenes con y sin texto alternativo.

Ambas vistas contienen una tabla, y el nombre y la ubicación de una imagen están disponibles debajo de cada tarjeta de imagen.

Nota:

Si su sitio web es multilingüe, utilice el menú desplegable para seleccionar un idioma. Si el texto del idioma aparece en negrita y con un punto junto al nombre, significa que las imágenes del sitio web están en ese idioma sin texto alternativo.

Cómo acceder al Resumen del texto alternativo

Para acceder al Resumen del texto alternativo:

  1. Desde el panel de control, localice el sitio en la lista. Pasa el cursor sobre él y haz clic en el icono de Resumen junto al sitio.
  2. En el panel lateral del Resumen del sitio, haga clic en SEO y luego en Texto alternativo de la imagen. La suma de las imágenes sin texto alternativo se encuentra cerca del título "Imágenes del sitio".
  3. (Opcional) Si su sitio tiene varios idiomas, haga clic en el menú desplegable y seleccione un idioma.

Cómo crear texto Alt para imágenes

Para crear texto alternativo para sus imágenes:

  1. Desde el panel de control, localice el sitio en la lista. Pasa el cursor sobre él y haz clic en el icono de Resumen junto al sitio.
  2. En el panel lateral del Resumen del sitio, haga clic en SEO y luego en Texto alternativo de la imagen. La suma de las imágenes sin texto alternativo se encuentra cerca del título "Imágenes del sitio".
  3. (Opcional) Si su sitio tiene varios idiomas, haga clic en el menú desplegable y seleccione un idioma.
  4. Elija entre agregar texto alternativo de forma masiva a varias imágenes del sitio o a imágenes individuales.
    • Para generar texto alternativo en masa:
      1. Haga clic en el botón Generar texto alternativo en masa y seleccione una de las dos opciones de generación de texto alternativo: generar texto alternativo para todas las imágenes del sitio o generar texto alternativo para las imágenes del sitio que no tienen texto alternativo.
      2. Siga las instrucciones del asistente. Puede descartar, aceptar o editar las sugerencias.
    • Para generar texto alternativo para imágenes individuales:
      1. Haga clic en el campo de texto alternativo debajo de la imagen a la que desea agregar un texto alternativo.
      2. Agregue texto alternativo manualmente o haga clic en el botón AI Sparkle para generarlo automáticamente en el idioma actual del sitio. Haga clic fuera del campo de texto alternativo para confirmar los cambios. La imagen y el texto alternativo se eliminarán de la vista "Texto alternativo faltante" y se encontrarán en la vista "Todas las imágenes".
  5. Cree texto alternativo para todas las imágenes de su sitio y reciba un mensaje de éxito en la vista Texto alternativo faltante.

Cómo editar el texto Alt

Para editar el texto alternativo de las imágenes de su sitio:

  1. Desde el panel de control, localice el sitio en la lista. Pasa el cursor sobre él y haz clic en el icono de Resumen junto al sitio.
  2. En el panel lateral del Resumen del sitio, haga clic en SEO y luego en Texto alternativo de la imagen. La suma de las imágenes sin texto alternativo se encuentra cerca del título "Imágenes del sitio".
  3. (Opcional) Si su sitio tiene varios idiomas, haga clic en el menú desplegable y seleccione un idioma.
  4. Seleccione la vista 'Todas las imágenes'.
  5. Haga clic en el campo de texto alternativo que quiere reactivar y realice los cambios. Haga clic fuera del campo de texto alternativo actual para confirmar los cambios.

Nota:

  • Recomendamos usar solo 125 caracteres para crear texto alternativo. El contador de caracteres cambiará de color cuando se supere este límite.
  • Las imágenes de fondo no requieren texto alternativo porque, cuando un motor de búsqueda escanea o rastrea la página fuente, el diseño de fondo no se registra como contenido.

Próximamente habrá más funciones

Estamos invirtiendo activamente para hacer que los sitios desarrollados con la plataforma sean más accesibles.

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