Texto alt: definición, uso y verificación SEO
El texto alt (atributo alt) es el texto que describe una imagen en HTML para accesibilidad y para ayudar a motores de búsqueda y modelos de IA a entender contenido visual; debe ser conciso, informativo y representativo de la imagen.
Resumen
El texto alt es el valor del atributo alt en una etiqueta <img> (por ejemplo: <img src="/foto.jpg" alt="perro jugando en la playa">). Su propósito principal es describir la imagen para lectores de pantalla y otros agentes que no muestran la imagen, y aportar una señal textual que los motores de búsqueda y los modelos de IA usan para entender contenido visual. Desde julio de 2024 Google rastrea con Googlebot Smartphone por defecto; eso afecta cómo se ve la página en el momento del rastreo, pero el texto alt actúa a nivel de contenido y ayuda en la indexación de elementos visuales. El texto alt influye en la capacidad de una imagen para aparecer en búsquedas de imágenes o en resúmenes impulsados por IA, pero no es por sí solo garantía de una posición en los resultados: la indexación y el ranking dependen de múltiples señales.
Paso a paso: cómo escribir e implementar texto alt
1) Determina la función de la imagen. Si la imagen transmite información relevante (diagrama, producto, captura de pantalla), requiere un texto alt descriptivo. Si es puramente decorativa, usa alt="" para que los lectores de pantalla la ignoren.
2) Sé conciso y específico. Describe lo que la imagen muestra y su propósito en el contexto: "camisa azul de manga corta sobre fondo blanco" es mejor que "camisa". Evita listas de palabras clave; no uses texto alt como lugar principal para repetir términos SEO.
3) Añade información accesible adicional cuando haga falta. Para imágenes complejas (gráficos, mapas) complementa el alt con un pie de foto, un <figure><figcaption> o un enlace a una descripción larga (aria-describedby o un elemento separado) en lugar de un alt excesivamente largo.
4) Implementación técnica básica: coloca el atributo alt en el HTML. Ejemplo mínimo: <img src="/producto.jpg" alt="silla de oficina ergonómica negra">. En CMS como WordPress, rellena el campo “Texto alternativo” en la biblioteca de medios.
Comparación: imagen informativa vs decorativa
Informativa — debe tener alt descriptivo; mejora accesibilidad y puede ayudar a indexación de la imagen.
Decorativa — usa alt="" y, si procede, role="presentation"; evita contenido redundante para lectores de pantalla.
Checklist práctico para texto alt
**Alt presente** — dónde verificar: inspección del HTML / CMS — pasa cuando cada etiqueta <img> informativa tiene un atributo alt no vacío.
**Alt decorativo vacío** — dónde verificar: inspección del HTML — pasa cuando las imágenes puramente decorativas usan alt="" y, opcionalmente, role="presentation".
**Descripción adecuada** — dónde verificar: revisión humana y pruebas con lectores de pantalla — pasa cuando el alt describe la función/contexto y no es un nombre de archivo o una lista de palabras clave.
**No duplicación masiva** — dónde verificar: script o muestreo manual — pasa cuando imágenes similares tienen alt únicos que reflejan diferencias relevantes.
**Indexabilidad de la página** — dónde verificar: Google Search Console (tu sitio) y site: (comprobación pública) — pasa cuando la página donde está la imagen es accesible y no bloqueada por robots o x-robots-tag.
Problemas comunes con texto alt
Texto alt ausente o genérico (por ejemplo "imagen.jpg"): impide que usuarios de lectores de pantalla comprendan la imagen y reduce la utilidad del recurso para motores y modelos de IA.
Rellenar alt con palabras clave repetidas o con la intención exclusiva de SEO: esto puede ser ignorado por motores de búsqueda y empeora la accesibilidad.
Alt excesivamente largo que intenta reemplazar una descripción completa: para casos complejos usa figcaption, un enlace a una descripción larga o aria-describedby.
Comprobar texto alt: checklist técnico y herramientas
En el navegador (renderizado y accesibilidad)
Abre la página en Chrome DevTools > Elements para ver el DOM y comprobar el atributo alt real que se sirve a usuarios. Usa la pestaña Network para verificar que la imagen carga y la pestaña Lighthouse (Accessibility) para identificar problemas de texto alternativo en masa.
Desde la línea de comandos (fetch y cabeceras)
Para obtener el HTML que el servidor entrega a un agente concreto: curl -A "Googlebot Smartphone" -L https://example.com/pagina > pagina.html (el flag -A cambia el user-agent; -L sigue redirecciones). Para inspeccionar solo cabeceras de una imagen: curl -I https://example.com/imagen.jpg — pasa cuando la respuesta es 200 y Content-Type es correcta; revisa también X-Robots-Tag para detectar bloqueo de indexación del recurso.
Indexación y herramientas públicas
Para tus páginas: usa Google Search Console > URL Inspection para ver si la página está indexada y cómo Google ve el HTML. Para comprobaciones externas: el operador site: puede indicar públicamente si Google muestra páginas del dominio, pero no es definitivo. Bing Webmaster Tools Site Explorer y la Rich Results Test son útiles para comprobar si datos estructurados o metadatos afectan la representación de la página.
Consejo de diagnóstico: si una imagen no aparece en resultados de imágenes, comprueba primero que la página sea indexable, que la imagen devuelva 200 y que no exista bloqueo por robots.txt o X-Robots-Tag. Una página no indexada reduce la oportunidad de que su imagen aparezca en buscadores.
Preguntas frecuentes
Construye autoridad con backlinks de calidad
¿Cuántos caracteres debería tener un texto alt?
No hay una regla técnica de longitud; prioriza claridad y brevedad. Para descripciones complejas, usa un pie de foto o una descripción larga en lugar de un alt excesivamente extenso.
¿Puedo incluir palabras clave en el alt?
Sí, cuando son naturales y describen la imagen en contexto, pero evita el keyword stuffing. El objetivo primario es la accesibilidad y la representación fiel de la imagen.
¿Qué hago con imágenes repetidas del mismo producto?
Mantén alts que señalen diferencias relevantes (ángulo, color, detalle) o usa un alt general para la imagen principal y descripciones en captions para variantes.
¿El texto alt afecta directamente al ranking?
El alt ayuda a que los motores comprendan el contenido visual y puede influir indirectamente en la visibilidad de una imagen; sin embargo, el ranking global de una página depende de múltiples señales además del alt.
¿Qué diferencia hay entre alt y title?
El atributo title es un texto informativo que algunos navegadores muestran como tooltip; no reemplaza a alt para accesibilidad. Prioriza alt para describir la imagen.
¿Cómo trato imágenes cargadas por JavaScript?
Verifica el DOM renderizado en DevTools y usa herramientas que muestran el HTML renderizado; asegúrate de que el atributo alt esté presente en el HTML final que ven los usuarios y los crawlers.
Términos relacionados
Frases clave: definición y guía práctica
Frases clave son palabras o expresiones que captan la intención del usuario en búsquedas; se emplean para orientar contenido, optimizar señales on‑page y medir relevancia ante motores que integran indexación móvil y resúmenes AI.
Motores de búsqueda: qué son y cómo funcionan
Un motor de búsqueda es un sistema que rastrea, indexa y recupera contenido web para responder consultas; en 2026 combinan resultados tradicionales, resúmenes generativos de IA y usan la versión móvil como base principal para indexación.
Optimización para motores de búsqueda: explicación y checklist técnico
La optimización para motores de búsqueda (SEO) es el conjunto de prácticas técnicas, de contenido y de autoridad de enlaces que mejoran cómo los motores descubren, indexan y presentan tus páginas en los resultados, incluidas vistas generativas y datos estructurados.
On-page SEO: definición y checklist técnica
On-page SEO son las prácticas que optimizan el contenido, el HTML y la experiencia de usuario de páginas individuales para mejorar su relevancia e indexabilidad en buscadores: metaetiquetas, estructura de encabezados, rendimiento y datos estructurados.
Clasificaciones en motores de búsqueda: explicación y verificación
Posición que ocupa una página o sitio en los resultados de búsqueda para una consulta concreta; las clasificaciones reflejan cómo los motores ordenan resultados según intención, relevancia, calidad de la página, señales técnicas y contexto como ubicación o dispositivo.
El poder del hipervínculo: qué es y por qué importa
El poder del hipervínculo es la capacidad de un enlace HTML para conectar recursos web, dirigir usuarios y transmitir señales de autoridad y relevancia; su impacto SEO depende del contexto editorial, la indexabilidad y los atributos rel.