El alt text o texto alternativo comunica la información o función de una imagen cuando una persona no puede verla. Debe describir lo importante en su contexto, sin acumular palabras clave. Una imagen decorativa necesita un atributo alt vacío; una imagen que funciona como enlace o botón necesita explicar su propósito. En esta guía de Agencia Cero verás cómo escribirlo con ejemplos y qué relación tiene con el SEO.
El SEO busca facilitar que los buscadores descubran e interpreten contenido útil. Por ejemplo, una empresa de cortinas puede explicar su servicio para quienes buscan “cortinas roller Las Condes”, siempre que atienda esa zona. Esa consulta puede orientar una página, pero no debe copiarse automáticamente en todas sus imágenes. El texto alternativo responde a lo que cada imagen comunica, no a una cuota de keywords.
Para entender el contexto general, revisa qué es el SEO y cómo ha evolucionado.
Agencia Cero
El texto alternativo tiene una función de accesibilidad y también aporta contexto a los buscadores. Google combina el atributo alt con el contenido de la página y sistemas de visión para interpretar imágenes. Una descripción pertinente puede ayudar a entenderlas, pero no garantiza indexación, tráfico ni una posición. La prioridad es que alguien que no vea la imagen reciba la información necesaria.
¿Qué es el texto alternativo?
En HTML, el texto alternativo se incorpora mediante el atributo alt de la etiqueta img. Los lectores de pantalla pueden comunicarlo y el navegador puede mostrarlo si la imagen no carga. No es lo mismo que una leyenda visible ni que el atributo title. Su redacción depende de si la imagen informa, decora o permite realizar una acción.
<img src="cortina-roller.jpg" alt="Cortina roller blanca instalada en una ventana">¿Por qué es importante el texto alternativo?
Revisar el texto alternativo importa por tres motivos, sin confundir accesibilidad con una garantía de posicionamiento:
- Acceso al contenido: una alternativa adecuada permite comunicar la información de una imagen a personas que utilizan lectores de pantalla. El texto debe ajustarse a la función del elemento; describir todas las imágenes indiscriminadamente puede añadir ruido.
- Contexto para la búsqueda: Google utiliza el texto alternativo junto con otras señales para comprender una imagen. Esto no asegura que aparezca en resultados ni que aumenten las visitas.
- Comprensión cuando la imagen no está disponible: el texto alternativo puede conservar información útil si el archivo no se carga. No sustituye una revisión completa de accesibilidad del sitio.
Cómo escribir un texto alternativo útil
Antes de escribir, identifica la función de la imagen, lee el texto que la rodea y decide qué información se perdería si no estuviera visible. Después redacta una alternativa breve y suficiente. Los ejemplos siguientes son hipotéticos; no describen automáticamente la imagen insertada en este artículo.
Identifica la función de la imagen
Una misma fotografía puede cumplir funciones distintas según la página. En una oferta turística, importa identificar el lugar y la actividad. En un portafolio, puede importar la composición o el encuadre. Elige la información que necesita la persona para entender el contenido, sin añadir cualidades o ubicaciones que no conozcas.
Ejemplo: una foto en una página de turismo
Imagina una foto de un bote en el Lago Ranco, con montañas al fondo, dentro de una página de paseos. Si has confirmado la ubicación, una alternativa podría ser “Bote de paseo en el Lago Ranco, con montañas al fondo”. “Turismo aventura en el Lago Ranco” describe una oferta, pero por sí solo no explica qué muestra la imagen. Si la foto enlaza a reservar y no hay otro nombre accesible, el propósito del enlace también debe quedar claro.
En un portafolio, esa misma escena podría describirse como “Vista panorámica del lago y las montañas, con un bote en primer plano”, si esos elementos están presentes. Añade “fotografía panorámica” cuando el formato aporte información relevante. No uses “fotografía profesional” como una etiqueta publicitaria que sustituya la descripción.
Te recomendamos que revises 22 Consejos de SEO para Novatos
Cristián Hernández G.
Cuándo incluir una palabra clave
Una palabra clave puede formar parte del alt cuando nombra con precisión algo importante de la imagen. Por ejemplo, “cortina roller blanca instalada en una ventana” tiene sentido si eso se ve y es relevante para la página. No agregues comunas, servicios, precios o variantes solo para atraer búsquedas. Describe la información visual o funcional que el lector necesita, aunque el resultado no incluya la keyword principal del artículo.
Evita una acumulación como “pastelitos veganos, restaurante vegano, postres veganos”. Si la imagen muestra pastelitos y ese dato se conoce, “Pastelitos veganos recién horneados en una bandeja” puede ser más útil. No deduzcas ingredientes o propiedades que la foto y su contexto no permiten confirmar.
Describe la información relevante con precisión
Para una imagen informativa, identifica los elementos que sostienen la explicación: qué aparece, qué sucede y qué detalle permite comprender la página. No necesitas inventariar todos los objetos ni narrar sensaciones que la imagen no comunica de manera verificable.
Usa palabras claras y comprueba que la descripción corresponda a la imagen real. Una forma de revisarla es imaginar qué le dirías a alguien que no la ve y necesita entender el contenido. Si el texto cercano ya explica lo mismo, evita una repetición innecesaria y evalúa si la imagen añade información independiente.
Qué extensión necesita el texto alternativo
No existe un límite universal de 125 caracteres que garantice la lectura completa en todos los lectores de pantalla. Busca concisión sin perder información esencial. Cuando una imagen contiene un gráfico, un mapa o un diagrama complejo, ofrece además una explicación extensa o una tabla accesible en el contenido, en lugar de cargar todos los datos en el atributo alt.
En un ejemplo hipotético de desayuno con waffles, arándanos y té, una lista de cada plato, servilleta y detalle del fondo puede distraer de lo importante. Describe los elementos relevantes para esa página. Si el propósito es enseñar el montaje de una mesa, algunos detalles del entorno sí podrían ser necesarios.
Ejemplo: describir un desayuno sin perder precisión
Para ese desayuno, “Waffles con arándanos y una taza de té” puede ser una alternativa adecuada si la imagen lo muestra. No cambies waffles por huevos revueltos solo para abreviar. Normalmente puedes omitir “imagen de”, porque el lector de pantalla ya identifica el elemento; conserva una referencia al tipo de imagen cuando aporte significado, como en un esquema o una captura de pantalla.
En un portafolio gastronómico, podrías destacar la iluminación o la composición si son relevantes. En el menú de una cafetería, suele importar identificar el plato. El nombre del local o su ubicación debe añadirse solo si hace falta para entender la imagen o su función. No conviertas el alt en una frase comercial ni atribuyas a la foto un establecimiento no confirmado.
Qué más revisar en las imágenes del sitio
El alt es una parte de la revisión de imágenes. Comprueba también dimensiones adecuadas, peso del archivo, nitidez y carga desde móvil. Puedes evaluar compresión con herramientas como JPEG.IO, comparando el resultado con el original: la compresión no garantiza conservar toda la calidad. Evita subir material confidencial a servicios externos sin autorización.
La leyenda visible permite explicar contexto, autoría o detalles útiles para todas las personas. Coloca la imagen cerca del texto relacionado y usa nombres de archivo descriptivos cuando prepares nuevos recursos. No repitas keywords en alt, leyenda y título por obligación. Verifica que las imágenes importantes sean accesibles y revisa la página con tecnologías de asistencia cuando sea posible.
Cómo resolver imágenes decorativas, funcionales y complejas
Las imágenes decorativas, que no aportan información ni cumplen una función, deben llevar alt="". Dejar el atributo vacío no equivale a omitirlo: sin él, algunas tecnologías pueden anunciar el nombre del archivo. Decide según el uso concreto; una foto puede informar en una página y ser decorativa en otra.
En una imagen funcional, como un icono que es el único contenido de un botón, comunica la acción: “Buscar” o “Descargar catálogo”, según corresponda. Si el mismo enlace ya incluye un texto visible que lo identifica, un alt vacío puede evitar que se repita. El control debe conservar siempre un nombre accesible.
Cuando una imagen contiene texto necesario, ofrece esas palabras en una alternativa accesible y evita usar imágenes de texto si puedes publicar texto real. Para un gráfico complejo, utiliza una descripción breve que lo identifique y acompáñalo de los datos y conclusiones en texto o tabla. No reduzcas información esencial para cumplir un límite arbitrario.
Cómo revisar el alt antes de publicar
Abre la imagen real, comprueba su función, redacta la alternativa y revisa la página publicada. Si utilizas WordPress, verifica el atributo en la imagen insertada: cambiar un dato en la biblioteca de medios no siempre actualiza todas las inserciones existentes. Prueba también los enlaces o botones que contienen imágenes y confirma que su propósito se entiende sin verlas.
Para ampliar estos criterios, consulta el tutorial de imágenes accesibles de W3C y las recomendaciones de Google para imágenes. Si necesitas revisar cómo se conectan contenido, navegación y contacto, conoce nuestro servicio de diseño web estratégico o cuéntanos tu contexto en contacto.
