Módulo 3 · Curso de IA, SEO y marketing digital
Imágenes SEO con IA: ALT, formato y optimización
Aprende a preparar imágenes para artículos y páginas web mediante criterios técnicos de dimensiones, formato, compresión, texto alternativo, nombre de archivo y contexto.
La inteligencia artificial puede ayudar a describir y organizar estos elementos, pero la revisión humana sigue siendo necesaria para comprobar que la descripción corresponda realmente a la imagen.
Por qué las imágenes son importantes para el SEO
Una imagen relevante puede ayudar a explicar un proceso, mostrar un producto, presentar un resultado o facilitar la comprensión de un contenido complejo.
Los buscadores utilizan distintas señales para interpretar una imagen, entre ellas el contenido de la página, el texto cercano, el nombre del archivo, el atributo ALT y la capacidad de acceder al recurso.
Comprensión
Una imagen puede explicar información que resultaría difícil de transmitir únicamente con texto.
Experiencia
Ayuda a dividir bloques extensos y orientar la atención del usuario.
Descubrimiento
Puede aparecer en resultados visuales cuando Google consigue interpretarla y rastrearla.
Dimensiones y proporciones de las imágenes
Las dimensiones deben responder al espacio donde se mostrará la imagen. Subir un archivo considerablemente más grande que el área visible aumenta la transferencia de datos sin entregar una mejora proporcional.
Imagen destacada horizontal
Una relación 16:9 funciona bien para muchas cabeceras, artículos, cursos y vistas previas. Un ejemplo habitual es 1200 × 675 píxeles.
Imágenes dentro del contenido
Deben dimensionarse según el ancho máximo de la columna y adaptarse a pantallas pequeñas.
Los atributos HTML width y height permiten que el navegador reserve el espacio necesario antes de descargar la imagen, reduciendo movimientos inesperados en la página.
Cómo elegir el formato adecuado
No existe un único formato ideal para todas las imágenes. La decisión depende del contenido visual, la transparencia, la compatibilidad y el tamaño resultante.
| Formato | Uso habitual | Consideraciones |
|---|---|---|
| WebP | Fotografías, ilustraciones e imágenes web generales. | Buena relación entre calidad y peso en muchos casos. |
| AVIF | Fotografías e imágenes donde se busca mayor compresión. | Comprueba calidad, compatibilidad y proceso de generación. |
| JPEG | Fotografías y recursos sin transparencia. | Compatible, pero puede producir archivos mayores. |
| PNG | Capturas, gráficos o imágenes con transparencia. | Puede tener un peso elevado en fotografías. |
| SVG | Logotipos, iconos y gráficos vectoriales. | Debe utilizarse de forma segura y con código controlado. |
Compara el resultado visual después de comprimir. Una imagen demasiado comprimida puede perder detalles importantes, especialmente en capturas con texto pequeño.
Cómo escribir correctamente el texto ALT
El atributo ALT entrega una alternativa textual cuando una imagen no puede verse y ayuda a quienes utilizan lectores de pantalla. También aporta contexto a los buscadores.
Un buen texto alternativo describe la información importante de manera breve y natural. No debe convertirse en una lista de palabras clave.
Imagen informativa
Describe lo que muestra y la información relevante para el contenido.
Imagen decorativa
Puede utilizar un atributo vacío, alt="", para evitar una descripción innecesaria.
Imagen con enlace
La alternativa debe ayudar a comprender la función o el destino del enlace.
Captura de pantalla
Describe la interfaz y el elemento que debe identificar el usuario.
Ejemplo de texto ALT
Para una imagen de una persona revisando el rendimiento de fotografías en una página web:
Cómo puede ayudar la inteligencia artificial
La IA puede proponer descripciones, detectar elementos visibles y generar variantes. Sin embargo, debes comprobar:
- Que no invente personas, objetos o acciones inexistentes.
- Que describa la información importante y no detalles irrelevantes.
- Que no repita palabras clave artificialmente.
- Que la descripción tenga sentido dentro de la página.
- Que las imágenes decorativas permanezcan con ALT vacío.
La creación y estructura de instrucciones para generar imágenes se desarrolla por separado en el módulo de prompts para imágenes y ALT SEO.
Nombres de archivo y URLs comprensibles
El nombre debe permitir reconocer el contenido de la imagen sin abrirla. Utiliza palabras relevantes, minúsculas y guiones entre términos.
Nombre poco descriptivo
IMG_7845-final-2.webp
Nombre descriptivo
optimizar-imagenes-seo.webp
Evita nombres excesivamente largos, acumulaciones de palabras clave, caracteres extraños y cambios posteriores que rompan la URL de una imagen ya publicada.
Optimización de peso y rendimiento
Una imagen puede tener dimensiones correctas y continuar siendo pesada. Antes de publicarla, revisa su compresión y la cantidad total de imágenes cargadas en la página.
- Redimensiona el archivo antes de subirlo.
- Utiliza un formato apropiado para el tipo de imagen.
- Comprime sin perder detalles importantes.
- Incluye versiones adaptadas mediante el sistema del sitio.
- Declara ancho y alto.
- Evita cargar imágenes que no se utilizarán.
- Revisa el resultado en teléfonos y conexiones más lentas.
Carga de la imagen principal
La imagen visible en la parte superior puede formar parte del contenido principal de la página. No conviene retrasarla automáticamente con loading="lazy".
Imágenes fuera de la primera pantalla
Las imágenes ubicadas más abajo pueden utilizar carga diferida para evitar descargar recursos que el usuario todavía no necesita.
Para complementar esta revisión, consulta la guía de SEO técnico con inteligencia artificial.
Imágenes para Google Discover
Discover puede utilizar imágenes amplias cuando la página y el recurso cumplen sus condiciones. Para favorecer esa posibilidad, utiliza una imagen relevante de al menos 1200 píxeles de ancho y permite vistas previas grandes.
Si utilizas Yoast, esta directiva puede formar parte automáticamente de las etiquetas robots generadas por el complemento. No agregues una segunda etiqueta robots contradictoria.
- Utiliza imágenes grandes y relacionadas directamente con el tema.
- Evita utilizar el logotipo como imagen principal del artículo.
- No dependas de texto excesivo incorporado dentro de la imagen.
- Comprueba que Google pueda rastrear la URL del archivo.
- Mantén coherencia entre imagen, título y contenido visible.
- Evita imágenes engañosas o que exageren el contenido.
Cómo comprobar una imagen después de publicarla
- Abre la página en computador y teléfono.
- Comprueba que la imagen no esté deformada ni recortada incorrectamente.
- Revisa el código HTML y confirma el atributo ALT.
- Abre directamente la URL del archivo.
- Comprueba que no devuelva un error 404.
- Revisa que ancho y alto estén declarados.
- Comprueba que el archivo no sea innecesariamente pesado.
- Verifica que el texto cercano explique correctamente su contexto.
- Revisa la página con una herramienta de rendimiento.
Checklist antes de publicar una imagen SEO
- La imagen aporta información o contexto relevante.
- Las dimensiones corresponden al espacio donde será utilizada.
- El formato ofrece un equilibrio adecuado entre calidad y peso.
- El nombre del archivo es breve y descriptivo.
- El texto ALT corresponde realmente al contenido visual.
- Las imágenes decorativas utilizan
alt="". - Los atributos de ancho y alto están declarados.
- La imagen principal no utiliza carga diferida innecesaria.
- Las imágenes secundarias pueden utilizar
loading="lazy". - La imagen se visualiza correctamente en teléfonos.
- La URL del recurso responde correctamente.
- La imagen no contiene texto excesivo ni elementos engañosos.
Preguntas frecuentes sobre imágenes SEO
¿Qué formato de imagen es mejor para SEO?
Depende del contenido. WebP suele ofrecer un buen equilibrio para uso general, AVIF puede conseguir mayor compresión y PNG resulta útil para determinados gráficos o transparencias.
¿Todas las imágenes necesitan texto ALT?
Todas deben incluir el atributo, pero una imagen meramente decorativa puede utilizar alt="". Las imágenes informativas necesitan una alternativa textual pertinente.
¿Debo incluir una palabra clave en el ALT?
Solo cuando ayude a describir naturalmente la imagen. No debe agregarse una consulta si no corresponde al contenido visual.
¿Las imágenes ayudan a conseguir tráfico?
Pueden aparecer en resultados visuales y mejorar la comprensión del contenido, pero su optimización no garantiza posiciones ni tráfico.
¿Qué ancho se recomienda para una imagen de Discover?
Para permitir vistas previas grandes se recomienda utilizar imágenes de al menos 1200 píxeles de ancho y habilitar max-image-preview:large.
¿La IA puede generar automáticamente el texto ALT?
Puede proponerlo, pero una persona debe comprobar que describa la imagen, no invente elementos y resulte útil dentro de la página.
¿Necesitas optimizar las imágenes de tu sitio?
Podemos revisar formatos, dimensiones, textos alternativos, rendimiento y relación de las imágenes con el contenido de tus páginas.