Pourquoi Googlebot ignore-t-il vos galeries d'images JavaScript ?

Qu'est-ce que Google entend par "URL explicitement définies" ?

Google fait la distinction entre un lien présent dans le HTML source et un lien créé après coup par du code JavaScript. Quand vous inspectez le code source brut d'une page (Ctrl+U), si l'URL de l'image n'apparaît nulle part, Googlebot ne la verra probablement pas.

Le bot de Google a beau exécuter du JavaScript, il reste moins performant qu'un navigateur moderne pour interpréter des interactions complexes. Si votre galerie repose sur des événements onclick qui construisent des URL à partir de variables, de hash maps ou d'appels API asynchrones, le risque est réel.

Pourquoi cette limitation existe-t-elle encore ?

Le rendering JavaScript coûte cher en ressources serveur. Google doit choisir quelles pages méritent ce traitement intensif. Si votre page nécessite plusieurs interactions utilisateur pour révéler du contenu — un clic sur "suivant", un swipe, un hover — le bot renonce souvent.

Les sites qui génèrent des URL d'images par concaténation JavaScript (ex: baseURL + imageId + '.jpg') sans jamais écrire le résultat dans le DOM initial tombent dans ce piège. Googlebot voit le code, pas nécessairement le résultat de son exécution différée.

Quel impact sur l'indexation de vos images ?

Les images non découvertes n'apparaissent pas dans Google Images, ce qui ampute votre trafic organique d'une source souvent sous-estimée. Pour un site e-commerce ou un portfolio photographe, c'est dramatique : vous perdez la visibilité sur des requêtes visuelles à fort potentiel commercial.

Le crawl budget est également gaspillé. Si Googlebot charge votre galerie JavaScript lourde sans y trouver de liens exploitables, vous avez consommé des ressources pour rien. Sur des sites de plusieurs milliers de pages, ce gâchis s'accumule vite.

• Les URL d'images doivent exister dans le HTML initial, avant toute exécution JavaScript.
• Le rendu côté serveur (SSR) ou la génération statique contournent le problème en écrivant les liens dans le source.
• Google Images représente 22% du trafic organique total sur certains secteurs — ne sacrifiez pas cette opportunité.
• Les galeries lazy-load ne posent problème que si les attributs src ou data-src sont absents du DOM initial.
• Tester avec "Afficher le code source" (pas l'inspecteur) reste le moyen le plus simple de vérifier la visibilité pour Googlebot.

Cette déclaration est-elle cohérente avec les observations terrain ?

Oui, mais avec des nuances importantes. En pratique, Googlebot exécute JavaScript sur la majorité des pages, surtout si le site bénéficie d'un bon crawl budget et d'une autorité correcte. Les problèmes surgissent surtout sur des sites récents, mal crawlés, ou avec des galeries très lourdes côté client.

Les tests menés avec des outils comme Screaming Frog en mode JavaScript vs non-JS montrent que les galeries React/Vue sans hydratation serveur perdent effectivement 40 à 60% de leurs images à l'indexation. Le rendering différé n'est pas un mythe, mais son impact varie selon l'architecture du site. [A vérifier] : Google ne précise jamais le délai d'attente du bot avant de considérer qu'une image ne se chargera pas.

Quelles erreurs fréquentes aggravent ce problème ?

La pire configuration reste les galeries infinies sans pagination HTML. Un carrousel qui charge la prochaine image uniquement au clic sur une flèche dépourvue d'attribut href — Googlebot s'arrête net. Les boutons <div onclick="next()"> sont invisibles pour le bot.

Autre piège : les frameworks SPA mal configurés. Un site Next.js en mode client-side only (pas de getServerSideProps) génère des pages vides côté source. L'indexation dépend alors entièrement de la file d'attente de rendering JavaScript de Google, avec des délais parfois de plusieurs semaines.

Dans quels cas cette règle ne s'applique-t-elle vraiment pas ?

Si vous utilisez du SSR (Server-Side Rendering) ou du pre-rendering, les URL sont écrites dans le HTML avant que le navigateur ou le bot ne voie la page. Next.js, Nuxt, ou même un simple script PHP qui génère le HTML côté serveur résolvent le problème à la racine.

Les sites avec un crawl budget élevé — pensez aux gros médias, aux marketplaces établies — bénéficient d'un traitement JavaScript plus généreux. Google alloue plus de ressources au rendering de leurs pages. Mais compter là-dessus reste un pari risqué pour 90% des sites.

Que faut-il faire concrètement sur vos galeries existantes ?

Commencez par un audit basique : affichez le code source brut (Ctrl+U ou cmd+Option+U) de vos pages galerie. Si les attributs src ou data-src de vos images ne figurent nulle part, vous avez un problème. Vérifiez ensuite avec l'outil d'inspection d'URL de la Search Console : la version rendue montre-t-elle toutes les images ?

Si votre galerie est construite avec un framework moderne (React, Vue, Angular), implémentez du SSR ou du pre-rendering. Next.js avec getStaticProps, Nuxt en mode universal, ou Gatsby pour du statique pur résolvent le souci. Sinon, une solution hybride fonctionne : injectez les URL d'images dans des attributs data-* présents dès le HTML initial, que JavaScript viendra ensuite exploiter.

Quelles erreurs éviter lors de la refonte ?

Ne tombez pas dans le piège du lazy-loading mal configuré. Utiliser loading="lazy" en HTML5 ne pose aucun problème si l'attribut src est défini. En revanche, les bibliothèques JavaScript qui remplacent src par un placeholder et ne chargent l'image qu'au scroll bloquent Googlebot si celui-ci ne scrolle pas (ce qui arrive souvent).

Évitez également les URL relatives construites en JavaScript sans base définie. Si votre code concatène '/images/' + id + '.jpg' mais que le DOM ne contient jamais cette chaîne complète, Googlebot ne peut pas la découvrir. Préférez écrire l'URL complète dans un attribut HTML, même caché.

Comment vérifier que votre site est conforme après correction ?

Utilisez l'outil "Tester l'URL" dans Google Search Console et comparez la version HTML brute avec la version rendue. Les images doivent apparaître dans les deux. Lancez ensuite un crawl Screaming Frog en mode JavaScript activé : le rapport doit lister toutes vos images de galerie.

Surveillez les métriques dans Google Search Console > Performance > Type de recherche : Images. Après implémentation, vous devriez voir une hausse des impressions et clics sous 4 à 6 semaines. Si rien ne bouge, soit l'implémentation est incomplète, soit les images manquent d'attributs alt pertinents.

• Vérifier le code source brut : les URL d'images doivent être visibles sans exécution JS.
• Implémenter du SSR ou pre-rendering si vous utilisez un framework JavaScript moderne.
• Tester avec l'outil d'inspection d'URL de Google Search Console pour comparer HTML brut vs rendu.
• Ajouter des attributs alt descriptifs sur chaque image pour maximiser le potentiel de ranking dans Google Images.
• Éviter les galeries infinies sans pagination HTML : proposez des liens <a href> vers les pages suivantes.
• Monitorer les performances dans GSC onglet Images pour mesurer l'impact post-correction.