El defensor del desarrollador de Google, Martin Splitt, recientemente desacreditó un mito de SEO común. Confirmó que las imágenes cargadas con JavaScript pueden ser indexadas por Google cuando se configura correctamente.
Splitt compartió estas ideas durante la Conferencia SEO para Paws, una recaudación de fondos de transmisión en vivo de Anton Shulke.
Aquí le mostramos cómo evitar problemas comunes de indexación de imágenes al cargar imágenes con JavaScript.
La carga de imagen de JavaScript no es el problema
Cuando se le preguntó sobre las imágenes cargadas por JavaScript, Splitt aclaró que el método no tiene la culpa de los problemas de indexación.
Splitt explica:
«JavaScript to Load Images está bien. Una solución de carga de imagen puramente JavaScript puede indexar absolutamente sus imágenes».
Este comentario aclara las preocupaciones entre muchos profesionales de SEO. Las imágenes pueden no aparecer en Google Imágenes por razones distintas de JavaScript.
Los verdaderos culpables detrás de las imágenes no indexadas
Splitt explicó que algo más suele estar mal si las imágenes cargadas de JavaScript no aparecen en los resultados de búsqueda.
Señaló algunos problemas comunes:
- Problemas de mapa del sitio: A veces, faltan imágenes clave en los sitios de sitios XML.
- Encabezados HTTP: Algunos archivos de imagen pueden tener encabezados que les impiden ser indexados.
- Problemas HTML renderizados: Si las imágenes no aparecen en el HTML renderizado (la versión que Google ve después de la ejecución de JavaScript), no se indexarán.
Depuración de problemas de indexación de imágenes de JavaScript
Splitt ofrece un proceso simple para detectar problemas. Comience por verificar si las imágenes aparecen en el HTML renderizado utilizando herramientas como la herramienta de inspección de URL de la consola de búsqueda.
Splitt explica:
«Tendría que verificar: ¿El HTML renderizado que contiene las imágenes? Si es fantástico. Si no es así, entonces algo más está desactivado».
Dado que Google indexa el HTML renderizado, GoogleBot no encontrará cualquier imagen que falte.
Vea la charla completa de Splitt en JavaScript SEO en el video a continuación:
Técnicas comunes de carga de imágenes de JavaScript y su impacto de SEO
Hay varias formas de cargar imágenes con JavaScript. Algunos métodos comunes incluyen:
- Carga perezosa: Carga imágenes solo cuando sea necesario.
- Carga progresiva: Muestra una imagen de baja calidad primero, luego se actualiza a una de alta calidad.
- Carga de desplazamiento infinito: Carga imágenes a medida que los usuarios continúan desplazándose.
- Inserción de imagen de fondo: Agrega imágenes a través de fondos CSS.
Si están configurados correctamente, todos estos métodos pueden funcionar con la indexación de Google. Cada uno puede necesitar sus propios cheques para garantizar que todo funcione como se esperaba.
Las mejores prácticas para la carga de imágenes JavaScript amigable con SEO
Aunque las imágenes cargadas de JavaScript se pueden indexar, seguir estas mejores prácticas puede ayudar a evitar problemas:
- Verifique con la herramienta de inspección de URL: Asegúrese de que las imágenes aparezcan en el HTML renderizado.
- Actualice sus Sitemaps XML: Incluya imágenes clave con etiquetas adecuadas.
- Use el texto alternativo: Proporcione texto ALT claro para imágenes cargadas a través de JavaScript.
- Use carga perezosa nativa: Agregar el
loading="lazy"atributo donde tiene sentido. - Verifique Robots.txt: Asegúrese de no bloquear los recursos de JavaScript que cargan imágenes.
Lo que esto significa para los profesionales de SEO
En lugar de evitar JavaScript, verifique que las imágenes se carguen correctamente y aparezcan en el HTML renderizado.
A medida que los sitios web dependen más de JavaScript, comprender estos detalles es clave. Los profesionales de SEO que aprenden a solucionar problemas y optimizar la carga de imágenes basada en JavaScript estarán mejor preparados para apoyar la visibilidad de sus clientes en los resultados de búsqueda.
Mirando hacia el futuro
Esta aclaración es oportuna. Muchos sitios modernos construidos con marcos como React, Vue o imágenes de carga angular utilizando JavaScript en lugar de tradicional
Las ideas de Splitt ayudan a disipar el mito de que JavaScript daña la indexación de imágenes. Los desarrolladores ahora pueden centrarse en el rendimiento sin preocuparse por las penalizaciones de SEO.
Imagen destacada: Alicia97/Shutterstock
Fuente: Se pueden indexar las imágenes cargadas de JavaScript
