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

Official statement

If an HTML link exists in the code but a JavaScript event captures the click (for example, to display a dropdown menu instead of navigating), Google can still see and follow that HTML link. The <a> element must remain present in the rendered DOM, even if the user behavior is modified by JavaScript.

1:38

🎥 Source video

Extracted from a Google Search Central video

⏱ 55:02 💬 EN 📅 21/08/2020 ✂ 50 statements

Watch on YouTube (1:38) →

✂ Other statements from this video 49 ▾

📅

Official statement from August 21, 2020 (5 years ago)

⚠ A more recent statement exists on this topic Does Google actually crawl CSS-hidden elements? Google · October 31, 2024 View statement →

TL;DR

Google claims it can see and follow HTML links present in the DOM, even if a JavaScript event intercepts the click to alter user behavior. The <a> element must remain accessible in the rendered code to be considered. This technical nuance is a game changer for dropdown menus, overlays, and interactive interfaces relying on event listeners.

What you need to understand

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

SEO Expert opinion

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

Practical impact and recommendations

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é.

La règle est simple : un lien HTML reste un lien pour Google, quel que soit le JavaScript qui s'exécute au clic. Mais cette règle ne fonctionne que si l'élément existe dans le DOM rendu, avec un href valide, sans interaction requise. Pour les sites complexes avec des overlays, des SPAs ou des menus dynamiques, ces optimisations peuvent être délicates à mettre en œuvre correctement. Si votre architecture repose massivement sur JavaScript, il peut être judicieux de faire appel à une agence SEO spécialisée en SEO technique pour un audit approfondi et un accompagnement sur mesure — les erreurs de crawl sont rarement visibles en surface, mais elles coûtent cher en visibilité.

❓ Frequently Asked Questions

Google suit-il un lien <a> si un event.preventDefault() empêche la navigation ?

Oui. Google voit l'attribut href et peut suivre le lien indépendamment du comportement JavaScript côté client. Le preventDefault() n'affecte que l'expérience utilisateur, pas le crawl.

Les liens dans un menu dropdown sont-ils crawlés même s'ils ne s'affichent qu'au hover ?

Seulement s'ils sont présents dans le DOM rendu sans interaction requise. Googlebot ne simule pas le hover — si le lien n'existe que dans le DOM après un :hover CSS ou un événement JS, il ne sera pas crawlé.

Un lien <a href="#"> avec navigation gérée en JavaScript est-il crawlable ?

Non. Google voit un lien pointant vers un fragment vide. Même si votre JS gère la navigation, Googlebot ne l'exécutera peut-être pas. Utilisez toujours un href valide pointant vers l'URL réelle.

Faut-il éviter les liens display:none pour ne pas être pénalisé ?

Google tolère les liens masqués s'ils ont une justification UX (menu mobile, accordéon). Mais des liens invisibles sans raison légitime peuvent être interprétés comme manipulatoires. Privilégiez la transparence.

Les SPAs avec routage client-side doivent-elles utiliser des href complets ?

Absolument. Même si React Router ou Vue Router interceptent le clic, le href doit pointer vers l'URL finale (ex: /page, pas #page). Sinon, Google ne voit qu'un lien vide et ne crawle rien.

🏷 Related Topics

crawl JavaScript SEO liens HTML DOM rendu maillage interne indexation SPA event listener

AI & SEO JavaScript & Technical SEO Links & Backlinks Pagination & Structure Local Search

🎥 From the same video 49

Other SEO insights extracted from this same Google Search Central video · duration 55 min · published on 21/08/2020

🎥 Watch the full video on YouTube →

Related statements

Core Web Vitals measures the actual page version s...

Manually de-indexing old pagination URLs is not ne...

« Back to results

💬 Comments (0)

Be the first to comment.

🔔

Get real-time analysis of the latest Google SEO declarations

Be the first to know every time a new official Google statement drops — with full expert analysis.

No spam. Unsubscribe in one click.