¿Cómo hacer SEO de imágenes con alt, peso y formato?
Una imagen bien trabajada hace dos cosas a la vez. Ayuda a que Google entienda de qué trata tu página y evita que tu web se arrastre por culpa de un archivo pesado. El SEO de imágenes reúne los ajustes que logran esas dos cosas, y casi todos se hacen en pocos minutos.
Google no ve una foto como la ves tú. Lee el texto que la rodea, el nombre del archivo y el texto alternativo, y con eso decide de qué trata. Si no le das nada, adivina, y adivinar rara vez te favorece. Es como mandar un paquete sin etiqueta, puede llegar, pero nadie sabe qué lleva dentro.
En pocas palabras, el SEO de imágenes consiste en describir cada imagen con un texto alternativo útil y un nombre de archivo claro, elegir un formato moderno, reducir su peso y asegurarte de que Google pueda encontrarla. Aquí tienes cada ajuste con ejemplos.
¿Cómo entiende Google una imagen de tu página?
Google no interpreta una imagen como lo haces tú, así que la entiende con las pistas que le das alrededor. Según su guía de buenas prácticas para imágenes, obtiene información sobre el tema a partir del contenido de la página, incluidos los pies de foto y los títulos de imagen, y usa el texto alternativo junto con algoritmos de visión por computadora. El nombre del archivo aporta pistas más suaves. Todo el SEO de imágenes parte de esa idea.
Por eso conviene poner la imagen cerca de un texto que hable de lo mismo y dentro de una página relevante para ese tema. Una captura de un informe de CTR dentro de un artículo de recetas confunde, y esa misma captura dentro de una guía sobre CTR suma contexto. O sea, la imagen no se posiciona sola, la posiciona la página que la rodea, y por eso el SEO de imágenes se trabaja junto con el texto.
Si quieres aprender a revisar estos ajustes on page en tu propia web con alguien que revise y corrija tu trabajo, te invitamos a conocer nuestro programa estrella, el Diplomado SEO + AIO de aprendoclub, donde practicas con proyectos aplicados y presentas un portafolio revisado por coaches.
¿Por qué las imágenes influyen en la velocidad y en tu visibilidad?
Influyen porque las imágenes suelen ser lo que más pesa en una página, y una página lenta ofrece una peor experiencia. Google lo dice en su guía, las imágenes son con frecuencia el mayor contribuyente al tamaño total de una página, lo que puede volverla lenta y costosa de cargar. Por eso recomienda analizar la velocidad con PageSpeed Insights.
Esa lentitud se nota en métricas como el LCP, que mide cuánto tarda en aparecer el elemento principal de la página, y muchas veces ese elemento es una imagen. Si quieres entender cómo se miden, te invitamos a leer nuestra guía sobre qué son los Core Web Vitals y cómo medirlos.
Las imágenes también abren otra puerta, la de los resultados con miniatura y la búsqueda de imágenes. Google señala que las imágenes nítidas resultan más atractivas en la miniatura y pueden aumentar la probabilidad de recibir visitas. No esperes milagros con una sola foto, pero tampoco regales ese canal por descuido, un buen SEO de imágenes cuida también esa miniatura.
¿Cómo escribir un buen texto alternativo?
Escribe una descripción breve y útil de lo que muestra la imagen, en el contexto de tu página, sin rellenarla de palabras clave. El texto alternativo, o atributo alt, es según Google el dato más importante para dar información sobre una imagen, y además ayuda a las personas que usan lectores de pantalla o tienen conexiones lentas. Pregúntate qué dirías si tuvieras que describirla por teléfono.
Google lo explica con un cachorro. Sin alt es un error, una lista de palabras repetidas es relleno, "cachorro" es mejor y "cachorro dálmata jugando a buscar la pelota" es lo ideal, porque dice qué es y qué hace. Lleva esa lógica al SEO de imágenes de tu web, la palabra clave entra cuando describe de verdad la imagen, no cuando la fuerzas.
Estos ejemplos de práctica están escritos para este artículo, no pertenecen a ninguna página real, y sirven para ver la diferencia entre un alt que no dice nada y uno que informa a quien lo lee o lo escucha.
Imagen | Alt flojo | Alt mejor |
|---|---|---|
Captura de Search Console | captura | informe de rendimiento de Google Search Console con clics e impresiones por página |
Foto de portada | seo imágenes seo web posicionamiento seo | persona revisando el peso de las imágenes de una página en su computadora |
Gráfico comparativo | gráfico | gráfico de barras que compara el peso de una imagen en JPEG y en WebP |
Si una imagen es solo adorno y no aporta información, la práctica de accesibilidad es dejar el alt vacío para que los lectores de pantalla la salten. Así evitas que escuchen descripciones que no aportan nada y que tu texto alternativo se llene de ruido.
¿Cómo nombrar los archivos de tus imágenes?
Usa nombres cortos y descriptivos que digan qué muestra la imagen, en lugar de los que genera la cámara o el programa. Google explica que el nombre del archivo da pistas ligeras sobre el tema y pone un ejemplo, mi-nuevo-gatito-negro.jpg es mejor que IMG00023.JPG. También conviene evitar nombres genéricos como imagen1.jpg o 1.jpg.
Separa las palabras con guiones y escribe en minúsculas, igual que haces en una URL, para evitar problemas con espacios y mayúsculas. Si tu web tiene versiones en otros idiomas, traduce también los nombres. Para entender cómo se construye una dirección limpia, te invitamos a leer nuestra guía sobre qué es una URL, para qué sirve y cómo optimizarla.
Y si usas la misma imagen en varias páginas, llámala siempre con la misma dirección. Google lo recomienda para poder guardarla en caché y reutilizarla sin pedirla muchas veces, lo que ahorra rastreo en sitios grandes.
¿Qué formato de imagen conviene usar, WebP, AVIF o JPEG?
Conviene usar un formato moderno como WebP o AVIF cuando puedas, y dejar JPEG o PNG como respaldo. Google Search admite imágenes en BMP, GIF, JPEG, PNG, WebP, SVG y AVIF dentro de la etiqueta img, y recomienda que la extensión del archivo coincida con su tipo. No hay un formato prohibido, la decisión depende de la imagen que tengas y de los navegadores que debas atender.
Formato | Para qué sirve | Ojo con |
|---|---|---|
JPEG | Fotografías | Pierde calidad si lo comprimes en exceso |
PNG | Capturas, gráficos y transparencias | Suele pesar más que otros formatos en fotos |
WebP | Fotos y gráficos con buen equilibrio entre peso y calidad | Si dudas de un navegador, deja un respaldo |
AVIF | Compresión alta en formato moderno | Comprueba que tu gestor de contenidos lo acepte |
SVG | Logos e iconos vectoriales | No sirve para fotografías |
Para ofrecer varios formatos a la vez, Google recomienda el elemento picture con una etiqueta img de respaldo que lleve su src y su alt. Así el navegador elige la versión que entiende y los demás reciben la imagen de siempre. En muchos gestores de contenidos hay plugins que hacen esa conversión por ti, o sea, no siempre necesitas tocar código.
¿Cómo reducir el peso de tus imágenes sin perder calidad?
Reduce el peso ajustando las dimensiones al tamaño real en pantalla, comprimiendo el archivo y sirviendo versiones distintas según el dispositivo. Google pide equilibrar dos cosas, imágenes de buena calidad, porque las nítidas atraen más en las miniaturas, y archivos ligeros, porque el peso ralentiza la página. Su guía no fija un número de kilobytes, así que compara tus resultados con PageSpeed Insights. Es la parte del SEO de imágenes que más se nota en la velocidad.
Empieza por no subir una foto de 4.000 píxeles de ancho para un espacio de 800. Redimensiona primero y comprime después, con tu editor o con un compresor gratuito. Para pantallas distintas, el atributo srcset permite ofrecer varias versiones de la misma imagen y el navegador escoge la adecuada. Deja siempre el atributo src como respaldo, porque algunos navegadores y rastreadores no entienden srcset.
La carga diferida, o lazy loading, hace que las imágenes de más abajo se descarguen solo cuando la persona se acerca a ellas. Úsala en las que quedan fuera de la primera pantalla. La imagen principal que se ve al abrir la página no conviene diferirla, porque web.dev mostró en pruebas con WordPress que eso retrasa el LCP.
¿Cómo ayudar a Google a encontrar tus imágenes?
Usa etiquetas img de HTML normales, no imágenes de fondo en CSS, y ofrece un sitemap de imágenes si tu web tiene muchas. Google puede encontrar imágenes en el atributo src de la etiqueta img, incluso dentro de un elemento picture, pero no indexa las imágenes de CSS. Una foto puesta como fondo de un bloque puede verse perfecta en pantalla y ser invisible para el buscador, y el SEO de imágenes empieza justo ahí, en que el rastreador pueda verlas.
Si tienes imágenes que Google quizá no descubra, puedes enviarle un sitemap de imágenes, que admite direcciones de otros dominios y por eso sirve cuando usas una CDN. Para entender cómo se prepara y se envía, te invitamos a leer nuestra guía sobre qué es un sitemap y cómo crearlo.
También puedes sugerir cuál es tu imagen preferida con la propiedad primaryImageOfPage de schema.org, con la propiedad image del marcado o con la etiqueta Open Graph de imagen. Elige una imagen representativa de la página, de buena resolución, y evita usar el logo o una imagen con texto. El marcado puede además dar insignias a tus imágenes en Google Images, y si quieres empezar por ahí, te invitamos a leer nuestra guía sobre qué son los datos estructurados y cómo implementarlos.
¿Qué errores debes evitar en el SEO de imágenes?
Los errores más frecuentes son subir imágenes sin alt, con nombres de cámara, demasiado pesadas o escondidas en el CSS. Casi todos nacen de subir la foto tal como sale del teléfono o del banco de imágenes, y se corrigen revisando la página una vez antes de publicarla. Repasa esta lista.
- Dejar el alt vacío en imágenes que sí aportan información, o llenarlo con una lista de palabras clave.
- Subir archivos con nombres como IMG00023 o imagen1.
- Publicar fotos enormes y dejar que el navegador las encoja.
- Usar el logo o una imagen con texto como imagen preferida de la página.
- Aplicar carga diferida a la imagen principal que se ve al abrir la página.
- Poner en el fondo de CSS imágenes que quieres posicionar.
Si quieres ver otros fallos técnicos que frenan tu web además de las imágenes, que suelen aparecer cuando una web crece sin orden, te invitamos a leer nuestra guía sobre 7 errores técnicos SEO que frenan tu posicionamiento.
¿Cómo revisar las imágenes de una página antes de publicarla?
Revísalas con una lista corta que puedas repetir en cada artículo, así el SEO de imágenes se vuelve un hábito y no una tarea pendiente. Sigue estos pasos en orden, porque cada uno prepara el siguiente y el último confirma que todo funciona.
- Confirma que cada imagen está en una etiqueta img y no en un fondo de CSS.
- Escribe un alt que describa la imagen en el contexto de la página.
- Renombra el archivo con palabras descriptivas separadas por guiones.
- Elige el formato, WebP o AVIF si tu gestor los admite, con un respaldo cuando haga falta.
- Redimensiona y comprime, y difiere la carga solo de las imágenes que quedan bajo la primera pantalla.
- Pasa la página por PageSpeed Insights y revisa los resultados.
Después de publicar, mide el efecto en Google Search Console. En el informe de rendimiento puedes cambiar el tipo de búsqueda a Imagen para ver clics e impresiones de esa fuente. Si quieres aprender a leer ese informe, te invitamos a seguir nuestra guía sobre qué es Google Search Console y cómo usarlo.
En resumen, el SEO de imágenes se reduce a describir bien, nombrar bien, elegir un formato moderno y cuidar el peso. Empieza por las páginas que ya reciben visitas y avanza con calma. Y si quieres dominar este y los demás ajustes de una página con práctica guiada, te invitamos a conocer el Diplomado SEO + AIO de aprendoclub.
Preguntas frecuentes
¿El texto alternativo ayuda a posicionar una imagen?
Sí, es el dato más importante que puedes dar sobre una imagen dentro del SEO de imágenes, según la guía de Google. Junto con el contenido de la página y los algoritmos de visión por computadora, le sirve para entender el tema. Descríbela con claridad y evita llenarla de palabras clave, porque eso puede verse como spam.
¿Qué formato es mejor, WebP o JPEG?
La guía de Google solo indica qué formatos admite, entre ellos JPEG, PNG, WebP y AVIF, y no señala uno como factor de posicionamiento. Lo que cambia es el peso y la compatibilidad. Prueba un formato moderno, deja un respaldo y mide el resultado en PageSpeed Insights.
¿Cuánto debe pesar una imagen para la web?
Google no fija un peso máximo en su guía de imágenes. Lo práctico es redimensionar la imagen al tamaño en el que se muestra, comprimirla y medir la página con PageSpeed Insights. Cualquier cifra concreta que veas por ahí es una referencia de cada herramienta, no una regla de Google.
¿Puedo usar IA para escribir los textos alternativos?
Sí, para obtener borradores rápidos cuando tienes muchas imágenes. Revísalos uno por uno, porque la IA no conoce el contexto de tu página y puede describir algo genérico o equivocado. Corrige el texto para que diga qué muestra la imagen y por qué importa en ese artículo.
¿Necesito un sitemap de imágenes?
Es opcional dentro del SEO de imágenes. Google indica que puedes enviarlo para las imágenes que quizá no descubra por sí mismo, y que admite direcciones de otros dominios, algo útil con una CDN. Si tus imágenes están en etiquetas img normales y tu web es pequeña, muchas veces Google ya las encuentra.
Sigue leyendo
¿Qué es el SEO semántico y cómo usarlo en tus contenidos?
El SEO semántico consiste en escribir para el significado de la búsqueda, no solo para la palabra clave. Aprende a aplicarlo con ejemplos y pasos.
¿Cómo mejorar el CTR en Google para recibir más clics?
Aprende cómo mejorar el CTR de tus páginas en Google, desde Search Console hasta el título y la descripción. Un plan claro para ganar más clics.
¿Qué es un brief de contenido SEO y cómo crearlo?
Un brief de contenido SEO es la guía que le das a quien redacta antes de escribir. Aprende qué lleva, cómo crearlo paso a paso y mira un ejemplo.