Agregar alt text a tus imágenes es la primera regla del image SEO y también es un principio clave de la accesibilidad web.
Esta es una guía detallada sobre el atributo de texto alternativo: desde qué es un texto alternativo hasta cómo escribirlos de forma perfecta para mejorar tu posicionamiento en Google Images y en la búsqueda web.
He agregado a este tutorial varios ejemplos de alt tags optimizados para SEO con explicaciones, una tabla de buenas y malas prácticas, patrones de alt text para comercio electrónico y una lista de verificación de image SEO.
También hay una sección dedicada al alt text en WordPress y a los generadores de alt text con IA.
¡Comencemos!
Un texto alternativo es un atributo HTML que siempre debe agregarse a los elementos de imagen (<img>). Los alt texts proporcionan una alternativa textual al contenido visual de las páginas web.
La alternativa textual debe describir la apariencia y la función de la imagen en la página. Las personas suelen olvidar incluir la función de la imagen cuando completan los textos alternativos. Mencionar la función no es realmente importante para el SEO, pero es clave para la accesibilidad. Volveré a este tema más adelante, cuando revisemos los ejemplos de alt text.
Los alt tags deben aplicarse independientemente del formato de imagen: este atributo es compatible con JPEG, WebP, PNG, GIF, AVIF y SVG.
Si la imagen que estás mostrando no tiene función ni propósito editorial, el alt text puede dejarse vacío.
<img src="decorative-divider.jpeg" alt="" />Técnicamente hablando, no deberías usar el término alt tag para referirte a los textos alternativos porque no es una etiqueta, sino un posible atributo de los elementos img. Sin embargo, ¿a quién le importa?
Texto alternativo, alt text, alt tag, alt description, alt attribute: son sinónimos y designan una alternativa textual a una imagen.
Es importante para la accesibilidad y el SEO prestar atención al texto alternativo, pero puedes ignorar el title text.
Los title texts solo sirven para darle un título a tus imágenes. A los motores de búsqueda no les importan: son inútiles para la optimización en buscadores. Por lo tanto, la optimización de los title tags debería ser tu última prioridad.
Esa es una de las razones por las que nuestro Image SEO Optimizer para WordPress aborda el tema del alt text pero no del title text.
En su artículo Using ALT attributes smartly, Riona MacNamara del equipo Google Webmaster Tool nos dijo:
«Googlebot no ve las imágenes directamente, generalmente nos concentramos en la información proporcionada en el atributo «alt».»
Si quieres saber más al respecto, te invito a leer mi artículo sobre la optimización de atributos de imagen para SEO. Allí encontrarás más información sobre el atributo title text.
Con el auge de la Inteligencia Artificial, Google y Bing son capaces de leer tus imágenes. Sin embargo, no siempre lo hacen porque sería demasiado lento y costoso para ellos a gran escala. Por eso los textos alternativos son tan importantes para el SEO e image SEO: te ofrecen la posibilidad de indicarle a Google de qué tratan tus fotos en unas pocas palabras clave.
Escribo esto en casi todos mis artículos, pero el SEO on-page consiste en gran medida en ayudar a los motores de búsqueda a entender tu contenido.
Una imagen con un nombre de archivo malo y sin alt text tendrá un mal posicionamiento en los resultados de búsqueda de Google Images — pero el impacto va más allá.
Las imágenes sin texto alternativo constituyen una zona gris en tu página para los motores de búsqueda. Ayudar a Google a descifrar el significado de tus imágenes también mejora la relevancia semántica global de tu página. El atributo alt text es, en cierto sentido, el mejor amigo de los robots de rastreo de Google.
¿El alt text ayuda al SEO? Absolutamente. Google ha confirmado en múltiples ocasiones que el alt text es uno de los factores clave que utilizan para entender el contenido de las imágenes. Ayuda a que tus imágenes se posicionen en Google Images y fortalece la relevancia temática de toda la página para tus palabras clave objetivo.
Hoy en día, tener acceso a internet es casi un derecho humano. Tu sitio web debe ser accesible para todos — incluyendo a personas con discapacidad visual o ciegas. Por eso los textos alternativos son importantes.
Proporcionar una alternativa textual a tus fotos permite que las personas que usan lectores de pantalla o software como JAWS y NVDA puedan literalmente leer tus imágenes aunque no puedan verlas.
Agregar textos alternativos a tus imágenes es lo correcto. Además, es un mercado de millones de personas en todo el mundo.
También, el Título III de la Ley de Estadounidenses con Discapacidades (ADA) prohíbe la discriminación por discapacidad. Existe un número creciente de casos legales relacionados con la accesibilidad web y cada vez más jueces están determinando que los minoristas en línea deben cumplir con la regulación ADA.
Para tu información, la accesibilidad también es uno de los principios fundamentales de WordPress.
El alt text no es solo una buena práctica — en muchas jurisdicciones, es un requisito legal. Comprender el panorama de cumplimiento te ayuda a evitar demandas costosas mientras haces que la web sea mejor para todos.
El Criterio de Conformidad 1.1.1 de WCAG 2.1 (Contenido no textual) requiere que todo el contenido no textual presentado al usuario tenga una alternativa textual que cumpla un propósito equivalente. Este es un requisito de Nivel A — el nivel más básico de cumplimiento de accesibilidad.
En términos prácticos, esto significa:
alt="")El número de demandas por accesibilidad web ha aumentado cada año. En 2019, Domino’s Pizza perdió un caso histórico cuando la Corte Suprema se negó a escuchar su apelación contra un cliente ciego que no podía pedir comida en su sitio web. El fallo confirmó que la ADA se aplica a los sitios web.
Los sitios de comercio electrónico son los objetivos más frecuentes. Si tus imágenes de producto carecen de alt text, los usuarios de lectores de pantalla literalmente no pueden saber qué estás vendiendo. Eso es tanto una venta perdida como un riesgo legal.
La Ley Europea de Accesibilidad (EAA), que entra en pleno vigor en 2025, extiende requisitos similares en toda la UE. Si operas a nivel internacional, el cumplimiento del alt text no es negociable.
Cuando un lector de pantalla encuentra una imagen, lee el alt text en voz alta. Si no hay alt text presente, algunos lectores leerán el nombre del archivo en su lugar — lo que generalmente suena algo como «IMG guión bajo 2847 punto JPEG.» Esa es una experiencia de usuario terrible.
Si el atributo alt está completamente ausente (no solo vacío), algunos lectores de pantalla intentarán anunciar la URL de la imagen, lo cual es aún peor. Usar alt="" en imágenes decorativas le indica a los lectores de pantalla que omitan la imagen por completo, que es el comportamiento correcto.
La capacidad de Google para entender imágenes ha avanzado drásticamente. Con Google Lens procesando miles de millones de consultas, MUM (Multitask Unified Model) entendiendo contenido en distintos idiomas y formatos, y AI Overviews incorporando contexto visual en los resultados de búsqueda, podrías preguntarte: ¿los alt tags siguen siendo relevantes para el SEO?
La respuesta es sí, y aquí te explicamos por qué.
Aunque Google puede identificar objetos en fotos usando visión por computadora, el alt text proporciona contexto que la IA no puede determinar de manera confiable. Una foto de una persona en un escritorio podría ser un CEO, un cliente o una foto de stock. Solo tu alt text le dice a Google cuál es y por qué es relevante para el contenido de tu página.
John Mueller de Google ha confirmado repetidamente que el alt text sigue siendo una de las señales más fuertes para la búsqueda de imágenes. En 2023, declaró que Google usa el alt text para entender tanto la imagen en sí como la página en la que aparece.
Esto es lo que el alt text hace y la visión por computadora no puede:
En resumen: la IA de Google complementa el alt text, no lo reemplaza. Escribir un buen alt text en 2026 sigue siendo una de las actividades de SEO on-page con mayor retorno de inversión que puedes realizar.
Dicho esto, centrémonos en lo que probablemente viniste a buscar: ¿cómo escribir textos alternativos de forma perfecta?
Mencioné anteriormente que la función y el contexto eran clave. Cada vez que una imagen cumple una función en tu página, debes proporcionar una alternativa textual. A la inversa, cuando una imagen es puramente decorativa, el texto alternativo puede dejarse vacío.
¡Practiquemos con algunos ejemplos de textos alternativos!
Cuando una imagen está de alguna manera vinculada a tu contenido editorial, debes proporcionar una alternativa textual. Esto incluye las fotos que podrías usar en los artículos de tu blog, tus fichas de producto, etc.
Al determinar cómo escribir textos alternativos apropiados para imágenes, el contexto lo es todo. Un mismo alt para una misma imagen puede ser muy diferente según el contexto y el entorno de la propia imagen.
Los buenos textos alternativos son cortos, pero descriptivos, presentan el contenido, mejoran el contexto y dan la función de la imagen si es necesario.
Hace mucho tiempo, en un mundo maravilloso dominado por Internet Explorer 6, HTML y CSS no ofrecían muchas posibilidades a los desarrolladores front-end.
Los desarrolladores front-end ni siquiera existían porque la única forma de hacer algo estético era colocar una imagen en un elemento de tabla. Sin border-radius, sin box-shadow, etc.
Una de las consecuencias era que las personas usaban imágenes para sus menús. En esas situaciones, es necesario proporcionar un texto alternativo a la imagen.
En nuestro ejemplo, cada elemento del menú debería tener un alt text: «Brachiosaurus» para el primer enlace, «Gallimimus» para el segundo, etc.
No es necesario agregar «Enlace a» porque la imagen será identificada como parte de un enlace.
Gracias al sentido común, Google, Mozilla Firefox y el W3C, las imágenes funcionales están desapareciendo gradualmente.
¿Cómo saber si una imagen es decorativa o no? Debes responder a una doble pregunta:
En esta situación, las estrellas junto al logotipo de WordPress son principalmente decorativas.
En efecto, no están directamente vinculadas a lo que estamos hablando y no son funcionales en absoluto, ya que no proporcionan un enlace externo a nuestras increíbles reseñas en WordPress.
Si ambas respuestas son «No», la imagen es decorativa. Usa alt="" (un atributo alt vacío). No omitas el atributo alt por completo — eso es HTML inválido y confunde a los lectores de pantalla.
Las imágenes decorativas comunes incluyen: patrones de fondo, divisores visuales, imágenes hero que repiten el texto del encabezado y fotos de stock usadas puramente por estética.
Alt perfecto para SEO: Cathedral Notre Dame de Paris surrounded by clouds
Alt aceptable para SEO: Notre Dame de Paris
Alt malo para SEO: Cathedral
Alt perfecto para SEO: Adult Red Kangaroo in the Australian desert
Alt aceptable para SEO: Red Kangaroo
Alt malo para SEO: Kangaroo
Alt perfecto para SEO: White rose flower in a natural garden
Alt aceptable para SEO: White rose
Alt malo para SEO: Flower
Alt perfecto para SEO: Tesla Model 3 charging at an electric station in a parking lot
Alt aceptable para SEO: Tesla on a parking lot
Alt malo para SEO: Car
Aquí tienes una referencia visual sobre qué poner en el alt text para SEO y qué evitar:
| Correcto ✓ | Incorrecto ✗ |
|---|---|
| Sé descriptivo y específico: «Golden retriever puppy playing fetch in a park» | Ser vago: «Dog» |
| Incluye tu palabra clave objetivo de forma natural cuando sea relevante | Rellenar con palabras clave: «dog puppy pet canine golden retriever dog photo» |
| Manténlo por debajo de 125 caracteres (compatible con lectores de pantalla) | Escribir un párrafo completo como alt text |
| Describe la función de la imagen si es un botón o un enlace | Empezar con «Imagen de» o «Foto de» (los lectores de pantalla ya la anuncian como imagen) |
Usa alt="" para imágenes puramente decorativas |
Dejar el atributo alt ausente por completo |
| Haz que el alt text coincida con el contexto del contenido circundante | Usar el mismo alt text genérico para cada imagen de la página |
| Incluye detalles relevantes: color, marca, acción, ubicación | Describir elementos que no son visibles en la imagen |
| Escribe en lenguaje natural como una frase completa | Usar sintaxis de nombre de archivo: «IMG_2847_final_v2» |
Las imágenes de productos son donde los alt tags para SEO tienen el impacto más directo en los ingresos. Cuando alguien busca «red Nike Air Max 90 size 10», tu imagen de producto puede posicionarse en Google Images — pero solo si el alt text contiene esos detalles.
Para comercio electrónico, usa este patrón:
[Brand] + [Product Name] + [Key Attribute] + [Variant]Ejemplos:
Cuando tienes múltiples imágenes del mismo producto, varía el alt text para cada vista:
Este enfoque le da a cada imagen la oportunidad de posicionarse para diferentes búsquedas long-tail mientras proporciona descripciones significativas para los usuarios de lectores de pantalla que navegan por tu página de producto.
Incluso los sitios web con buen SEO cometen estos errores. Estos son los errores de alt text más comunes que perjudican tanto el posicionamiento como la accesibilidad:
alt="" vacío porque los lectores de pantalla pueden leer la ruta del archivo.En esta sección, he recopilado todo lo que necesitas saber sobre los alt texts en WordPress. Comencemos con lo más obvio: agregar un texto alternativo a una imagen en WordPress.
Una vez que subes una imagen a WordPress, tendrás acceso a sus metadatos, lo que te dará el siguiente menú (en el lado derecho de tu pantalla):
Ilustración — consulta el texto para más detalles
Entre otras cosas, puedes cambiar el título de tu imagen, la leyenda y el alt text.
También puedes agregar textos alternativos directamente en la biblioteca de medios.
Ilustración — consulta el texto para más detalles
Agrega una imagen y haz clic en editar para acceder a la configuración de la imagen en WordPress.
Ilustración — consulta el texto para más detalles
Desde aquí, puedes editar el texto alternativo, la leyenda y la descripción.
Cuando construyes páginas en Elementor, agregar alt text es muy sencillo.
Si quieres agregar un alt text a una imagen, puedes hacerlo haciendo clic en la imagen y aparecerá un cuadro de imagen del editor de Elementor.
Edita el alt text directamente dentro de Elementor. Sin plugins adicionales, sin interrumpir tu flujo de trabajo — solo mejor SEO para cada imagen que agregues.
Desde el cuadro de imagen, haz clic en la imagen y se mostrará en tu biblioteca de medios.
La opción de Alt Text se muestra en el lado derecho de la ventana.
Deja que la IA genere alt text optimizado para SEO directamente en tu editor de Elementor. Ahorra horas en cada construcción de página.
Puedes editar el alt tag desde aquí.
En el pasado, el tema Divi no soportaba alt tags desde la galería de medios.
Afortunadamente, esto cambió desde la versión 4.4.4.
Agregar alt text en Divi es fácil: necesitas ir a la pestaña avanzada, desplazarte hacia abajo y escribir el texto manualmente en el área de alt text.
Si tienes muchos textos alternativos vacíos, puede tomar horas completarlos correctamente con contenido optimizado para SEO.
Afortunadamente, existe un plugin llamado Image SEO Optimizer que puede hacerlo con un solo clic usando inteligencia artificial. Aquí te explicamos cómo usar este plugin.
Una vez que te hayas registrado, necesitas hacer clic en la pestaña «Alt & name optimizer». Luego elige la configuración que se adapte a tus necesidades.
Ilustración — consulta el texto para más detalles
Luego, solo tienes que ejecutar el optimizador masivo. Eso es todo.
Ilustración — consulta el texto para más detalles
Este plugin es compatible con las palabras clave objetivo de Yoast y SEOPress.
Escribir alt text manualmente para cientos o miles de imágenes no es realista. Estas son las mejores herramientas para automatizar y acelerar el proceso:
| Herramienta | Ideal para | Cómo funciona |
|---|---|---|
| Image SEO Optimizer | Sitios WordPress (optimización masiva) | La IA analiza imágenes + contexto de la página para generar alt text optimizado para SEO. Se integra con Yoast, RankMath, SEOPress. Procesa toda tu biblioteca de medios de forma masiva. |
| Ahrefs Site Audit | Encontrar alt text faltante | Rastrea tu sitio y marca las imágenes con atributos alt vacíos o ausentes. Excelente para auditorías, no para generación. |
| ChatGPT / Claude | Descripciones puntuales | Sube una imagen y solicita el alt text. Bueno para unas pocas imágenes; no práctico para procesamiento masivo. |
| Google Cloud Vision API | Equipos de desarrollo | Devuelve etiquetas de imagen y objetos detectados. Requiere integración personalizada para escribirlos como alt text. |
| Shopify built-in AI | Tiendas Shopify | Genera automáticamente alt text para imágenes de productos. La calidad varía — siempre revisa antes de publicar. |
Cualquiera que sea la herramienta que elijas, siempre revisa el alt text generado por IA antes de publicar. La IA puede describir lo que hay en una imagen, pero puede pasar por alto el contexto de por qué esa imagen está en tu página.
El alt text es la base, pero no es el único factor en el image SEO. Aquí tienes una lista de verificación completa para maximizar el posicionamiento de tus imágenes:
red-nike-air-max-90.jpg en lugar de IMG_2847.jpg. Separa las palabras con guiones.srcset y sizes para que los navegadores carguen imágenes del tamaño adecuado para cada dispositivo. WordPress lo hace automáticamente para las imágenes subidas.loading="lazy" a las imágenes que están fuera de la vista inicial. Esto mejora la velocidad de la página al cargar las imágenes solo cuando aparecen al desplazarse.ImageObject para las imágenes clave. Para páginas de producto, incluye las URLs de las imágenes en tu marcado de esquema Product.Para una guía detallada sobre nombres de archivo, atributos title y figcaption, lee nuestra guía completa de atributos de image SEO: alt, title, nombre de archivo y figcaption.
Un buen alt tag es descriptivo, específico y tiene menos de 125 caracteres. Debe describir con precisión lo que muestra la imagen e incluir de forma natural palabras clave relevantes cuando sea apropiado. Por ejemplo, en lugar de «foto», escribe «Golden Gate Bridge at sunset with fog rolling in from the Pacific Ocean.» Un buen alt text sirve tanto a los motores de búsqueda como a los usuarios con discapacidad visual.
Sí, los alt tags siguen siendo uno de los elementos de SEO on-page más importantes. Google ha confirmado a través de John Mueller y otros portavoces que el alt text es una señal principal para entender el contenido de las imágenes. Aunque la IA de Google puede reconocer objetos en fotos, el alt text proporciona el contexto semántico y la relevancia de palabras clave que la visión por computadora no puede. Todas las herramientas principales de auditoría SEO siguen marcando el alt text faltante como un problema crítico.
Describe la imagen con precisión en lenguaje natural e incluye tu palabra clave objetivo si encaja de forma natural. Concéntrate en lo que muestra la imagen (sujeto, acción, escenario) y por qué es relevante para el contenido de la página. Para imágenes de productos, incluye la marca, el nombre del producto, el color y las características principales. Evita empezar con «imagen de» o «foto de» — los lectores de pantalla ya lo anuncian. Manténlo conciso: de 5 a 15 palabras es lo ideal.
Absolutamente. El alt text ayuda al SEO de tres maneras: (1) ayuda a que tus imágenes se posicionen en Google Images, lo que genera tráfico; (2) fortalece la relevancia temática de la página para tus palabras clave objetivo; y (3) mejora la accesibilidad, que es un factor de posicionamiento indirecto ya que Google favorece los sitios amigables con el usuario. Las páginas con alt text correctamente optimizado superan consistentemente a aquellas sin él en los resultados de búsqueda de imágenes.
Apunta a entre 5 y 15 palabras, o aproximadamente de 50 a 125 caracteres. La mayoría de los lectores de pantalla cortan el alt text alrededor de los 125 caracteres, por lo que cualquier cosa más allá podría no leerse. Si una imagen es demasiado compleja para describir en 125 caracteres (como una infografía o un gráfico), usa un alt text breve y proporciona una descripción más extensa en el contenido circundante de la página o mediante un atributo longdesc.
Todas las imágenes deben tener un atributo alt, pero no todas necesitan texto alt. Las imágenes informativas (fotos, diagramas, capturas de pantalla, imágenes de productos) necesitan alt text descriptivo. Las imágenes decorativas (patrones de fondo, separadores visuales, íconos ornamentales) deben usar un atributo alt vacío: alt="". Nunca omitas el atributo alt por completo — eso es HTML inválido y hace que los lectores de pantalla lean la ruta del archivo en voz alta.
El atributo de texto alternativo es realmente importante tanto para el SEO como para la accesibilidad: no debes descuidarlo bajo ninguna circunstancia.
Para resumir los puntos clave:
alt="" para imágenes decorativas, nunca omitas el atributoEscribir textos alternativos de forma perfecta puede ser complicado y llevar mucho tiempo. Espero que las explicaciones, ejemplos y tablas que proporcioné en esta guía te ayuden a optimizar cada imagen de tu sitio.
Si tienes cientos o miles de textos alternativos por optimizar, asegúrate de echar un vistazo a Image SEO Optimizer. ¡Este plugin de WordPress podría ahorrarte horas!