Cómo optimizar imágenes y texto alternativo para que te citen las IAs
Aprende a crear archivos visuales comprensibles para buscadores, lectores de pantalla y motores de respuesta de IA, sin necesidad de programar.
Descargar la guía práctica
En este artículo9 secciones
- Por qué optimizar imágenes y texto alternativo influye en la visibilidad de IA
- Qué debe entender una IA cuando encuentra una imagen en tu página
- Cómo escribir texto alternativo que sea claro, natural y citable
- Plantillas de texto alternativo para negocios, tiendas y SaaS
- Nombres de archivo, pies de foto y contexto: las señales que trabajan juntas
- Cómo usar JSON-LD para describir imágenes sin prometer milagros
- Flujo automático de imágenes para un blog de RankLayer
- Receta sin código con Zapier y ChatGPT para captions y schema diarios
- Errores frecuentes y plan de acción de siete días
Por qué optimizar imágenes y texto alternativo influye en la visibilidad de IA
La accesibilidad también cuenta. El estándar HTML define el atributo alt como una alternativa textual para quienes no pueden ver la imagen, y las buenas prácticas de accesibilidad recomiendan describir la función o el contenido relevante, no rellenar el campo con palabras clave. Puedes consultar el tutorial de imágenes de W3C para revisar los casos de imágenes informativas, decorativas y funcionales.
Qué debe entender una IA cuando encuentra una imagen en tu página
Para una tienda en línea, relaciona la imagen con el nombre exacto del producto, su variante y su uso principal. Para un SaaS, describe la pantalla y la tarea que permite completar. Para un restaurante, identifica el plato y, cuando sea relevante, atributos confirmados como vegetariano, sin gluten o disponible para reservar.
Cómo escribir texto alternativo que sea claro, natural y citable
- 1
Identifica el elemento principal
Empieza por el sujeto que una persona necesita conocer. Puede ser un producto, una persona, una pantalla de software, un plato o el exterior de un local. Evita comenzar con frases como “imagen de” o “foto de”, porque el lector de pantalla ya anuncia que se trata de una imagen.
- 2
Añade la acción o el estado visible
Explica qué ocurre en la escena: “muestra”, “sirve”, “compara”, “personaliza” o “organiza”. En una captura de pantalla, describe la tarea visible, no cada botón pequeño. Por ejemplo: “panel de RankLayer muestra un calendario de publicaciones para un blog de IA” comunica propósito y contexto.
- 3
Incluye solo atributos comprobables
Agrega ubicación, color, modelo, cantidad o beneficio únicamente cuando sean visibles o estén confirmados en la página. No transformes una foto de un suplemento en una promesa médica, ni una imagen de un cliente en una afirmación de resultado que no puedas demostrar.
- 4
Conecta la descripción con la intención de la página
En un artículo sobre reparación de aire acondicionado, “técnico revisa unidad exterior de aire acondicionado residencial” es más útil que “técnico trabajando”. La descripción debe apoyar la pregunta que la página responde, sin repetir artificialmente la palabra clave principal.
- 5
Revisa la lectura en voz alta
Lee el texto alternativo como si no pudieras ver la imagen. Si la frase resulta confusa, promocional o redundante, simplifícala. Una buena prueba es pedir a otra persona que imagine la escena solo con el texto, pero sin buscar una descripción cinematográfica.
Plantillas de texto alternativo para negocios, tiendas y SaaS
- ✓Producto físico: “[tipo de producto] [variante o material] sobre [contexto visible], para [uso confirmado]”. Ejemplo: “mochila impermeable azul sobre una mesa, para viajes urbanos”.
- ✓Servicio local: “[profesional] [acción visible] en [tipo de espacio] en [ciudad o zona confirmada]”. Ejemplo: “dentista realiza limpieza dental en consultorio de Roma Norte”.
- ✓Restaurante: “[nombre o tipo de plato] servido en [tipo de recipiente], con [ingredientes visibles]”. Ejemplo: “tacos de pescado servidos en plato de cerámica, con limón y salsa”.
- ✓SaaS o aplicación: “[pantalla o función] que permite [tarea principal]”. Ejemplo: “panel de analítica que permite revisar visitas y registros orgánicos por página”.
- ✓Antes y después: “comparación visual de [elemento] antes y después de [proceso]”. Úsala solo cuando ambas partes sean claras y el resultado no exagere lo que se puede observar.
- ✓Imagen decorativa:
alt="". Si la imagen solo aporta color, ambiente o separación visual, dejar el texto vacío evita añadir ruido a la navegación y a la extracción de información. - ✓Imagen con texto dentro: repite en HTML el texto esencial que aparece en la imagen. El atributo alternativo puede resumir la función, pero no debería ser la única forma de acceder a una oferta, precio, horario o instrucción.
Nombres de archivo, pies de foto y contexto: las señales que trabajan juntas
Una imagen pesada puede ralentizar la página y hacer que el usuario abandone antes de leer tu respuesta. Revisa el rendimiento con la documentación de Core Web Vitals de web.dev, especialmente cuando publiques muchas páginas programáticas con galerías, variantes de producto o capturas de pantalla.
Cómo usar JSON-LD para describir imágenes sin prometer milagros
Para validar una implementación, comprueba que no haya URLs rotas, que el tipo de contenido coincida con la imagen y que el marcado no describa una versión distinta del archivo visible. Si publicas cientos de páginas, añade controles automáticos para detectar imágenes sin alt, dimensiones ausentes y descripciones copiadas.
Flujo automático de imágenes para un blog de RankLayer
- 1
Captura los datos del negocio
Prepara una hoja con nombre del negocio, servicio o producto, ciudad, público, atributos comprobados y URL de la página. No envíes datos personales de clientes ni fotografías sin autorización. Esta base evita que la automatización rellene huecos con suposiciones.
- 2
Genera tres salidas distintas
Pide a ChatGPT un nombre de archivo, un texto alternativo y un pie de foto por separado. Indica qué aparece en la imagen, cuál es el objetivo de la página y qué afirmaciones están prohibidas. Separar las salidas reduce la tentación de copiar la misma frase tres veces.
- 3
Revisa con una lista corta
Confirma que el texto alternativo describe lo visible, que el pie de foto aporta contexto y que el nombre de archivo no contiene palabras innecesarias. Rechaza automáticamente resultados con promesas médicas, superlativos no demostrados, datos privados o más de una frase larga.
- 4
Publica el activo junto con la página
En RankLayer, el blog hospedado puede recibir contenido preparado para publicación sin que tengas que mantener WordPress o una infraestructura propia. La imagen debe quedar dentro de una página pública, enlazada desde el resto del contenido y acompañada por texto que explique el servicio.
- 5
Mide antes de escalar
Durante 30 días, registra impresiones y clics de imágenes en Search Console, rendimiento de página, consultas que generan visitas y menciones de tu marca en respuestas de IA. No evalúes el alt text de forma aislada. Compara páginas con imágenes bien descritas frente a páginas equivalentes con activos genéricos.
Receta sin código con Zapier y ChatGPT para captions y schema diarios
RankLayer encaja bien cuando quieres que la publicación diaria, el alojamiento y la estructura SEO estén en un mismo flujo. Aun así, automatizar no significa aprobar todo sin mirar. Cómo prevenir las alucinaciones de IA en un blog automático ofrece una lista útil para establecer controles antes de publicar a escala.
Errores frecuentes y plan de acción de siete días
- ✓No llenes el texto alternativo de palabras clave: “dentista, dentista barato, dentista cerca de mí” no describe una imagen y puede empeorar la experiencia de accesibilidad.
- ✓No describas emociones, resultados o características que no sean visibles. Una sonrisa en una fotografía no prueba que un tratamiento haya funcionado ni que el cliente esté satisfecho.
- ✓No uses el mismo archivo en todas las páginas. Si cada artículo local muestra exactamente la misma imagen y descripción, se pierde la oportunidad de demostrar relevancia específica.
- ✓No ocultes información esencial dentro de una imagen. Precios, horarios, ingredientes, condiciones y llamadas a la acción deben estar también en texto HTML.
- ✓No confundas
altcon una leyenda. El primero sustituye la imagen para quien no puede verla; la segunda añade contexto para todos los lectores. - ✓Día 1: elige 10 páginas con tráfico potencial y anota qué pregunta responde cada una. Día 2: renombra archivos nuevos y corrige imágenes rotas. Día 3: escribe textos alternativos siguiendo la fórmula sujeto, acción y contexto.
- ✓Día 4: añade pies de foto solo donde aporten información real. Día 5: comprime imágenes y revisa dimensiones. Día 6: valida el JSON-LD y comprueba que las páginas sean rastreables. Día 7: registra la situación inicial para comparar resultados después de 30 días.
Preguntas Frecuentes
¿ChatGPT, Gemini y Perplexity usan directamente el texto alternativo para elegir una fuente?▼
No existe una regla pública que confirme que el texto alternativo, por sí solo, determine una cita. Puede aportar contexto a los sistemas que procesan la página, sobre todo cuando la imagen ayuda a identificar un producto, lugar o función. La selección de fuentes depende de muchas señales, como relevancia, accesibilidad, rastreabilidad, autoridad y claridad del contenido visible. Por eso conviene optimizar la página completa y no apostar todo a una sola etiqueta.
¿Cuánto debe medir el texto alternativo de una imagen?▼
No hay una longitud universal que aumente automáticamente las citas. En la mayoría de los casos, una frase breve y específica funciona mejor que un párrafo, porque comunica el contenido principal sin crear ruido. Describe lo necesario para entender la imagen y elimina detalles irrelevantes. Si necesitas explicar una gráfica compleja, coloca la explicación completa en el texto de la página y usa el alt para identificarla.
¿Debo incluir palabras clave en el nombre del archivo y en el alt text?▼
Incluye términos descriptivos solo cuando encajen naturalmente con lo que se ve y con el tema de la página. Un nombre como reparacion-aire-acondicionado-puebla.webp puede ser útil si realmente muestra ese servicio. Repetir la misma palabra clave varias veces no mejora la comprensión y puede parecer manipulación. La precisión, la legibilidad y la coherencia entre imagen y texto deben ser tus criterios principales.
¿Qué texto alternativo debo usar en una imagen decorativa?▼
Si la imagen no aporta información y solo cumple una función visual, usa un atributo alt vacío, escrito como alt="". Esto permite que los lectores de pantalla la ignoren y evita que una IA o una persona tenga que procesar ruido innecesario. No elimines el atributo por completo en una imagen informativa, funcional o enlazada. La decisión debe basarse en la función de la imagen dentro de la página.
¿El JSON-LD de ImageObject garantiza que mi negocio aparezca citado por una IA?▼
No. ImageObject organiza información sobre un recurso visual, pero no garantiza posiciones, resultados enriquecidos ni citas en motores de respuesta. Su valor está en reducir ambigüedades y conectar la imagen con una URL, nombre, descripción, leyenda y dimensiones verificables. Antes de añadirlo, asegúrate de que la página sea pública, rastreable, rápida y útil para la consulta que quieres captar.
¿Cómo puedo optimizar imágenes si no tengo sitio web ni equipo técnico?▼
Empieza con un blog hospedado o una plataforma que gestione publicación, imágenes y metadatos desde una interfaz sencilla. Crea una hoja con tus productos, servicios, ciudades y atributos confirmados, y usa una plantilla para generar nombres de archivo, textos alternativos y pies de foto. RankLayer permite publicar un blog automático con alojamiento incluido, por lo que puedes concentrarte en revisar la información del negocio. Incluso así, conviene verificar manualmente las primeras páginas y medir sus resultados.
¿Puedo generar automáticamente el texto alternativo con ChatGPT?▼
Sí, siempre que el flujo reciba información suficiente y tenga controles de calidad. Pide que describa solo elementos visibles, que devuelva una frase breve y que marque cualquier dato incierto para revisión. No envíes fotografías privadas o datos identificables sin autorización. La automatización acelera el trabajo, pero una persona debe revisar imágenes sensibles, afirmaciones reguladas y casos donde el contexto no sea evidente.
Convierte tus imágenes en contexto útil, no en decoración olvidada
Ver cómo funciona RankLayerSobre el Autor
Vitor Darela de Oliveira is a software engineer and entrepreneur from Brazil with a strong background in system integration, middleware, and API management. With experience at companies like Farfetch, Xpand IT, WSO2, and Doctoralia (DocPlanner Group), he has worked across the full stack of enterprise software - from identity management and SOA architecture to engineering leadership. Vitor is the creator of RankLayer, a programmatic SEO platform that helps SaaS companies and micro-SaaS founders get discovered on Google and AI search engines