Martin Splitt aclara un mito del SEO técnico
Durante la conferencia SEO for Paws, Martin Splitt, Developer Advocate en Google, confirmó lo que muchos aún dudaban: Google puede indexar imágenes cargadas con JavaScript, siempre y cuando estén configuradas correctamente.
«JavaScript para cargar imágenes está bien. Una solución puramente basada en JavaScript puede hacer que tus imágenes se indexen sin problema», aseguró Splitt.
⚠️ ¿Por qué algunas imágenes JS no se indexan?
Aunque usar JavaScript no es el problema, Splitt explicó que hay otros errores comunes que pueden impedir que las imágenes aparezcan en Google Imágenes:
🧭 Problemas típicos que bloquean la indexación:
- Errores en los sitemaps XML: imágenes clave que no están incluidas.
- Encabezados HTTP mal configurados: que bloquean el rastreo.
- Contenido no presente en el HTML renderizado: si la imagen no aparece en el HTML final (post-JS), Google no la verá.
🔍 Cómo detectar errores de indexación en imágenes JavaScript
Herramientas recomendadas por Splitt:
- Search Console – Inspección de URL: verificá si la imagen aparece en el HTML renderizado.
- DevTools del navegador: comprobá qué carga la imagen y si el recurso se está bloqueando.
“Si la imagen está en el HTML renderizado, fantástico. Si no lo está, hay algo más que está fallando”, explicó.
🛠️ Técnicas comunes de carga con JavaScript y su impacto SEO
Estas son algunas formas habituales de cargar imágenes con JS, todas compatibles con Google si se configuran bien:
Lazy Loading
Carga diferida solo cuando el usuario hace scroll.
Progressive Loading
Primero muestra una versión de baja calidad y luego la mejora.
Carga por scroll infinito
Las imágenes se van cargando a medida que se navega hacia abajo.
Background images vía CSS
Carga imágenes como fondos en lugar de usar etiquetas <img>.
✅ Buenas prácticas para imágenes JS indexables
- Asegurate de que aparezcan en el HTML renderizado.
- Incluilas en los sitemaps con etiquetas correctas.
- Agregá textos alternativos (alt), incluso para imágenes dinámicas.
- Usá el atributo
loading="lazy"cuando sea útil. - No bloquees los recursos JS en tu robots.txt.
🔎 ¿Qué significa esto para los profesionales SEO?
Lejos de evitar JavaScript, lo importante es asegurar que las imágenes se carguen correctamente y que Google pueda verlas.
Este insight es clave para sitios modernos construidos con frameworks como React, Vue o Angular, donde las imágenes muchas veces se gestionan vía JS.
📌 Entonces, el JavaScript ya no es enemigo del SEO
Martin Splitt ayuda a desterrar un mito: cargar imágenes con JavaScript no perjudica el SEO, si se hace bien. Como SEO, tu responsabilidad es verificar, ajustar y optimizar con herramientas adecuadas.
¿Tu sitio depende de imágenes JS? Entonces es momento de auditar cómo se están cargando y si realmente están llegando al índice de Google.
Estratega experto en SEO con más de 14 años de experiencia
Si vas a confiar en alguien para hablar de SEO, que sea alguien que ha estado en las trincheras durante más de una década. Llevo +14 años liderando estrategias de posicionamiento en Google, ayudando a marcas de todos los tamaños a conquistar tráfico, conversiones y ventas.
