Las imágenes como superficie de posicionamiento
Comencemos por el posicionamiento. Google Images sigue siendo una de las mayores superficies de búsqueda de la web, y las consultas de productos, tutoriales y búsquedas locales muestran habitualmente paquetes de imágenes en los resultados principales. Una imagen solo puede posicionarse si Google la entiende: un nombre de archivo descriptivo (kitchen-remodel-phoenix.webp, no IMG_4032.jpg), un texto alternativo que indique lo que realmente aparece en la imagen y un texto circundante que le aporte contexto. Los sitemaps de imágenes y los datos estructurados amplían aún más este potencial para el contenido de productos y recetas.
Texto alternativo: La accesibilidad es lo primero
El texto alternativo cumple una doble función, y aquí es donde la mayoría de los sitios web fallan silenciosamente. El estudio anual de WebAIM sobre el millón de páginas de inicio más importantes revela constantemente que la falta de texto alternativo es uno de los fallos de accesibilidad más comunes en la web. El texto alternativo existe ante todo para los usuarios de lectores de pantalla; debe describir el contenido y la función de la imagen, no acumular palabras clave. "Técnico sustituyendo el filtro de una caldera" ayuda a un visitante invidente y al rastreador; "reparación de calefacción Phoenix mejor empresa de aire acondicionado" no ayuda a ninguno de los dos.
Las imágenes y las Core Web Vitals
Luego está la velocidad, donde las imágenes mandan. El elemento LCP (Largest Contentful Paint), que es lo que realmente miden las Core Web Vitals, es una imagen en la gran mayoría de las páginas, por lo que las imágenes de portada (hero) sobredimensionadas son la causa única más común de un suspenso en la puntuación LCP. Las soluciones son mecánicas: servir formatos modernos (WebP o AVIF reducen el tamaño de los archivos entre un 25 y un 50 % respecto a JPEG), adaptar las imágenes a sus dimensiones reales de visualización, comprimirlas y definir atributos explícitos de anchura (width) y altura (height) para que el navegador reserve el espacio y el diseño nunca sufra variaciones.
Las imágenes no son decoración. Elegidas y optimizadas con un propósito, son uno de los pocos elementos que impulsan el posicionamiento, la accesibilidad y la conversión al mismo tiempo.
La estrategia de carga importa tanto como el tamaño del archivo. Todo lo que esté por debajo de la línea de pliegue (below the fold) debe llevar loading="lazy" para que nunca compita con el contenido que el visitante ve primero; la imagen de portada debe hacer lo contrario, cargarse de forma anticipada (eager) e idealmente recibir una indicación de precarga (preload) para que el navegador la recupere antes de terminar de procesar la página. Hacer esto al revés (aplicar la carga diferida a la imagen de portada) es un fallo clásico de LCP provocado por uno mismo.
Las búsquedas por AI también leen imágenes
Las búsquedas mediante AI aportan una razón más reciente para preocuparse. Los motores multimodales leen imágenes junto con el texto, y los motores de respuesta incorporan cada vez más pasos ilustrados y fotos de productos en sus resultados. Las mismas señales que ayudan a Google Images (texto alternativo descriptivo, subtítulos contextuales, datos estructurados) son las que hacen que sus imágenes sean legibles para los sistemas de AI que deciden qué mostrar.
Una auditoría práctica de imágenes
Una auditoría práctica se realiza en una tarde: pase sus páginas clave por PageSpeed Insights y anote qué elementos LCP son imágenes, convierta las imágenes de portada a WebP/AVIF al tamaño de visualización, escriba texto alternativo real para cada imagen significativa (las decorativas llevan atributos de texto alternativo vacíos, alt=""), añada carga diferida (lazy loading) por debajo de la línea de pliegue y compruebe que a ninguna imagen le falte la anchura y la altura.
NYFTY Labs integra esto en cada desarrollo y auditoría que realiza: el peso de las imágenes suele ser la victoria más rápida disponible en Core Web Vitals, y la cobertura del texto alternativo es una de las soluciones de accesibilidad y SEO más económicas que puede implementar un sitio web.
