Un gestionnaire de clics sur un div peut ressembler à un lien, mais il n'offre pas le même comportement natif. Utilisez une ancre avec un href pour la navigation, puis ajoutez JavaScript uniquement pour les améliorations.
<a href="/en/tutorials/example/">Read the tutorial</a>Conserver la destination dans le balisage
- Permettez aux utilisateurs d'ouvrir un lien dans un nouvel onglet, de copier son adresse et de l'activer avec un clavier.
- Ne laissez pas le href vide et ne le définissez pas sur # lorsque le contrôle est destiné à naviguer.
- Pour les actions qui changent d'état plutôt que de naviguer, utilisez un bouton et donnez-lui un nom clair et accessible.
Vérifiez la page rendue par le serveur
Inspectez le HTML brut ou utilisez une requête en texte uniquement pour confirmer que les liens et les étiquettes importants sont présents avant l'hydratation. La navigation côté client peut toujours accélérer les transitions, mais l'URL normale reste la source de vérité.
Cela améliore la convivialité et crée des chemins d’analyse clairs. Cela ne signifie pas que chaque page JavaScript est invisible pour Google ; cela signifie que la navigation essentielle ne doit pas dépendre d'un comportement de rendu incertain.