Un buscador no ve las imágenes: lee el nombre del archivo, el texto alternativo, el texto que las rodea y cómo se comporta la página. Diez puntos sobre tamaño, formato, nombres, texto alternativo y prioridad de carga para revisar antes de publicar.
La optimización de imágenes para SEO se resume en siete pasos: reduce la imagen a, como mucho, el doble de su ancho de visualización; conviértela a un formato moderno como WebP y comprímela; dale al archivo un nombre descriptivo con guiones; escribe un texto alternativo que explique lo que se ve; declara el ancho y el alto; no apliques carga diferida a la imagen que aparece al abrir la página, y colócala junto al texto que trata su mismo tema. Un buscador no puede mirar una foto y entenderla: lee el nombre del archivo, el texto alternativo, las frases que la rodean y lo rápido que se vuelve usable la página. Por eso el trabajo tiene dos mitades: aligerar el archivo y explicarle a una máquina qué muestra.
En la parte técnica, redimensionar imagen y comprimir imagen son la pareja básica, y convertir JPG a WebP se encarga del cambio de formato. En la parte del significado, el generador de slug crea nombres de archivo limpios, el contador de caracteres controla la longitud del texto alternativo y recortar imagen corrige el encuadre. Las herramientas de imagen procesan el archivo en el servidor y no lo guardan.
El efecto llega por dos vías. La directa: la búsqueda de imágenes es una fuente de tráfico propia, y aparecer en ella depende en gran medida del nombre del archivo, del texto alternativo y del contenido que rodea a la imagen. La indirecta: las imágenes pesadas alargan el tiempo que tarda la página en ser usable y empeoran las métricas Core Web Vitals, sobre todo el LCP, que mide cuándo se dibuja el elemento más grande. Ese daño afecta a la valoración de toda la página, no solo de la imagen.
La vía indirecta suele pesar más, precisamente porque no se limita a un archivo. Bajar las cuatro imágenes de un artículo de 3 megabytes a 400 kilobytes produce una mejora medible sin cambiar una sola palabra del texto.
El nombre que asigna la cámara no dice nada. Un nombre en minúsculas, con guiones y que describa el contenido informa tanto al buscador como a quien abra esa carpeta dentro de seis meses.
Un buen ejemplo: mochila-azul-vista-lateral-1600.webp. Malos ejemplos: DSC_0421.JPG o mejor-mochila-mochila-barata-mochila.jpg. El segundo hace más daño que el primero: un nombre sin sentido solo desaprovecha una oportunidad, mientras que uno relleno de palabras clave envía una señal negativa.
Elige bien el nombre antes de publicar. Si cambias el nombre de una imagen ya publicada, cambia su dirección, y los enlaces y el valor acumulado en las búsquedas de imágenes vuelven a cero. Poner el nombre correcto desde el principio siempre sale más barato que montar redirecciones después.
La función principal del texto alternativo es contar a quien no puede ver la imagen qué hay en ella. Si cumples bien esa función, la parte de buscadores se resuelve sola. Hacerlo al revés, usar el texto alternativo como cajón de palabras clave, perjudica la accesibilidad y puede interpretarse como spam.
| Situación | Texto alternativo | Motivo |
|---|---|---|
| Foto que aporta información | Breve y descriptivo | Transmite el contenido |
| Imagen solo decorativa | Vacío (alt="") | El lector de pantalla la omite |
| Imagen que funciona como enlace | Indica adónde lleva | El destino queda claro |
| Gráfico o diagrama | Resume la conclusión principal | Lleva los datos al texto |
| Imagen con texto dentro | Repite ese texto | Si no, el texto se pierde |
Un límite práctico de longitud ronda los 125 caracteres; algunos lectores de pantalla dividen los textos más largos en fragmentos. Las descripciones extensas van en el pie de foto o en el cuerpo del artículo. El contador de caracteres cuenta cada letra acentuada y cada emoji como un solo carácter, así que mide ese límite correctamente.
El hábito que más ayuda al escribir texto alternativo es imaginar que describes la imagen por teléfono a alguien que no la ve. No dirías “imagen de” ni “foto de”; dirías directamente qué es. “Mochila azul vista de lado” es suficiente.
La parte técnica se reduce a tres decisiones, y cada una se nota directamente en la velocidad.
Una imagen que se muestra a 800 píxeles de ancho necesita un archivo de 1600 píxeles para verse bien en pantallas de alta densidad; más grande es desperdicio. Si en el redimensionador indicas solo el ancho, se mantiene la proporción y el formato no cambia; el límite es de 4000 píxeles por lado. Para fotos y contenido general, WebP es una buena opción por defecto: según las comparativas publicadas por Google, el WebP con pérdida suele pesar entre un 25 y un 35 % menos que un JPG de la misma calidad. El conversor escribe WebP con calidad 90; si el archivo sigue pesando mucho, baja la calidad en el compresor o indica un peso objetivo en KB.
Al insertar la imagen en la página, unos pocos atributos marcan una gran diferencia. width y height permiten que el navegador reserve el espacio de antemano, así el contenido no salta mientras carga. Añadir loading="lazy" a las imágenes que quedan por debajo de la primera pantalla aplaza descargas que todavía nadie necesita. La imagen principal de la primera pantalla recibe el trato contrario: sin carga diferida y, si conviene, con una indicación fetchpriority="high". Para servir tamaños distintos a pantallas distintas se usan srcset y sizes, y el navegador elige el archivo adecuado.
El compresor elimina los metadatos, incluido el EXIF. Casi siempre es bueno: desaparecen datos personales como la ubicación y el archivo pierde unos kilobytes. Pero si quieres que en la búsqueda de imágenes aparezcan el autor, los créditos o la licencia, proporciónalos con datos estructurados en la página o vuelve a añadirlos después de comprimir.
Estos diez puntos son el filtro que debe pasar cada imagen antes de publicarse. Todos se revisan en pocos minutos.
El noveno punto es el que más se olvida. Los buscadores deducen el tema de una imagen sobre todo por el texto que la rodea, así que una imagen colocada en una sección que no tiene nada que ver queda sin contexto, por impecable que sea su código.
La señal más potente de qué trata una imagen no suele ser su texto alternativo, sino el párrafo que tiene justo encima y debajo. Una foto de producto va en la sección que describe el producto; un gráfico comparativo, junto al párrafo que hace la comparación. Un pie de foto breve también ayuda; que complemente el texto alternativo en lugar de repetirlo.
Arreglar archivos sueltos no basta: la página entera también tiene un presupuesto. Un enfoque práctico es fijar un presupuesto de imágenes por tipo de página: una portada y como mucho cuatro imágenes en el cuerpo de un artículo, una imagen principal y seis de galería en una ficha de producto. Cuando el presupuesto está lleno, añadir una imagen significa quitar otra.
El error clásico en las galerías es usar archivos a tamaño completo como miniaturas. Meter un archivo de 1600 píxeles en un hueco de 120 es el mayor desperdicio de esa página, y pasa desapercibido porque todo se ve bien. Generar miniaturas de verdad reduce mucho el peso total de una galería. Si necesitas miniaturas cuadradas, el recortador es una vía rápida, porque sin desplazamiento recorta desde el centro.
Una biblioteca que limpiaste una vez vuelve a estropearse en pocos meses, porque el contenido nuevo no deja de llegar. Los resultados duraderos salen de un ciclo pequeño y repetido, no de una limpieza heroica. Una vez al mes, abre tus diez páginas más visitadas y revisa el peso total de sus imágenes; apunta las que superan tu límite y corrige una por semana. No mires solo el peso: los textos alternativos que faltan, los nombres de archivo repetidos y las imágenes sin atributos de tamaño van a la misma lista. Y marca las páginas que ya corregiste, o abrirás las mismas en cada ronda.
Un nombre descriptivo sí sirve; uno relleno, no. La diferencia está en la legibilidad: si al leerlo en voz alta suena como una frase, está bien; si suena como una lista, perjudica.
Sí. Aun así, escribir un texto alternativo propio para cada página describe mejor qué función cumple la imagen en ese contexto concreto.
Si tus páginas se rastrean con normalidad, la mayoría de los sitios no lo necesita. Resulta útil en diseños que cargan las imágenes mediante scripts, donde al rastreador le cuesta encontrarlas.
Sí, si la aplicas a la imagen visible al abrir la página: el navegador la retrasa y el elemento más grande tarda más en dibujarse. Por debajo de la primera pantalla, la ventaja es clara. La regla es sencilla: nunca difieras la portada; difiere todo lo demás.
Para decidir el formato, lee cómo elegir el formato de imagen; para cumplir los objetivos de peso, compresión de imágenes y rendimiento web; y para corregir una biblioteca entera de una vez, la guía de conversión de imágenes por lotes. Si quieres conocer los formatos a fondo, consulta qué es WebP y qué es AVIF, y para longitudes de títulos y textos alternativos, la guía de límites de caracteres.
