Google acaba de aclarar una duda frecuente en el mundo del SEO: las im\u00e1genes cargadas mediante JavaScript<\/strong> pueden ser indexadas sin problema. Seg\u00fan confirm\u00f3 recientemente Martin Splitt, representante de Google, si se configuran correctamente, estas im\u00e1genes aparecer\u00e1n en los resultados del buscador, desmintiendo un mito extendido entre profesionales del marketing digital.<\/p>\n\n

\n
\n
\u00cdndice de contenidos<\/p>\nToggle<\/span>
Las im\u00e1genes cargadas con JavaScript no son el verdadero problema<\/a><\/li>
Razones reales por las que tus im\u00e1genes podr\u00edan no indexarse<\/a><\/li>
C\u00f3mo detectar errores de indexaci\u00f3n en im\u00e1genes JavaScript<\/a><\/li>
T\u00e9cnicas comunes de carga de im\u00e1genes por JavaScript<\/a><\/li>
Mejores pr\u00e1cticas SEO para cargar im\u00e1genes mediante JavaScript<\/a><\/li>
\u00bfQu\u00e9 significa esto para los profesionales SEO?<\/a><\/li>
La importancia futura del JavaScript en SEO<\/a><\/li><\/ul><\/nav><\/div>\n
<\/span>Las im\u00e1genes cargadas con JavaScript no son el verdadero problema<\/span><\/h2>\n\n
Durante su intervenci\u00f3n en la conferencia SEO for Paws<\/strong>, Martin Splitt afirm\u00f3 claramente: \u00abUsar JavaScript para cargar im\u00e1genes est\u00e1 perfectamente bien. Las soluciones basadas en JavaScript pueden lograr que las im\u00e1genes se indexen perfectamente\u00bb<\/strong>. De esta forma, Splitt despeja preocupaciones muy extendidas entre los expertos SEO sobre esta t\u00e9cnica.<\/p>\n\n
Seg\u00fan Splitt, lo que realmente importa no es el m\u00e9todo, sino que las im\u00e1genes se visualicen correctamente en el HTML renderizado<\/strong>, es decir, la versi\u00f3n de la p\u00e1gina web que Googlebot observa despu\u00e9s de que el JavaScript se ejecute. Si las im\u00e1genes aparecen all\u00ed, Google podr\u00e1 indexarlas sin problemas.<\/p>\n\n
<\/span>Razones reales por las que tus im\u00e1genes podr\u00edan no indexarse<\/span><\/h2>\n\n
Martin Splitt se\u00f1al\u00f3 que la carga con JavaScript no es culpable de que tus im\u00e1genes no se muestren en Google Im\u00e1genes. Seg\u00fan la fuente, los problemas reales suelen ser:<\/p>\n\n
\n
Problemas con el sitemap<\/strong>: im\u00e1genes importantes que faltan en tu sitemap XML.<\/li>\n
Encabezados HTTP incorrectos<\/strong>: ciertas im\u00e1genes podr\u00edan estar bloqueadas para la indexaci\u00f3n debido a la configuraci\u00f3n del servidor.<\/li>\n
Errores en el HTML renderizado<\/strong>: si la imagen no aparece en la versi\u00f3n final de la p\u00e1gina, Google no podr\u00e1 indexarla.<\/li>\n<\/ul>\n\n
Por tanto, antes de culpar al JavaScript, lo recomendable es revisar estas \u00e1reas, empezando por la comprobaci\u00f3n del HTML renderizado en Google Search Console<\/strong>, seg\u00fan recomienda Splitt.<\/p>\n\n
<\/span>C\u00f3mo detectar errores de indexaci\u00f3n en im\u00e1genes JavaScript<\/span><\/h2>\n\n
Splitt sugiere una sencilla prueba: utiliza la herramienta de inspecci\u00f3n de URLs de Google Search Console<\/strong> para verificar que las im\u00e1genes aparezcan en la versi\u00f3n renderizada del HTML.<\/p>\n\n
Seg\u00fan explic\u00f3 Splitt: \u00abDebes verificar que las im\u00e1genes est\u00e9n en el HTML renderizado. Si aparecen, genial. Si no aparecen, entonces el problema est\u00e1 en otra parte\u00bb<\/strong>. De esta manera, los expertos SEO pueden f\u00e1cilmente identificar el origen real del problema.<\/p>\n\n
<\/span>T\u00e9cnicas comunes de carga de im\u00e1genes por JavaScript<\/span><\/h2>\n\n
Existen diferentes t\u00e9cnicas populares para cargar im\u00e1genes usando JavaScript, todas compatibles con la indexaci\u00f3n de Google si se implementan correctamente:<\/p>\n\n
\n
Lazy loading<\/strong>: cargar im\u00e1genes solo cuando son necesarias, mejorando la velocidad de carga.<\/li>\n
Carga progresiva<\/strong>: mostrar primero una imagen de baja calidad, y despu\u00e9s cargar una versi\u00f3n de alta resoluci\u00f3n.<\/li>\n
Infinite scroll<\/strong>: cargar im\u00e1genes conforme el usuario hace scroll en la p\u00e1gina.<\/li>\n
Inserci\u00f3n de im\u00e1genes de fondo<\/strong>: a\u00f1adir im\u00e1genes a trav\u00e9s de CSS o JavaScript.<\/li>\n<\/ul>\n\n
<\/span>Mejores pr\u00e1cticas SEO para cargar im\u00e1genes mediante JavaScript<\/span><\/h2>\n\n
Para asegurarte de que tus im\u00e1genes cargadas con JavaScript se indexan adecuadamente, Google recomienda seguir estos consejos pr\u00e1cticos:<\/p>\n\n
\n
Verifica la renderizaci\u00f3n<\/strong>: revisa el HTML renderizado en Search Console para confirmar que las im\u00e1genes aparecen correctamente.<\/li>\n
Actualiza tu sitemap XML<\/strong>: incluye las im\u00e1genes m\u00e1s relevantes con etiquetas adecuadas.<\/li>\n
Utiliza textos alternativos<\/strong>: los alt texts<\/em> claros ayudan a Google a entender mejor tus im\u00e1genes.<\/li>\n
Usa lazy loading nativo<\/strong>: implementa la etiqueta loading=\u00bblazy\u00bb<\/em> en im\u00e1genes que no son visibles de inmediato.<\/li>\n
Revisa el archivo robots.txt<\/strong>: aseg\u00farate de no bloquear recursos importantes de JavaScript necesarios para cargar tus im\u00e1genes.<\/li>\n<\/ul>\n\n
<\/span>\u00bfQu\u00e9 significa esto para los profesionales SEO?<\/span><\/h2>\n\n
La confirmaci\u00f3n de Google tranquiliza a muchos expertos, indicando que no deben evitar JavaScript, sino simplemente asegurarse de que las im\u00e1genes se rendericen correctamente en el HTML final.<\/p>\n\n
Seg\u00fan informes especializados, en un mundo digital cada vez m\u00e1s dominado por tecnolog\u00edas como React, Vue y Angular, aprender a solucionar problemas de carga con JavaScript ser\u00e1 esencial para garantizar un buen posicionamiento en buscadores.<\/p>\n\n
<\/span>La importancia futura del JavaScript en SEO<\/span><\/h2>\n\n
Este anuncio de Google llega en un momento oportuno, especialmente cuando muchos sitios modernos ya no usan el tradicional m\u00e9todo de carga de im\u00e1genes con etiquetas <img><\/em>. Por ello, Splitt aclara que usar JavaScript correctamente no implica penalizaciones SEO, permitiendo a los desarrolladores centrarse en optimizar la experiencia del usuario sin temor.<\/p>\n\n
Si quieres profundizar en c\u00f3mo implementar estas pr\u00e1cticas correctamente, puedes visitar la documentaci\u00f3n oficial sobre JavaScript SEO de Google<\/a>.<\/p>\n\n<\/body>\n\n\n\n\n
Fuente: https:\/\/www.searchenginejournal.com\/googles-martin-splitt-javascript-loaded-images-can-be-indexed\/543377\/<\/p>\n","protected":false},"excerpt":{"rendered":"
Google acaba de aclarar una duda frecuente en el mundo del SEO: las im\u00e1genes cargadas mediante JavaScript pueden ser indexadas … <\/p>\n
Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":850,"featured_media":125781,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[236],"tags":[],"class_list":["post-128558","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50","no-featured-image-padding"],"_links":{"self":[{"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/posts\/128558","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/users\/850"}],"replies":[{"embeddable":true,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/comments?post=128558"}],"version-history":[{"count":1,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/posts\/128558\/revisions"}],"predecessor-version":[{"id":128559,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/posts\/128558\/revisions\/128559"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/media\/125781"}],"wp:attachment":[{"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/media?parent=128558"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/categories?post=128558"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/tags?post=128558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}