John Mueller y Lizzi Sassman de Google conversan sobre la importancia de redactar descripciones alternativas para imágenes que sean beneficiosas para usuarios de lectores de pantalla, mencionando la complejidad de encontrar el equilibrio entre SEO y accesibilidad al escribir texto alt, especialmente en el caso de imágenes decorativas.
¿El Texto Alternativo es Para Accesibilidad y SEO?
De acuerdo con el Consorcio World Wide Web (comúnmente conocido como W3C), que es la entidad encargada de establecer las normas oficiales de HTML, el objetivo del atributo “alt” de una imagen es garantizar que las imágenes sean accesibles para los usuarios del sitio que no pueden verlas y que utilizan lectores de pantalla.
El atributo Alt también es útil para las personas que utilizan lectores de pantalla, ya que les permite entender la función de la imagen o saber qué texto contiene.
El W3C también afirma que el texto alternativo tiene un impacto en la optimización para motores de búsqueda.
La guía menciona:
Si deseas que tu página web sea correctamente catalogada, es recomendable utilizar el atributo alt para garantizar que no se omitan partes clave de tus páginas.
Se podría afirmar que el objetivo del atributo “alt” de las imágenes es garantizar que estas sean comprensibles y accesibles para quienes no pueden verlas, incluyendo los bots de los motores de búsqueda.
Se requiere una gran cantidad de reflexión para lograr el texto alternativo correcto. El W3C lanzó una guía de texto alternativo para siete situaciones distintas en las que se puede presentar una imagen.
No afirmes que una imagen es simplemente una imagen.
Mientras que en SEO se puede pedir que el texto alternativo de una captura de pantalla indique que es una captura de pantalla, en términos de accesibilidad se considera innecesario y molesto tener que repetir que una imagen es una imagen.
Lizz Sassman y John Mueller discuten acerca de esta cuestión.
Una recomendación importante es evitar comenzar cada imagen con una captura de pantalla, ya que esto puede hacer que resulte repetitivo.
Ya sabemos que se trata de una imagen. No es necesario que digas “Es una imagen de” seguido de la descripción.
Simplemente menciona la descripción de cualquier manera, no es necesario que sea una frase completa.
Claro que sí.
Lizzi Sassman sugiere que la frase puede ser breve y descriptiva, no es necesario que sea una idea completa.
Equilibrar las necesidades de SEO con la accesibilidad.
John Mueller aborda el conflicto existente entre la práctica convencional de SEO y los criterios de texto alternativo de imágenes y accesibilidad.
Mueller siguió adelante:
John Mueller opina que esa idea es muy lógica.
Quiero decir, la parte complicada probablemente consiste en encontrar un equilibrio entre ambos aspectos. Me refiero al aspecto de la accesibilidad, es decir, lo que las personas esperan del texto alternativo para hacer que sea accesible.
Después, en cuanto al SEO, realizarías ciertas acciones que, de manera tradicional, podrían ser un poco distintas.
Como si hubieras mencionado una gran cantidad de palabras similares, por ejemplo.
Algo así como “Oh, esta costa en el mar con las olas”.
Y esa es la clase de situaciones en las que a veces es recomendable realizarlo en el texto alternativo por motivos de SEO, aunque probablemente no sea necesario por motivos de accesibilidad.
A veces puede resultar un tanto difícil lograr ese balance.
Por lo tanto, es importante prestar atención a eso.
Es preferible tener algo a no tener nada.
Es fundamental recordar que no es recomendable dejar vacío el campo de texto alternativo (alt) de una imagen.
Una de las razones por las cuales es una mala práctica es que los lectores de pantalla pueden empezar a leer los nombres de los archivos de imagen, lo cual resulta en una mala experiencia para el usuario.
Otra causa es que impide a los visitantes que utilizan lectores de pantalla acceder a información relevante que podría estar presente en ciertas imágenes.
Después se deben tener en cuenta aspectos de optimización para motores de búsqueda relacionados con el texto alternativo de las imágenes, asegurando que estén indexadas correctamente y puedan ser encontradas en las búsquedas.
John Mueller sugiere que es preferible incluir algo en el texto alternativo de una imagen, ya que es mejor que dejarlo vacío.
Hizo una sugerencia:
John Mueller menciona que aunque estés introduciendo texto alternativo por primera vez, en ocasiones, cualquier descripción es mejor que no incluir nada en absoluto.
Lizzi Sassman: Sin hacer nada.
Al menos dando inicio a algo, ¿cómo podrías avanzar para lograr una mejora aún mayor?
Texto alternativo y elementos visuales decorativos.
Lizzi Sassman habló acerca de posibles acciones a tomar con respecto a las imágenes decorativas.
La primera dificultad radica en determinar si una imagen es meramente decorativa o si tiene un propósito conceptual que aporta al significado del contenido, en tal caso, surge la pregunta sobre cómo transmitir una imagen de este tipo de manera efectiva.
Lizzi hizo un comentario:
“Y esa es sin duda una cuestión con la que… Creo que me enfrento más, a medida que profundizo en imágenes ornamentales o elementos que no son…”
No estoy seguro, la respuesta en la búsqueda es bastante fácil.
Una vez que se comienza a hablar sobre temas como “Esto es una idea” o “Es ornamental”, entonces ya no…
Algunos lugares afirman que no es necesario incluir texto alternativo en una imagen decorativa.
Si parece que el texto solo se utiliza por su apariencia, es preferible no incluir ningún contenido en el atributo “alt”.
Sin embargo, ¿cuál sería la razón de haberlo colocado ahí? Existía un motivo para ubicarlo en ese lugar.
¿Deberíamos contar con algo que complete esa falta en la experiencia para aquellos que no pueden ver la imagen?
¿No sería conveniente contar con una alternativa? Estaba sirviendo a un propósito.
Lo colocamos en ese lugar con un propósito específico, como una alternativa para continuar obteniendo esa información, creo.
Por lo tanto, aprende cómo realizar tareas como Googlebot.
En ocasiones tenemos lo que podríamos llamar una imagen decorativa.
Donde es similar a Googlebot explorando la web, o algo por el estilo.
¿O tal vez esté comunicando alguna idea, y el texto alternativo debería enfocarse en esa idea? O algo así como, “Oh, es Googlebot con algunos compañeros”.
Texto parafraseado: Puede tratarse de Googlebot… cómo enviar spam a un ordenador y luego sentirse satisfecho al concluir.
Cómo explicar lo que está ocurriendo allí, de modo que todavía tengas una noción de lo que se suponía que debía estar allí, creo. Una de las cosas que… Sí, me resulta confuso.
Sí, en mi opinión personal, sin duda incluiría texto alternativo a este tipo de imágenes, ya que son únicas y especiales.
No se trata de un patrón floral o algo parecido, no estoy seguro.
En realidad, se trata de algo en lo que las personas invirtieron bastante tiempo construyendo esa representación.
Y es algo que las personas podrían desear hallar al realizar una búsqueda en línea.
Por lo tanto, si estás buscando a Googlebot y has dedicado mucho tiempo a crear todas estas imágenes, será agradable poder encontrarlas también.
El W3C ha lanzado una extensa documentación que explica cómo gestionar el atributo “alt” en las imágenes que son decorativas.
Esta es la recomendación oficial del Consorcio World Wide Web (W3C):
Las imágenes decorativas no aportan datos relevantes al contenido de una página.
Por ejemplo, la información que se muestra en la imagen podría ser presentada mediante texto cercano, o la imagen podría ser incorporada para mejorar el atractivo visual del sitio web.
En estas situaciones, es necesario incluir un texto vacío dentro del atributo “alt” (alt=””) con el fin de que las tecnologías de asistencia, como los lectores de pantalla, puedan pasar por alto esos elementos.
Los valores de texto en estas imágenes podrían generar confusión auditiva en lectores de pantalla o distraer a los usuarios si no coinciden con el texto cercano.
El W3C también propone cuatro métodos para reconocer imágenes ornamentales.
Cuatro criterios para determinar si una imagen es meramente decorativa:
- La imagen se emplea para dar estilo al documento (su apariencia y su percepción).
- Si se trata de una imagen que complementa y se relaciona con el texto.
- No proporciona datos relevantes al texto.
- La descripción de la imagen se basa en el texto que la rodea.
En última instancia, es responsabilidad del autor determinar cuál es la mejor opción para el texto alternativo de la imagen.
Según Google, es preferible tener algo en lugar de nada. Por lo tanto, si la imagen no tiene información relevante, se recomienda usar un valor nulo para el texto alternativo, que se representa con alt=””.
Paráfrasis: Invitación a comparecer.
Escucha esta sección específica del podcast de Google alrededor del minuto 15:17.
La imagen principal fue proporcionada por Shutterstock y pertenece a Roman Samborskyi.
