Qué Es el ALT de una Imagen
El ALT de una imagen, también llamado alt text o texto alternativo, es una descripción escrita que se añade a una imagen para explicar qué muestra o qué función cumple. Este texto se utiliza cuando la imagen no se puede ver, no carga correctamente o necesita ser interpretada por tecnologías de asistencia, como lectores de pantalla.
En HTML, el ALT se escribe dentro del atributo alt de la etiqueta de imagen. Por ejemplo, una imagen de una alumna trabajando en una clase de marketing podría tener un texto alternativo como: “Alumna revisando una campaña de Google Ads en clase de marketing digital”. Ese texto ayuda a entender el contenido de la imagen aunque no se visualice.
En Aula CM solemos explicar el ALT con una idea sencilla: si quitaras la imagen de una página, el texto alternativo debería ayudar a entender qué información se ha perdido. No siempre tiene que describir todos los detalles, pero sí debe aportar el significado principal de la imagen dentro de ese contenido.
El ALT es importante por tres razones: accesibilidad, SEO y experiencia de usuario. Ayuda a personas que usan lectores de pantalla, permite que Google entienda mejor el contenido visual y ofrece una alternativa cuando una imagen no se carga. Por eso no debería rellenarse de cualquier forma ni dejarse vacío sin criterio.
Qué Es Alt Text
Alt text significa texto alternativo. Es el texto que describe una imagen dentro de una página web, documento, red social o plataforma digital. Su función principal es explicar el contenido o propósito de la imagen cuando la imagen no puede ser percibida visualmente.
El alt text no es una etiqueta decorativa ni un espacio para repetir palabras clave sin sentido. Es una descripción útil. Debe estar escrita para personas, aunque también ayude a los buscadores. Si una imagen aporta información, el texto alternativo debe transmitir esa información de forma clara.
Por ejemplo, no es lo mismo escribir “imagen marketing” que “equipo analizando métricas de una campaña de email marketing en un dashboard”. El segundo texto explica mucho mejor qué aparece en la imagen y qué aporta al contenido.
Cuando revisamos webs en clase, encontramos muchos ALT vacíos, genéricos o sobreoptimizados. Textos como “foto”, “imagen1”, “SEO SEO SEO” o “marketing digital agencia marketing digital curso marketing digital” no ayudan ni a la accesibilidad ni al posicionamiento. Un buen alt text describe con precisión y contexto.
Para Qué Sirve el Alt Text
El alt text sirve para que una imagen tenga una alternativa textual. Esto es especialmente importante cuando el usuario no puede verla, cuando la imagen no carga o cuando una herramienta necesita interpretar su contenido.
Para accesibilidad, el alt text permite que una persona que utiliza lector de pantalla entienda qué imagen hay en la página. Si la imagen aporta información, el lector de pantalla puede leer el texto alternativo y transmitir su significado.
Para SEO, el alt text ayuda a los buscadores a contextualizar las imágenes. Google puede interpretar muchas señales visuales, pero el texto alternativo sigue siendo una pista importante para entender qué representa una imagen y cómo se relaciona con el contenido de la página.
Para experiencia de usuario, el ALT también puede aparecer cuando una imagen no carga correctamente. En ese caso, el usuario puede leer una descripción en lugar de encontrarse solo con un hueco vacío o un icono roto.
Alt Text Para SEO
El alt text para SEO ayuda a que los buscadores entiendan mejor las imágenes de una página. Esto puede contribuir al posicionamiento del contenido y a la visibilidad en búsquedas de imágenes, siempre que se use de forma natural y coherente.
Un buen ALT no consiste en meter la keyword principal a la fuerza. Consiste en describir la imagen con precisión y, si encaja de manera natural, incluir términos relevantes relacionados con el contenido. La prioridad debe ser que el texto tenga sentido para una persona.
Por ejemplo, en un artículo sobre Google Ads, una captura de una campaña podría tener un ALT como: “Panel de Google Ads con métricas de clics, conversiones y coste por campaña”. Ese texto describe la imagen y aporta contexto SEO sin caer en repetición artificial.
En Aula CM recomendamos revisar el ALT dentro de una optimización SEO completa. No va a posicionar una página por sí solo, pero suma junto a contenido útil, estructura, enlazado interno, velocidad, intención de búsqueda, imágenes optimizadas y experiencia de usuario.
Alt Text y Accesibilidad
La accesibilidad es la razón más importante para usar bien el alt text. Una web accesible permite que más personas puedan entender y utilizar su contenido, incluidas personas con discapacidad visual o usuarios que dependen de tecnologías de asistencia.
Cuando una imagen aporta información, el texto alternativo debe describirla de forma útil. Si la imagen es puramente decorativa y no añade contenido, puede dejarse con ALT vacío en el código para que los lectores de pantalla la ignoren. La decisión depende de la función de la imagen.
Por ejemplo, un icono decorativo de una flecha no necesita un ALT descriptivo si no aporta información. En cambio, una infografía con datos de crecimiento sí necesita una descripción que explique su contenido o, al menos, una alternativa textual cercana en la página.
En proyectos reales, este matiz es importante. No se trata de poner ALT largo a todas las imágenes. Se trata de preguntarse: si alguien no ve esta imagen, ¿pierde información relevante? Si la respuesta es sí, hay que describirla bien.
Alt Text en HTML
En HTML, el texto alternativo se añade mediante el atributo alt dentro de la etiqueta img. La estructura básica sería una imagen con una ruta de archivo y un atributo alt que explica qué muestra.
Por ejemplo, una imagen de una clase práctica de SEO podría llevar un ALT como: “Profesor explicando una auditoría SEO en una pantalla durante una clase”. Ese texto no se ve como un párrafo normal en la página, pero forma parte del código de la imagen.
El atributo ALT debe estar presente en imágenes relevantes. En imágenes decorativas, puede aparecer vacío para que no genere ruido en lectores de pantalla. Esto ayuda a que la navegación sea más limpia y accesible.
Un error frecuente es confundir el ALT con el nombre del archivo. El archivo puede llamarse auditoria-seo-clase.jpg, pero el ALT debería describir la imagen de forma comprensible. Ambos elementos pueden estar optimizados, pero no cumplen exactamente la misma función.
Alt Text Attribute: Qué Es el Atributo ALT
El atributo ALT es el campo técnico donde se introduce el texto alternativo de una imagen. Es un atributo de HTML que pertenece a la etiqueta de imagen y permite ofrecer una descripción textual.
Su nombre viene de “alternative text”, es decir, texto alternativo. Su función es sustituir o explicar la imagen cuando esta no puede ser percibida. Por eso, aunque muchas veces se hable de “etiqueta ALT”, lo más correcto técnicamente es hablar de atributo ALT.
En una web, el atributo ALT puede gestionarse desde el código, desde el gestor de contenidos o desde el campo de texto alternativo de una imagen. En WordPress, por ejemplo, se puede editar desde la biblioteca de medios o desde el bloque de imagen.
En Aula CM recomendamos tratar el ALT como parte de la edición de contenido, no como una tarea técnica secundaria. La persona que entiende el contenido suele estar mejor preparada para describir la imagen que alguien que solo sube archivos.
Alt Text vs Alt Tag
Es habitual encontrar la expresión alt tag, pero técnicamente no es del todo precisa. El ALT no es una etiqueta independiente, sino un atributo dentro de la etiqueta de imagen. Aun así, en marketing y SEO muchas personas usan “alt tag” para referirse al texto alternativo.
La diferencia práctica es sencilla: la etiqueta es img y el atributo es alt. Cuando alguien dice “optimiza el alt tag”, normalmente quiere decir “revisa el texto alternativo de la imagen”.
Este matiz importa si trabajas con desarrolladores, auditorías técnicas o documentación. Usar bien los términos evita confusiones, aunque en conversación habitual se entienda la expresión.
En una auditoría SEO, lo importante no es discutir el nombre, sino revisar si las imágenes relevantes tienen ALT útil, si las decorativas no generan ruido y si no se están usando textos alternativos duplicados, vacíos o sobreoptimizados.
Diferencia Entre Alt Text, Title, Caption y Description
El alt text suele confundirse con otros campos de imagen, como title, caption o description. Cada uno cumple una función distinta.
- Alt text: describe la imagen para accesibilidad, SEO y casos en los que no carga.
- Title: puede ofrecer información adicional sobre la imagen, aunque no tiene la misma función accesible que el ALT.
- Caption: es el pie de foto visible que aparece junto a la imagen en la página.
- Description: puede ser una descripción más amplia usada por algunos gestores de contenido o bibliotecas multimedia.
Por ejemplo, en una imagen de una gráfica de ventas, el ALT puede describir la gráfica, el caption puede explicar el contexto para el lector y la descripción puede guardar información interna más extensa.
En WordPress, muchos usuarios rellenan todos los campos igual o los dejan vacíos sin criterio. Recomendamos distinguirlos: el ALT debe ser útil si la imagen no se ve; el caption debe aportar contexto visible si el lector lo necesita.
Image Title and Alt Text
El título de una imagen y el alt text no deben usarse como si fueran lo mismo. El title puede aportar una etiqueta adicional o información complementaria, pero el ALT tiene una función mucho más importante para accesibilidad y contexto.
En muchos proyectos SEO, el title de la imagen no es prioritario frente al ALT, el nombre del archivo, el peso de la imagen, la ubicación en el contenido y la relevancia del texto que la rodea. Si tienes poco tiempo, prioriza un ALT bien escrito antes que rellenar campos secundarios sin sentido.
Por ejemplo, para una imagen de una auditoría SEO, el ALT podría ser: “Tabla de errores técnicos detectados durante una auditoría SEO”. El title podría ser más breve o incluso no aportar demasiado si la plataforma no lo utiliza de forma relevante.
El criterio profesional es evitar duplicar campos automáticamente sin pensar. Cada campo debe tener una función. Si no aporta valor, puede generar ruido.
Caption vs Alt Text
La diferencia entre caption y alt text es que el caption o pie de foto suele ser visible para todos los usuarios, mientras que el ALT está pensado como alternativa textual cuando la imagen no se percibe o no carga.
Un caption puede interpretar la imagen, añadir contexto o explicar una fuente. El ALT debe describir lo que la imagen comunica. A veces pueden parecer similares, pero no siempre deben ser iguales.
Por ejemplo, en una foto de un profesor explicando una campaña, el ALT podría ser: “Profesor mostrando una campaña de Google Ads en una pantalla”. El caption podría decir: “Ejemplo de análisis de campañas durante una clase práctica de SEM”.
El caption ayuda al lector que ve la imagen. El ALT ayuda a quien no la ve o a sistemas que necesitan interpretar su contenido. Ambos pueden convivir si aportan valor.
Alt Text vs Description
El alt text debe ser una descripción alternativa breve y útil de la imagen. La description puede ser un campo más amplio en algunas plataformas, utilizado para aportar contexto adicional, documentación interna o información extendida.
Por ejemplo, en una biblioteca de medios, la description puede explicar cuándo se creó la imagen, para qué campaña se usa o qué derechos tiene. El ALT, en cambio, debe describir lo que la imagen muestra o comunica dentro de la página.
El error habitual es llenar el ALT con descripciones largas pensadas para gestión interna. Si el ALT se vuelve demasiado extenso, puede dificultar la experiencia de lectores de pantalla. Debe ser claro, directo y proporcional a la importancia de la imagen.
Si una imagen requiere mucha explicación, quizá el contenido debería incluir una descripción visible en el texto de la página, no cargar todo en el ALT.
Cómo Escribir un Buen Alt Text
Para escribir un buen alt text, hay que describir la imagen de forma clara, concreta y contextual. La pregunta principal es: qué necesita saber una persona que no puede ver esta imagen para entender su función en la página.
Un buen texto alternativo debe ser específico. No escribimos “imagen de persona” si podemos decir “alumna revisando métricas de una campaña en un ordenador”. Tampoco debemos hacer una descripción interminable si la imagen solo acompaña visualmente al contenido.
También debe tener contexto. Una misma imagen puede necesitar ALT distinto según la página. Una foto de una persona con un portátil no significa lo mismo en un artículo sobre teletrabajo que en una página sobre formación en analítica.
En Aula CM recomendamos escribir el ALT después de saber qué papel cumple la imagen. No es una tarea automática. Primero entendemos el contenido y después decidimos qué información debe transmitir la imagen en texto.
Buenas Prácticas Para Alt Text
Las buenas prácticas de alt text ayudan a escribir descripciones útiles sin caer en errores de SEO, accesibilidad o usabilidad.
- Describe la imagen con precisión: explica lo importante, no todos los detalles irrelevantes.
- Añade contexto: adapta el ALT al contenido de la página.
- Evita “imagen de” si no aporta: los lectores de pantalla ya identifican que es una imagen.
- No hagas keyword stuffing: incluye términos relevantes solo si encajan de forma natural.
- No uses nombres de archivo: “IMG_2345.jpg” no es un ALT útil.
- No repitas el mismo ALT en todas las imágenes: cada imagen debe tener su descripción si aporta información.
- Deja ALT vacío en imágenes decorativas: si no aportan contenido, no deben generar ruido.
- Sé breve, pero suficiente: el ALT debe ser claro y proporcional.
Una buena práctica adicional es revisar los ALT dentro del flujo editorial. Cuando se sube una imagen a WordPress, no debería publicarse sin revisar su texto alternativo si esa imagen aporta información.
Longitud Recomendada del Alt Text
No existe una longitud perfecta para todos los ALT, pero conviene que el texto alternativo sea breve, claro y útil. En general, una frase corta suele ser suficiente para la mayoría de imágenes de una web.
El ALT no debe convertirse en un párrafo largo salvo que la imagen realmente lo requiera. Para gráficos complejos, infografías o capturas con mucha información, puede ser mejor complementar con una explicación visible en el contenido y usar el ALT para resumir la función de la imagen.
Por ejemplo, para una captura de Google Analytics, puede bastar con: “Informe de tráfico orgánico en Google Analytics con evolución de usuarios y conversiones”. Si necesitamos explicar todos los datos, lo más adecuado es hacerlo en el texto de la página.
En SEO, algunos equipos se obsesionan con la longitud del ALT y se olvidan de su utilidad. La pregunta correcta no es cuántos caracteres tiene, sino si describe bien la imagen y ayuda a entender el contenido.
Alt Text Examples For Images
Los ejemplos de alt text ayudan a entender cómo escribirlo con criterio. La diferencia entre un ALT pobre y uno útil suele estar en la precisión y el contexto.
Ejemplo en una imagen de formación
ALT pobre: “curso”.
ALT mejorado: “Alumnos revisando una estrategia SEO durante una clase práctica de marketing digital”.
El segundo texto explica quién aparece, qué está haciendo y en qué contexto se encuentra la imagen.
Ejemplo en una captura de herramienta
ALT pobre: “dashboard”.
ALT mejorado: “Dashboard de Google Looker Studio con métricas de tráfico, conversiones y canales de adquisición”.
Este ALT describe la herramienta y el tipo de información que muestra la captura.
Ejemplo en ecommerce
ALT pobre: “zapatillas”.
ALT mejorado: “Zapatillas de running negras con suela amortiguada vistas de perfil”.
En ecommerce, el ALT debe ayudar a entender el producto, especialmente si la imagen muestra una característica relevante.
Ejemplo en una imagen decorativa
Si una página usa una forma abstracta, un fondo decorativo o un icono sin valor informativo, puede tener ALT vacío para que no interrumpa la lectura asistida.
Alt Text en WordPress
En WordPress, el alt text se puede añadir desde la biblioteca de medios o desde el bloque de imagen cuando se inserta una imagen en una entrada o página. WordPress incluye un campo específico llamado texto alternativo.
Cuando subimos una imagen, conviene completar ese campo si la imagen aporta información. Si la imagen se reutiliza en varias páginas, debemos revisar si el mismo ALT sigue teniendo sentido en todos los contextos. A veces una imagen puede necesitar una descripción diferente según dónde aparezca.
Por ejemplo, una imagen de una clase puede usarse en una página de curso, en un artículo sobre formación online o en una landing de captación. El contenido visual es el mismo, pero el contexto puede cambiar. El ALT debe describir lo relevante en cada caso.
En Aula CM insistimos mucho en este punto cuando trabajamos contenidos en WordPress. Optimizar imágenes no es solo comprimirlas. También hay que cuidar nombre de archivo, ALT, tamaño, formato, carga, ubicación y coherencia con el contenido. Si quieres profundizar en la gestión de contenidos e imágenes, puedes revisar nuestro curso de WordPress online.
Alt Text Plugin WordPress
Existen plugins de WordPress que ayudan a revisar, generar o gestionar textos alternativos. Algunos plugins SEO detectan imágenes sin ALT y muestran avisos. Otros pueden generar ALT automáticamente a partir del nombre del archivo, el título o incluso mediante inteligencia artificial.
Estos plugins pueden ser útiles para detectar errores, pero no deberían sustituir completamente la revisión humana. Un ALT generado automáticamente puede ser correcto en algunos casos y muy pobre en otros, especialmente si no entiende el contexto del contenido.
Por ejemplo, un plugin puede convertir el archivo curso-seo-online.jpg en un ALT similar. Pero si la imagen muestra una captura de una auditoría técnica, ese texto no describe realmente lo que aparece.
La recomendación profesional es usar plugins como apoyo, no como criterio final. Pueden ayudar a encontrar imágenes sin ALT, pero la descripción debe revisarse pensando en accesibilidad, SEO y utilidad real.
Rank Math Alt Text y Plugins SEO
Plugins SEO como Rank Math, Yoast u otras herramientas pueden avisar de imágenes sin texto alternativo y ayudar a revisar aspectos básicos de optimización. Esto es útil, pero no debe convertirse en una checklist mecánica.
El hecho de que una herramienta marque una imagen como “sin ALT” no significa automáticamente que esté mal. Si la imagen es decorativa, puede ser correcto dejar el ALT vacío. Si la imagen es informativa, sí debería tener una descripción adecuada.
También ocurre lo contrario: una herramienta puede ver que una imagen tiene ALT, pero eso no significa que el ALT sea bueno. Puede estar lleno de palabras clave, ser genérico, estar duplicado o no describir la imagen.
En una auditoría profesional, no revisamos solo si el campo está relleno. Revisamos si el texto alternativo cumple su función.
Alt Text Generator
Un alt text generator es una herramienta que ayuda a generar textos alternativos para imágenes. Puede utilizar reconocimiento de imagen, inteligencia artificial o datos del archivo para proponer una descripción.
Estas herramientas pueden ahorrar tiempo, especialmente en webs con muchas imágenes. Sin embargo, no siempre entienden el contexto. Una IA puede describir lo que ve en la imagen, pero no saber por qué esa imagen aparece en una página concreta.
Por ejemplo, una IA puede describir “persona mirando un ordenador”. Pero en un artículo sobre analítica, quizá el ALT útil sería “profesional revisando un dashboard de métricas de marketing en un ordenador”. El contexto mejora la descripción.
En Aula CM recomendamos usar generadores como punto de partida, no como resultado final. La IA puede proponer, pero el editor debe ajustar para que el ALT sea preciso, útil y alineado con la página. Si trabajas con IA en contenidos y SEO, puedes profundizar en nuestro curso de inteligencia artificial avanzada aplicada a marketing y negocio.
Alt Text AI Generator
Un alt text AI generator utiliza inteligencia artificial para describir imágenes. Puede ser útil cuando hay grandes bibliotecas visuales, catálogos de producto, bancos de recursos o webs con muchas imágenes pendientes de optimización.
La ventaja es la velocidad. La limitación es la precisión contextual. La IA puede equivocarse en detalles, interpretar mal elementos, omitir información importante o generar descripciones demasiado genéricas.
Por ejemplo, en ecommerce, una IA puede describir “zapato marrón”, pero quizá lo importante sea “botín de piel marrón con tacón bajo y cierre lateral”. En una imagen técnica, puede no reconocer correctamente una herramienta, una gráfica o una interfaz.
Por eso, cuando el ALT tiene impacto en accesibilidad, SEO o conversión, conviene revisar manualmente. La automatización ayuda, pero no debería dejar sin supervisión imágenes importantes.
Alt Text Checker y Extensiones
Un alt text checker o una extensión de navegador puede ayudar a revisar si las imágenes de una página tienen texto alternativo. Estas herramientas son útiles en auditorías SEO, revisiones de accesibilidad y mantenimiento web.
Una extensión puede mostrar rápidamente qué imágenes tienen ALT, cuáles lo tienen vacío y cuáles podrían necesitar revisión. Esto ahorra tiempo cuando analizamos páginas con muchas imágenes.
Sin embargo, igual que ocurre con los plugins, detectar un ALT no significa validar su calidad. Una página puede tener todas sus imágenes con ALT y aun así estar mal optimizada si los textos son genéricos o irrelevantes.
En una revisión profesional, usamos estas herramientas para encontrar señales. Después aplicamos criterio: qué imagen aporta información, qué descripción necesita y si el texto alternativo ayuda de verdad.
Alt Text en Instagram
El alt text en Instagram permite añadir texto alternativo a las imágenes publicadas en la plataforma. Su función principal está relacionada con accesibilidad, ya que ayuda a describir el contenido visual para personas que utilizan tecnologías de asistencia.
Instagram puede generar descripciones automáticas, pero también permite editar el texto alternativo en ciertas opciones de configuración de la publicación. Cuando una marca quiere cuidar la accesibilidad y la claridad, es recomendable escribir descripciones propias en imágenes relevantes.
Por ejemplo, una publicación de una escuela que muestra una clase podría tener un ALT como: “Grupo de alumnos trabajando en una práctica de redes sociales con portátiles en el aula”. Esto describe mejor la imagen que una descripción automática genérica.
En redes sociales, la accesibilidad también forma parte de la experiencia de marca. Una marca que cuida subtítulos, contrastes, textos alternativos y claridad demuestra que piensa en más usuarios, no solo en quienes consumen el contenido de forma visual.
Alt Text en Redes Sociales
El alt text no solo existe en páginas web. También puede aplicarse en redes sociales como Instagram, Facebook, X, LinkedIn, Pinterest o Mastodon, según las opciones de cada plataforma. Su función sigue siendo ofrecer una descripción accesible del contenido visual.
En redes, muchas marcas publican imágenes con texto incrustado, gráficos, carruseles, capturas o infografías. Si esa información no se describe, una parte de la audiencia puede perder el mensaje principal.
Por ejemplo, si publicamos una infografía con “5 errores de SEO técnico”, el ALT debería resumir el contenido principal o explicar qué muestra la imagen. Si el texto de la imagen es esencial, conviene incluirlo también en el copy o en una descripción accesible.
En Aula CM recomendamos integrar accesibilidad en el flujo de publicación. Igual que revisamos el copy, el diseño y el enlace, deberíamos revisar si las imágenes necesitan ALT, subtítulos o una descripción complementaria.
Alt Text en Pinterest
En Pinterest, el texto alternativo y las descripciones visuales pueden ayudar a contextualizar imágenes, ideas, productos o contenidos inspiracionales. Pinterest funciona mucho como buscador visual, por lo que la claridad descriptiva es importante.
Una imagen de una receta, un outfit, una plantilla, una infografía o un producto debe estar bien descrita para que el usuario entienda qué va a encontrar. Además, la descripción ayuda a conectar el contenido con búsquedas e intereses.
Por ejemplo, una imagen de una plantilla de calendario editorial podría describirse como: “Plantilla de calendario editorial mensual para organizar contenidos de redes sociales y blog”.
La clave es evitar descripciones vacías. En plataformas visuales, escribir bien sigue siendo importante porque el texto ayuda a descubrir, entender y decidir.
Alt Text en LinkedIn, Facebook y X
En LinkedIn, Facebook y X, el alt text puede ayudar a que publicaciones con imágenes sean más accesibles. Esto es especialmente relevante en contenidos profesionales, gráficos, capturas, carruseles, eventos, fotografías de equipo o publicaciones educativas.
En LinkedIn, por ejemplo, si una empresa comparte una gráfica sobre resultados de una campaña, el ALT debería describir los datos principales o la función de la imagen. En X, donde se comparten muchas capturas, el texto alternativo puede hacer que el contenido sea comprensible para más usuarios.
En Facebook, el ALT puede apoyar imágenes de eventos, productos, campañas o comunicaciones importantes. Si la imagen contiene texto, conviene asegurarse de que esa información esté disponible también en texto real.
La accesibilidad en redes no debería verse como una tarea extra sin valor. Mejora la experiencia, amplía alcance real y refuerza una comunicación más inclusiva y profesional.
Alt Text Para SVG
El alt text en imágenes SVG depende de cómo se inserte el SVG en la página. Si se utiliza como imagen mediante una etiqueta img, puede tener atributo ALT como cualquier otra imagen. Si el SVG se inserta inline en el código, puede necesitar otros elementos o atributos accesibles.
Los SVG se utilizan mucho para logotipos, iconos, ilustraciones y gráficos vectoriales. Si el SVG aporta información, debe tener una alternativa textual. Si es decorativo, debe configurarse para que no genere ruido en tecnologías de asistencia.
Por ejemplo, un logotipo enlazado a la home puede necesitar un texto que identifique la marca. Un icono decorativo junto a un título puede no necesitar descripción si el texto visible ya transmite la información.
En proyectos web, recomendamos revisar SVG con el equipo de desarrollo, especialmente cuando forman parte de navegación, botones, gráficos o componentes interactivos.
Alt Text Para Background Images
Las imágenes de fondo añadidas con CSS no funcionan igual que una imagen HTML con atributo ALT. Si una imagen de fondo es puramente decorativa, no hay problema en que no tenga texto alternativo. Pero si transmite información importante, esa información debe estar disponible de otra forma en el contenido.
Por ejemplo, si una sección usa una imagen de fondo solo para decoración visual, no necesita ALT. Pero si el fondo contiene un gráfico, texto importante o información clave, el usuario que no ve la imagen puede perder contenido.
La solución no es intentar poner ALT en CSS, sino añadir texto visible, texto oculto accesible cuando proceda o estructurar la imagen como contenido real en HTML.
En Aula CM vemos este error en landings donde se coloca texto dentro de imágenes de fondo. Visualmente puede quedar bien, pero a nivel de accesibilidad, SEO y responsive puede generar problemas.
Alt Text Para Iconos y Logos
Los iconos y logotipos requieren criterio específico. Si un icono es decorativo y acompaña a un texto que ya explica la acción, puede dejarse sin descripción para evitar redundancia. Si el icono funciona como botón o transmite información, necesita una alternativa clara.
Por ejemplo, un icono de lupa dentro de un botón de búsqueda puede tener una etiqueta accesible que indique “Buscar”. Un icono decorativo junto a la palabra “Email” no necesita repetir “icono de email”.
En el caso de logotipos, si el logo enlaza a la página de inicio, el texto alternativo puede identificar la marca, como “Aula CM”. No hace falta escribir “logo de Aula CM” si el contexto ya lo interpreta como imagen.
El objetivo es que la navegación sea clara, no llenar la experiencia de descripciones innecesarias.
Alt Text Para Infografías y Gráficas
Las infografías y gráficas suelen necesitar un tratamiento especial porque pueden contener mucha información. Un ALT demasiado breve puede quedarse corto, pero un ALT larguísimo puede ser incómodo. La solución suele combinar un ALT resumido con una explicación visible en el contenido.
Por ejemplo, para una gráfica de crecimiento de tráfico, el ALT podría ser: “Gráfica de evolución del tráfico orgánico con crecimiento progresivo durante seis meses”. Después, el texto del artículo puede explicar cifras, causas y conclusiones.
En una infografía con pasos, conviene que esos pasos estén también en texto dentro de la página. Así no dependemos solo de la imagen para transmitir contenido.
En SEO y accesibilidad, es importante no meter información crítica exclusivamente dentro de una imagen. Si el contenido es importante para entender la página, debe existir en texto real.
Alt Text Para Ecommerce
En ecommerce, el alt text ayuda a describir productos, variantes, detalles y usos. También puede aportar contexto SEO si se escribe de forma natural. Es especialmente útil en fichas de producto, categorías, guías de compra y comparativas.
Un buen ALT de producto debe describir lo que se ve: tipo de producto, color, forma, característica relevante, ángulo o uso. Por ejemplo: “Mochila negra impermeable con compartimento para portátil de 15 pulgadas”.
No conviene repetir exactamente el mismo ALT en todas las imágenes de una ficha. Si hay varias fotos, cada una puede describir una vista diferente: frontal, interior, detalle, producto en uso o dimensiones.
En ecommerce, una imagen bien descrita ayuda a buscadores, accesibilidad y experiencia. Pero también debe acompañarse de buenas fotografías, peso optimizado, datos estructurados, descripciones de producto y una ficha clara.
Alt Text Para Blogs y Artículos SEO
En blogs y artículos SEO, el alt text debe ayudar a contextualizar las imágenes dentro del contenido. No todas las imágenes tienen el mismo valor. Algunas explican conceptos, otras ilustran ejemplos y otras son decorativas.
Para una imagen destacada, el ALT puede describir el concepto principal de forma natural. Para una captura, debe explicar qué muestra. Para un gráfico, debe resumir la información visual. Para una imagen decorativa, quizá no necesita ALT descriptivo.
Por ejemplo, en un artículo sobre auditoría SEO, una captura puede tener un ALT como: “Informe de errores de rastreo detectados en una auditoría SEO técnica”. Es mucho mejor que “SEO” o “auditoría”.
En Aula CM recomendamos revisar ALT junto a la estructura del contenido. Las imágenes deben apoyar la lectura, no estar puestas solo para decorar o rellenar espacio.
Alt Text y Google Imágenes
El alt text puede ayudar a que Google comprenda mejor una imagen y su relación con una página. Esto puede influir en la visibilidad dentro de Google Imágenes, especialmente cuando la imagen está bien contextualizada y el contenido que la rodea es relevante.
Pero Google Imágenes no depende solo del ALT. También influyen el contenido de la página, el nombre del archivo, el título cercano, la autoridad del sitio, el contexto semántico, la calidad de la imagen, el tamaño, el formato y la experiencia de carga.
Por ejemplo, una imagen de producto tendrá más opciones de ser útil en búsqueda visual si el archivo está bien nombrado, la ficha está optimizada, el ALT describe el producto y la página responde a una intención clara.
El ALT no es un truco aislado para posicionar imágenes. Es una pieza dentro de una optimización visual completa.
Alt Text y Nombre del Archivo
El nombre del archivo y el alt text son elementos distintos, pero ambos pueden ayudar a contextualizar una imagen. El nombre del archivo forma parte del recurso subido, mientras que el ALT describe la imagen en la página.
Un archivo llamado IMG_9384.jpg no aporta contexto. Es mejor utilizar nombres descriptivos como auditoria-seo-dashboard.jpg o zapatillas-running-negras.jpg. Después, el ALT puede describir la imagen con más naturalidad.
No hace falta que nombre de archivo y ALT sean idénticos. De hecho, suele ser mejor que el nombre sea breve y descriptivo, y que el ALT explique la imagen en una frase útil.
En WordPress y SEO, recomendamos optimizar el archivo antes de subirlo cuando sea posible. Cambiar nombres después puede ser más incómodo si la imagen ya está publicada o indexada.
Alt Text y Texto Alrededor de la Imagen
El texto que rodea una imagen también ayuda a interpretarla. Google y los usuarios no leen una imagen aislada; la entienden dentro de una página, un bloque, un subtítulo, una sección o una ficha de producto.
Por eso, el ALT debe ser coherente con el contenido cercano. Si una imagen aparece en una sección sobre campañas de Google Ads, su descripción debería tener sentido dentro de ese tema. Si aparece en una sección sobre analítica, el enfoque puede cambiar.
Por ejemplo, una misma captura de un dashboard puede describirse de forma distinta si la página habla de reporting, conversión, SEO o ecommerce. El contexto define qué parte de la imagen es importante.
En Aula CM recomendamos no optimizar imágenes de forma aislada. La imagen, el ALT, el caption, el texto cercano y la intención de la página deben trabajar juntos.
Errores Frecuentes en Alt Text
Uno de los errores más frecuentes es dejar el ALT vacío en imágenes importantes. Esto perjudica accesibilidad y desaprovecha una señal de contexto para buscadores.
Otro error es usar textos genéricos como “imagen”, “foto”, “banner”, “captura” o “producto”. Estas palabras aportan muy poca información. El usuario necesita saber qué muestra la imagen, no solo que existe.
También es habitual sobreoptimizar. Repetir keywords de forma artificial en todos los ALT puede resultar poco útil y poco natural. El ALT debe describir, no forzar posicionamiento.
Otro fallo común es duplicar el mismo ALT en muchas imágenes distintas. En ecommerce, por ejemplo, varias fotos de un producto pueden mostrar detalles diferentes. Si todas tienen el mismo texto, perdemos precisión.
Cómo Auditar el Alt Text de una Web
Auditar el alt text de una web consiste en revisar si las imágenes relevantes tienen texto alternativo útil y si las decorativas están tratadas correctamente. No se trata solo de contar campos vacíos.
El primer paso es detectar imágenes sin ALT o con ALT problemático. Para eso se pueden usar crawlers SEO, extensiones de navegador, plugins o revisiones manuales. Después hay que clasificar imágenes: informativas, decorativas, funcionales, productos, capturas, gráficos o iconos.
El segundo paso es revisar calidad. ¿El ALT describe la imagen? ¿Tiene contexto? ¿Es demasiado largo? ¿Está duplicado? ¿Incluye palabras clave de forma natural? ¿Genera ruido en lectores de pantalla?
En una auditoría profesional, priorizamos imágenes importantes: imágenes de producto, gráficos, capturas, imágenes principales, infografías, logos funcionales y recursos que aportan información real. No todas las imágenes tienen el mismo impacto.
Cómo Optimizar el ALT de Imágenes Paso a Paso
Optimizar el ALT de imágenes requiere un proceso sencillo, pero con criterio. No se trata de rellenar campos por cumplir.
1. Revisa qué función cumple la imagen
Antes de escribir, pregúntate si la imagen informa, ilustra, decora, vende, explica, guía o funciona como botón. La función determina el tipo de ALT.
2. Describe lo relevante
Escribe una frase que explique lo más importante de la imagen. No necesitas describir todos los detalles si no aportan valor.
3. Añade contexto de la página
Si la imagen aparece en un artículo sobre SEO, ecommerce o redes sociales, adapta la descripción a ese contexto.
4. Usa términos naturales
Incluye palabras relevantes si encajan, pero evita repetir keywords sin sentido.
5. Revisa longitud
El ALT debe ser claro y proporcionado. Si necesitas explicar mucho, añade texto visible en la página.
6. Diferencia imágenes similares
Si hay varias imágenes del mismo producto o proceso, describe qué cambia en cada una.
7. Deja vacío lo decorativo
Si una imagen no aporta información, puede tener ALT vacío para no molestar a tecnologías de asistencia.
Checklist de Alt Text
- Función: sabemos si la imagen informa, decora, vende, explica o funciona como enlace.
- Descripción: el ALT explica lo importante de la imagen.
- Contexto: el texto alternativo encaja con la página donde aparece.
- Claridad: se entiende sin ver la imagen.
- Naturalidad: no hay repetición forzada de palabras clave.
- Accesibilidad: ayuda a lectores de pantalla cuando la imagen aporta información.
- SEO: aporta contexto semántico sin sobreoptimizar.
- Longitud: es breve, pero suficiente.
- Decorativas: las imágenes puramente decorativas no generan ruido.
- Productos: las imágenes de ecommerce describen características visibles.
- Gráficos: las infografías y gráficas tienen explicación complementaria si hace falta.
- WordPress: el campo de texto alternativo está revisado antes de publicar.
Cuándo Dejar el ALT Vacío
No todas las imágenes necesitan un ALT descriptivo. Si una imagen es puramente decorativa y no aporta información, puede dejarse con ALT vacío. Esto ayuda a que los lectores de pantalla no lean elementos irrelevantes.
Por ejemplo, una línea decorativa, un fondo abstracto, un icono repetido o una imagen estética que no añade contenido pueden no necesitar descripción. Si la información ya está explicada en el texto cercano, también conviene evitar redundancias.
La clave es diferenciar entre imagen decorativa e imagen informativa. Una imagen informativa cambia la comprensión del contenido. Una decorativa solo mejora la apariencia visual.
En Aula CM recomendamos tomar esta decisión con sentido común. No se trata de poner ALT a todo ni de dejar todo vacío. Se trata de mejorar la experiencia de quien navega, vea o no vea la imagen.
Cuándo Escribir un ALT Largo
Un ALT largo solo tiene sentido cuando la imagen contiene información compleja que no está explicada en otro lugar. Aun así, muchas veces es mejor usar un ALT breve y añadir una explicación visible en el contenido.
Por ejemplo, una infografía con diez pasos no debería depender únicamente del ALT. Lo ideal es que esos pasos estén también escritos en el artículo. El ALT puede resumir la imagen y el texto visible puede desarrollar la información.
En gráficos, capturas técnicas o diagramas, conviene explicar la conclusión principal. No siempre hace falta describir cada punto visual. Lo importante es que el usuario no pierda el mensaje esencial.
La regla práctica es esta: el ALT debe permitir entender la función de la imagen, pero el contenido importante debe estar también disponible como texto cuando sea necesario.
Alt Text y Contenido Generado por IA
Cuando se crean imágenes con inteligencia artificial, también hay que escribir texto alternativo. El hecho de que una imagen sea generada no cambia su necesidad de accesibilidad ni su función dentro del contenido.
El ALT debe describir lo que la imagen muestra, no el prompt completo usado para generarla. Si una imagen generada muestra una escena de una persona analizando datos en una oficina, el ALT debe describir esa escena de forma útil.
Por ejemplo: “Ilustración generada por IA de una profesional revisando gráficos de analítica en una pantalla”. Si el hecho de que sea generada por IA es relevante para el contenido, puede mencionarse. Si no, puede bastar con describir la escena.
En marketing, cada vez veremos más imágenes generadas por IA. Eso hace más importante revisar ALT, contexto, coherencia visual y precisión. La automatización no elimina la responsabilidad editorial.
Alt Text y Experiencia de Usuario
El alt text también forma parte de la experiencia de usuario. Una web que cuida sus imágenes, sus textos alternativos y su accesibilidad transmite más profesionalidad. Además, reduce barreras para personas que navegan en condiciones distintas.
Un usuario puede tener una conexión lenta, bloquear imágenes, usar lector de pantalla o acceder desde un dispositivo donde la imagen no carga correctamente. En esos casos, el ALT ayuda a mantener comprensión.
La experiencia digital no depende solo de diseño visual. También depende de cómo se comporta una página cuando algo falla o cuando el usuario necesita otra forma de acceder al contenido.
En Aula CM defendemos que SEO, accesibilidad y experiencia de usuario no deben trabajarse por separado. Un ALT bien escrito es un ejemplo pequeño, pero muy claro, de cómo una mejora técnica puede beneficiar a personas y buscadores al mismo tiempo.
Conclusión: ¿Qué es el ALT de una Imagen?
El ALT de una imagen es el texto alternativo que describe una imagen cuando no se puede ver, no carga o necesita ser interpretada por tecnologías de asistencia. Es importante para accesibilidad, SEO y experiencia de usuario.
Un buen alt text debe describir la imagen con precisión, aportar contexto, ser breve pero útil y evitar la repetición artificial de palabras clave. No todas las imágenes necesitan un ALT descriptivo: las decorativas pueden llevar ALT vacío si no aportan información.
En SEO, el ALT ayuda a los buscadores a entender mejor el contenido visual, pero no debe usarse como un espacio para hacer keyword stuffing. En accesibilidad, permite que más personas puedan comprender el contenido. En WordPress y redes sociales, debe formar parte del flujo normal de publicación.
En Aula CM recomendamos tratar el texto alternativo como una parte más del contenido. Una imagen no está completamente optimizada cuando solo se comprime o se sube con buen diseño; también debe estar descrita con criterio cuando aporta información real.
