Qué hace un generador de texto alt
Un generador de texto alt toma una URL de imagen o una carga, el tema de página o contexto, y una preferencia de audiencia—general, enfocada en lector de pantalla, o enfocada en SEO—y luego produce tres variantes de texto alt. La variante corta se mantiene por debajo de 125 caracteres y se enfoca en el tema esencial. La variante media agrega contexto espacial o relacional en 125 a 150 caracteres. La variante descriptiva llega a 200 caracteres e incluye detalles sobre color, disposición, emoción o branding cuando esos detalles importan para la comprensión o el descubrimiento.
El generador también ejecuta una verificación de imagen decorativa. Si la imagen es puramente estética—un degradado de fondo, un borde decorativo, una foto de stock de manos en un teclado que no añade información—la herramienta la marca y recomienda alt="" (atributo alt vacío) en lugar de texto descriptivo. Los lectores de pantalla omiten imágenes con alt vacío, lo que reduce ruido para usuarios navegando por auricular.
El cumplimiento de WCAG 2.2 requiere que todas las imágenes no decorativas tengan texto alt, que el texto alt comunique información equivalente a la imagen, y que no exceda 150 caracteres a menos que la imagen sea compleja (gráficos, diagramas, infografías). Nuestra verificación de WCAG marca tres violaciones: alt faltante, texto alt demasiado genérico ("imagen" o "foto"), y texto alt que comienza con "imagen de" o "fotografía de" (los lectores de pantalla ya anuncian "imagen", así que el prefijo es redundante).
Cómo usar este generador de texto alt
- Pega la URL de imagen o arrastra un archivo de imagen al cuadro de carga. Soportamos JPG, PNG, WEBP y SVG.
- Completa Tema de página / contexto con una descripción de una oración del artículo o página donde aparece la imagen—"artículo sobre compra de casa por primera vez", "página de destino para software de gestión de proyectos", "foto de producto en página de categoría de zapatillas".
- Elige Audiencia principal. Selecciona "General" para SEO y accesibilidad equilibrados. Selecciona "Enfocada en lector de pantalla (accesibilidad)" para priorizar claridad para usuarios no visuales sobre inclusión de palabras clave. Selecciona "Enfocada en SEO" para enfatizar nombres de productos, términos de marca y frases descubribles cuando la imagen es principalmente para tráfico de búsqueda.
- Haz clic en Generar texto alt. Aparecen tres variantes con conteos de caracteres. Cada una está lista para copiar.
- Elige la variante que se ajusta a tu contexto. Usa corta para fotos de producto simples. Usa media para la mayoría de imágenes hero de blog. Usa descriptiva para infografías, gráficos, o imágenes que comuniquen datos o disposiciones complejas.
- Copia y pega en tu CMS. En WordPress, pega en el campo "Texto alternativo" en la biblioteca de medios. En HTML, pega como
alt="…"dentro de la etiqueta<img>. En Next.js, usa la propiedadalten el componente<Image>.
Para modo masivo, haz clic en "Cambiar a masivo" en la parte superior del formulario. Pega hasta diez URLs de imagen, una por línea, o arrastra una carpeta de imágenes. Completa el contexto de página una vez. Haz clic en generar. La salida es una tabla con una fila por imagen: miniatura, alt corto, alt medio, alt descriptivo. Copia la tabla o exporta como CSV para importación masiva de WordPress.
Por qué el texto alt es importante para accesibilidad y SEO
El texto alt sirve a dos amos: usuarios de lectores de pantalla que no pueden ver imágenes, y motores de búsqueda que no pueden interpretar contenido de imagen sin texto. Una encuesta de WebAIM 2023 de un millón de páginas de inicio encontró que el 58% de imágenes tenían texto alt faltante o texto alt que no cumplía con directrices WCAG—"imagen", "IMG_1234.jpg", o jerga rellena de palabras clave.
Tres razones para escribir texto alt correctamente.
Cumplimiento legal. WCAG 2.1 Nivel AA es el estándar de accesibilidad requerido por la Ley de Estadounidenses con Discapacidades, la Ley Europea de Accesibilidad, y leyes equivalentes en Canadá, Australia y el Reino Unido. El texto alt faltante o incorrecto es el segundo desencadenante de demanda ADA en sitios web más común después de fallas de navegación por teclado, según un informe 2024 de UsableNet que cubre 4.600 demandas de accesibilidad digital. Los sitios de comercio electrónico y servicios financieros son los objetivos más frecuentes.
Usabilidad del lector de pantalla. El quince por ciento de adultos estadounidenses reportan alguna forma de discapacidad visual, según los CDC. Lectores de pantalla como JAWS, NVDA y VoiceOver leen texto alt en voz alta cuando un usuario navega a una imagen. Si el alt dice "imagen", el usuario no aprende nada. Si el alt dice "Gráfico mostrando crecimiento de ingresos año a año del 23% de Q1 2024 a Q1 2025", el usuario comprende el contenido sin verlo.
Tráfico de búsqueda de imágenes. Google Images genera el 22% de todas las búsquedas web, según datos de SparkToro. El texto alt es la señal de texto principal que Google usa para clasificar imágenes. Una foto de producto con texto alt "zapatilla de correr azul" se clasifica para "zapatilla de correr azul". La misma foto con texto alt "IMG_5391.jpg" no se clasifica para nada. Un estudio 2022 de Moz encontró que agregar texto alt descriptivo a imágenes previamente sin alt aumentó impresiones de búsqueda de imágenes en promedio del 35% dentro de 90 días.
Texto alt vs atributo title vs leyenda vs nombre de archivo
Estos cuatro términos describen diferentes metadatos de imagen. Cada uno tiene un propósito distinto.
Texto alt es el atributo alt dentro de la etiqueta <img>. Los lectores de pantalla lo anuncian. Google lo indexa. Es requerido para accesibilidad. Si la imagen falla al cargar, los navegadores muestran el texto alt en lugar de la imagen. Longitud práctica máxima: 125 a 150 caracteres para imágenes simples, 200 para complejas.
Atributo title es el atributo title dentro de la etiqueta <img>. Los navegadores lo muestran como información sobre herramienta al pasar el mouse. Los lectores de pantalla principalmente lo ignoran. Google lo ignora. Title es opcional y raramente necesario. No uses title como sustituto para alt.
Leyenda es texto visible mostrado debajo o junto a la imagen, típicamente dentro de etiquetas <figure> y <figcaption>. Las leyendas proporcionan contexto o crédito. Los lectores de pantalla leen leyendas en voz alta además de texto alt. Si la leyenda describe completamente la imagen, el texto alt puede ser más corto o estar vacío. Si la leyenda es editorial ("Este enfoque cambió todo"), el alt aún necesita describir qué muestra la imagen.
Nombre de archivo es el slug de URL de la imagen—"blue-running-shoe.jpg" vs "DSC_1234.jpg". Google lee nombres de archivo como una señal de clasificación débil. Nombres de archivo descriptivos ayudan SEO marginalmente, pero el texto alt importa mucho más. Renombra archivos antes de carga si tu CMS lo permite, pero no omitas texto alt porque el nombre de archivo es descriptivo.
Cuando optimizas una imagen, escribe texto alt primero. Agrega una leyenda si la imagen necesita contexto editorial. Renombra el archivo si actualmente es una cadena aleatoria. Omite el atributo title a menos que tengas un caso de uso específico de información sobre herramienta.
Errores comunes
- Escribir "imagen de" o "fotografía de" al inicio. Los lectores de pantalla ya anuncian "imagen" antes de leer el alt. Comenzar con "imagen de" produce "imagen imagen de zapatilla azul". Comienza con el tema: "Zapatilla de correr azul sobre fondo blanco".
- Relleno de palabras clave. Texto alt como "mejores zapatillas de correr zapatillas de correr baratas comprar zapatillas de correr en línea" es spam. Google lo penaliza. Usuarios de lectores de pantalla escuchan gibberish. Escribe para humanos primero. Una mención natural de palabra clave es suficiente.
- Usar el mismo texto alt para cada imagen en una página. Si cinco fotos de producto todas tienen alt="foto de producto", usuarios de lectores de pantalla no pueden distinguirlas. Describe qué hace única cada imagen: "Vista frontal de zapatilla de correr azul", "Perfil lateral mostrando dibujo de suela", "Primer plano de ojales de cordón".
- Dejar imágenes decorativas con alt descriptivo. Patrones de fondo, divisores decorativos e imágenes de espacio en blanco deben tener
alt=""para que lectores de pantalla las omitan. Describir un gráfico de swoosh decorativo como "elemento de diseño curvo azul" no añade valor y ralentiza la navegación. - Escribir texto alt de longitud de ensayo. Los lectores de pantalla hablan a 150 a 250 palabras por minuto. Un alt de 300 caracteres toma 10 segundos para anunciar. Usuarios navegando una página con 20 imágenes gastan tres minutos escuchando descripciones. Mantén alt por debajo de 150 caracteres a menos que la imagen sea un gráfico o infografía que requiera detalle.
Consejos avanzados
- Usa la variante media como tu predeterminada. Corta funciona para fotos de producto directas. Descriptiva funciona para diagramas complejos. Media equilibra accesibilidad y SEO para la mayoría de imágenes de blog y página de destino.
- Empareja especificidad de texto alt con el tema de la página. Si tu artículo es "Cómo atar zapatillas de correr", el alt de imagen hero debe describir el estilo de nudo—"Corredor atando un nudo doble en zapatilla de correr azul". Si la página es un listado de categoría para zapatillas de correr, el alt de la misma imagen debe enfatizar el producto—"Zapatilla de correr azul de malla con suela blanca".
- Ejecuta el generador en tus imágenes existentes. Exporta URLs de imagen de tu sitio desde tu CMS o rastrea con Screaming Frog. Pega la lista en modo masivo. Revisa el texto alt generado. Actualiza imágenes que actualmente tienen alt faltante o genérico.
- Prueba texto alt con un lector de pantalla. Instala NVDA (Windows) o habilita VoiceOver (Mac). Navega tu página presionando la tecla Tab. Escucha qué anuncia el lector de pantalla. Si el texto alt es confuso o repetitivo, revísalo.
- Agrega datos estructurados para imágenes usadas en pasos de cómo hacer, recetas, o listados de producto. Usa la propiedad
"image"en esquema JSON-LD para referenciar la URL de imagen y asociarla con el contenido estructurado. Google muestra imágenes en línea con resultados enriquecidos de cómo hacer cuando el esquema está presente. - Evita redundancia entre leyenda y alt. Si la leyenda dice "Gráfico mostrando crecimiento de ingresos", el alt debe describir los datos—"Gráfico de barras con cinco barras, mostrando ingresos aumentando de 2M en 2022 a 3.5M en 2026". El alt proporciona el detalle que la leyenda omite.
Una vez que el texto alt esté en su lugar, el siguiente paso es usualmente verificar que el resto de los metadatos de la página sean correctos. Alimenta tu URL de página en nuestro verificador de metadatos de sitio web para validar title, meta descripción, etiquetas OG, Twitter card y esquema en un escaneo. Si estás optimizando un artículo completo, usa el generador de meta descripción para escribir el fragmento SERP y el generador de título SEO para producir etiquetas de título coincidentes con vista previa de Google en directo. Cuando planifiques contenido que incluya imágenes, usa el generador de resumen de contenido para mapear la estructura completa antes de escribir.