Does Google really track HTML links that are hidden by JavaScript?

Why is this statement important for crawling?

Google distinguishes between the existence of an HTML link and its click behavior. An element can indeed point to a URL while having a JavaScript event listener that prevents navigation (via preventDefault(), for example).

In this case, the user does not navigate — they trigger a menu, a modal, an overlay. But Googlebot sees the underlying HTML link and can follow it. This is a fundamental distinction: what matters for crawling is the presence of the element in the rendered DOM, not the client-side behavior.

What’s the difference with a purely JavaScript link?

A purely JavaScript link has no usable href attribute. It could be a

Is this statement consistent with real-world observations?

Yes, this is one of the rare instances where Google is perfectly consistent with what we observe in practice. Tests show that Googlebot indeed follows links even when a JavaScript event listener modifies the behavior. Well-coded dropdown menus, with real HTML anchors, are crawled without issue.

On the other hand, as soon as we move to a pure JavaScript approach without href, it's a gamble. Google can execute the JS and discover the destination, but this is neither guaranteed nor fast. The performance difference is measurable: an HTML link is discovered instantly, whereas a JS link may take days or even weeks to be followed.

What nuances should be added to this rule?

The timing of the rendering is crucial. Googlebot will not hover over your elements, nor will it click your buttons to reveal hidden links. If your dropdown menu only displays links on hover, and these links are not present in the initial DOM, Google will not see them.

Similarly, a link loaded via an AJAX request after infinite scrolling or a click on

Que faut-il faire concrètement pour sécuriser le crawl de vos liens ?

La priorité absolue : toujours utiliser un élément avec un href valide, même si vous interceptez le clic via JavaScript. Ne vous reposez jamais uniquement sur un onclick ou un event listener sans ancre HTML sous-jacente. C'est la garantie que Google verra et suivra le lien.

Pour les menus dropdown, assurez-vous que les liens enfants sont présents dans le DOM initial, pas injectés au hover. Si vous devez les masquer, utilisez des techniques CSS (max-height, opacity) plutôt que de les retirer complètement du DOM. Googlebot ne simule pas le hover, mais il parse le HTML rendu.

Quelles erreurs éviter absolument ?

Ne créez pas de liens factices avec ou . Ces patterns sont un cauchemar pour le crawl : Google voit un lien, tente de le suivre, et tombe sur rien. Même si votre JS gère la navigation, Googlebot ne l'exécutera peut-être pas — il faut un href réel.

Évitez également de retirer dynamiquement les liens du DOM après le premier rendu. Si votre framework React ou Vue unmount des composants contenant des liens suite à une interaction, ces liens risquent de disparaître avant que Googlebot ne prenne son snapshot. Préférez les masquer en CSS plutôt que de les supprimer.

Comment vérifier que vos liens sont bien crawlables ?

Utilisez l'outil d'inspection d'URL dans Google Search Console et cliquez sur "Afficher la page explorée". Regardez le HTML rendu : vos liens apparaissent-ils ? Si oui, Google les voit. Si non, il y a un problème de rendu ou de timing.

Complétez avec un audit Screaming Frog en mode JavaScript activé. Comparez les liens découverts en mode HTML seul vs. en mode rendu JS. Si des liens n'apparaissent qu'après exécution JS et qu'ils n'ont pas de href exploitable, c'est un red flag. Vous dépendez alors de l'exécution JS de Google, ce qui est risqué.

• Vérifier que tous les liens importants utilisent un valide, même si un event listener modifie le comportement.
• S'assurer que les liens sont présents dans le DOM rendu sans interaction utilisateur (pas de hover, clic ou scroll requis).
• Tester le rendu avec l'outil d'inspection d'URL dans Search Console pour valider que Google voit bien les liens.
• Éviter les href="#" ou href="javascript:void(0)" — toujours pointer vers une URL réelle.
• Préférer le masquage CSS au retrait du DOM pour les éléments interactifs (menus, overlays).
• Auditer régulièrement le maillage interne en mode JS activé pour détecter les liens invisibles ou mal formés.