John Mueller y Lizzi Sassman de Google analizan la creación de texto alternativo de imagen que sea bueno para quienes usan lectores de pantalla, mencionando brevemente qué hacer con las imágenes decorativas y cómo es complicado escribir texto alternativo que encuentre el equilibrio entre SEO y accesibilidad.

¿El texto alternativo es para accesibilidad y SEO?

Según el World Wide Web Consortium (comúnmente conocido como W3C), el organismo oficial de estándares HTML, el propósito del texto alternativo de la imagen es hacer que las imágenes sean comprensibles para los visitantes del sitio que no pueden ver el contenido de la imagen y usan lectores de pantalla.

El texto alternativo también ayuda a aquellos que usan lectores de pantalla a comprender el propósito de la imagen o a darse cuenta del texto que se encuentra en la imagen.

El W3C también dice que el texto alternativo también tiene un propósito de SEO.

La guía dice:

“…si desea que su sitio web se indexe como se merece, use el atributo alt para asegurarse de que no se pierdan secciones importantes de sus páginas”.

Se puede decir que el propósito del texto alternativo es hacer que las imágenes sean comprensibles y accesibles para aquellos que no pueden ver la imagen, lo que incluye a los robots de los motores de búsqueda.

Se necesita una cantidad sorprendente de pensamiento para obtener el texto alternativo correcto. El W3C publicó un tutorial de texto alternativo para siete tipos diferentes de contextos de imágenes.

No digas que una imagen es una imagen

Si bien el SEO puede requerir que el texto alternativo de una captura de pantalla diga que la imagen es una captura de pantalla, por motivos de accesibilidad se considera redundante (y molesto escribir que una imagen es una imagen).

Lizz Sassman y John Mueller analizan cómo manejar este problema:

“Entonces, una de las mejores prácticas es no comenzar cada imagen con una captura de pantalla de, una captura de pantalla de, porque entonces, simplemente se vuelve repetitivo.

Ya somos conscientes de que es una imagen. No necesitas decir, ‘Es una imagen de’ y luego la cosa.

Simplemente inicie con cualquiera que sea la descripción. Y tampoco necesariamente tiene que ser una oración completa, creo.

John Müller: Sí.

Lizzi Sassman: Podría ser solo una frase descriptiva. Creo que no necesita ser un pensamiento completo”.

Equilibrar las necesidades de SEO con la accesibilidad

John Mueller presenta el tema de la tensión entre lo que es la práctica tradicional de SEO con respecto al texto alternativo de la imagen y los requisitos de accesibilidad.

Müller continuó:

“John Mueller: Sí, sí. Creo que eso tiene mucho sentido.

Quiero decir, la parte difícil probablemente sea equilibrar los dos lados. El tipo de aspecto de accesibilidad. Lo que la gente quiere del texto alternativo para la accesibilidad.

Y luego el aspecto de SEO en el que harías algunas cosas como… tradicionalmente, harías algunas cosas que podrían ser ligeramente diferentes.

Como si enumeraras un montón de sinónimos, por ejemplo.

Como, “Oh, esta es una playa en el océano con olas”.

Y ese es el tipo de cosas en las que a veces tiene sentido hacerlo en el texto alternativo por razones de SEO, pero probablemente no por razones de accesibilidad.

Y encontrar ese equilibrio es algo que a veces es un poco complicado.

Así que es bueno tener cuidado con eso”.

Algo es mejor que nada

Un punto importante sobre el texto alternativo de la imagen es que es una mala práctica dejar el campo de texto alternativo en blanco.

Una de las razones por las que es una mala práctica es porque los lectores de pantalla pueden comenzar a leer los nombres de los archivos de imagen, lo que es una experiencia negativa para el usuario.

Otra razón es porque priva a los visitantes que usan lectores de pantalla de recibir información importante que puede estar en algunas de las imágenes.

Luego están las consideraciones de SEO con respecto al texto alternativo y obtener imágenes correctamente indexadas y encontradas en la búsqueda.

John Mueller recomienda agregar algo en el texto alternativo porque algo es mejor que nada.

El sugirió:

“John Mueller: Pero si solo está agregando texto alternativo por primera vez, a veces, incluso cualquier texto alternativo es mejor que nada.

Lizzi Sassman: Como nada.

Al menos comenzando con algo, pero luego, ¿qué puedes hacer para mejorar incluso además de eso?

Texto alternativo e imágenes decorativas

Lizzi Sassman discutió a continuación qué hacer con las imágenes decorativas.

El primer problema es distinguir si una imagen es realmente decorativa o si es conceptual y contribuye al significado del contenido, en cuyo caso, el desafío es cómo comunicar una imagen conceptual.

Lizzi comentó:

“Y eso es definitivamente algo con lo que… creo que lucho más, cuanto más te metes en imágenes decorativas, o cosas que no lo son…

No sé… el resultado de la búsqueda es bastante sencillo.

Pero una vez que entra en cosas como, “Oh, esto es un concepto”, o como, “Es decorativo”, entonces no…

Hay algunos lugares que dicen, ‘Oh, no necesitas poner texto alternativo en una imagen decorativa’.

Por ejemplo, si solo está ahí por estética, entonces es mejor dejar el texto alternativo vacío.

Pero por otro lado, ¿por qué lo habría puesto ahí? Había una razón para ponerlo allí.

Entonces, ¿no deberíamos tener algo que llene ese vacío para la experiencia de alguien que no está viendo la imagen?

¿No deberíamos tener una cosa de reemplazo? Estaba sirviendo a un propósito.

Lo pusimos allí por una razón, ¿cuál sería una experiencia alternativa para transmitir esa información, supongo?

Entonces, como Googlebot, como hacer cosas.

A veces tenemos estos, supongo, lo que se clasificaría como una imagen decorativa.

Donde es como si Googlebot estuviera explorando la web, o algo así.

¿O como si estuviera transmitiendo algún tipo de idea, y el texto alternativo debería centrarse en la idea? O como, ‘Oh, es Googlebot con algunos amigos’.

O es Googlebot… como poner spam en una computadora y luego, ser feliz al final.

Como describir lo que está sucediendo allí, para que todavía tengas una idea de lo que estaba destinado a estar allí, supongo, una de las cosas que… sí, me confunde.

John Müller: Sí. Quiero decir, desde un punto de vista personal, definitivamente agregaría texto alternativo a este tipo de imágenes, porque son únicas y especiales.

No es… no sé… un fondo floral, o algo así.

En realidad, es algo en lo que la gente pasó mucho tiempo creando esa imagen.

Y también es algo que la gente podría querer encontrar en los resultados de búsqueda.

Entonces, si está buscando Googlebot, ya que dedicamos tanto tiempo a crear todas estas imágenes, será bueno poder encontrarlas también”.

El W3C ha publicado una página completa de documentación sobre cómo manejar el texto alternativo para imágenes decorativas.

Esta es la recomendación oficial del W3C:

“Las imágenes decorativas no agregan información al contenido de una página.

Por ejemplo, es posible que la información proporcionada por la imagen ya se proporcione con texto adyacente, o que la imagen se haya incluido para que el sitio web sea visualmente más atractivo.

En estos casos, se debe proporcionar un texto alternativo nulo (vacío) (alt=””) para que las tecnologías de asistencia, como los lectores de pantalla, puedan ignorarlos.

Los valores de texto para este tipo de imágenes agregarían desorden audible a la salida del lector de pantalla o podrían distraer a los usuarios si el tema es diferente al del texto adyacente”.

El W3C también sugiere cuatro formas de identificar imágenes decorativas.

Cuatro pruebas para determinar si una imagen es decorativa:

1. La imagen se utiliza para diseñar el documento (la apariencia)
2. Si es una imagen que es complementaria al texto del enlace
3. No aporta información al contenido del texto.
4. La imagen se describe por el contenido del texto que la rodea.

En última instancia, depende del autor decidir qué es lo mejor para el texto alternativo de la imagen.

Como dijo Google, algo es mejor que nada. Entonces, si la imagen no aporta información, simplemente use el valor nulo para el texto alternativo, que está codificado con alt=””

Citación

Escuche esta parte de Google Podcast en el minuto 15:17:

Imagen destacada de Shutterstock/Roman Samborskyi