JS Links

4.3/5 - (3 votes)

Tu cherches à préserver ton jus SEO ? À éviter que Google ne suive certains liens ?
JS Links est un plugin WordPress gratuit, ultra-léger, qui te permet d’obfusquer proprement n’importe quel lien sans casser ton design, sans coder.

Exemple :

  • Ce lien est suivi par Google (et transmet du jus).
  • Ce lien n'est même PAS VU par Google (et donc ne transmet pas de jus).

Télécharger le plugin maintenant

version 2.0.0


Obfusquer un lien

  1. Dans l’éditeur Gutenberg, sélectionne ton texte (paragraphe, titre, etc.)
  2. Clique sur le bouton "JS Link" ➜ entre l’URL.

Pour gérer l'obfuscation dans le menu, rien de plus simple, un champ est généré dans Apparence > Menus :

Pas sur Gutenberg ? Autre galère ?

Parfois on n'a pas le petit bouton parce qu'on utilise un autre builder, un thème particulier, ou autre. Comment faire ?

Option A : Ajoute la classe jslink-auto à n’importe quel lien <a> dans ton builder
👉 Le plugin transformera automatiquement ce lien au rendu, rien de plus à faire.

Option B : Utilise le shortcode :
[\jslink url="https://exemple.com"]Mon texte[\/jslink] (sans les \)

Obfusquer SAUF sur certaines pages

Quand tu obfusques un lien situé dans une zone globale du site (comme le menu, le footer ou un widget), tu souhaites parfois qu’il ne soit PAS obfusqué sur certaines pages (généralement la page d’accueil).

Pourquoi ?

Parce qu’il arrive que la page vers laquelle pointe le lien ne soit accessible que depuis cette zone. Si le lien est obfusqué partout, cette page risque alors d’être considérée comme orpheline (aucun lien interne classique pointant vers elle).

Pour la plupart des thèmes, l'exclusion se fait ici dans Apparence > Menus :

Il suffit d’indiquer une ou plusieurs URLs relatives, séparées par des virgules. Sur les pages indiquées, l’obfuscation sera désactivée pour ce lien.

Dans d'autres cas, le plugin détecte automatiquement qu'il modifie un lien de navigation et propose, au moment de l’insertion, un champ optionnel pour renseigner les pages à exclure de l’obfuscation :

Pas sur Gutenberg ? Galère ?

Tu peux utiliser l'attribut REL avec jsl-exclude:

Ou simplement ajouter la class css jsl-exclude()

Tu peux aussi ajouter l’attribut exclude="/" au shortcode :
[\jslink url="https://exemple.com" exclude="/"]Mon texte[\/jslink]

Personnaliser visuellement le lien

Par défaut, le plugin tente d'imiter le style des liens du site, mais c'est pas évident et il peut y avoir des loupés.

Si tu veux personnaliser visuellement le lien obfusqué, tu peux le faire depuis Réglages > JS Links :

Les options sont administrables par zone (menu, contenu, footer, widget), en mode normal ou au survol.

Un mode expert est disponible pour du css custom pour vraiment prendre la main par dessus tout le reste et pour chaque zone.


FAQ

JS Links a été conçu pour être ultra simple à utiliser, même sans aucune compétence technique.

  • Léger, sans conflit, fonctionne avec tous les builders
  • Un bouton dans Gutenberg, rien à coder
  • Imitation visuelle automatique d’un vrai lien (souligné, curseur, etc.)
  • Gère tout seul les liens sortants (nouvel onglet si externe)
  • Personnalisation facile par zone (menu, contenu, footer, widget)
  • Exclusion possible sur certaines pages (ex : ne pas obfusquer sur la homepage)
  • Compatible avec la navigation clavier

↑ Remonter

Quelle est la différence entre un lien obfusqué et un lien en nofollow ?

Un lien nofollow dit à Google : "ne suis pas ce lien", mais reste une balise <a>. Google le voit et va quand-même transférer du PageRank, si ce n'est pas à la page cible ça sera à l'ensemble du web.

Donc un lien nofollow ne permet PAS de conserver son PageRank sur la page.

👉 À l’inverse, un lien obfusqué :

  • n’est pas une balise <a> ;
  • encode son URL en base64 dans un attribut data-* ;
  • est invisible pour Google.

✅ Résultat : aucun transfert de PageRank.

↑ Remonter

Quels sont les avantages SEO à obfusquer un lien ?

  • Préserver ton maillage interne :
    Évite de diluer le PageRank dans des liens secondaires (CGU, mentions légales, etc.)
  • Stopper le jus SEO des liens d’affiliation ou des liens externes non stratégiques
  • Cloisonner tes silos thématiques :
    Parfait pour garder un SEO propre et structuré
  • Gagner du contrôle sans nuire à l’expérience utilisateur

↑ Remonter

Est-ce que Google peut suivre les liens JS obfusqués ?

Non. Les moteurs de recherche ne suivent pas les attributs data-*, ne déclenchent pas d’événements onclick, et ne décodent pas les URLs encodées dans du JavaScript.
Pour eux, ce n’est pas un lien.

↑ Remonter

Est-ce que c’est conforme aux guidelines Google ?

JS Links :

  • ne fait pas de cloaking.
  • n’altère pas l’expérience utilisateur.
  • supprime juste l’attribut href pour empêcher la transmission de PageRank.

↑ Remonter

Quand obfusquer… et quand surtout ne pas obfusquer

Obfusque les liens qui :

  • diluent ton PageRank (CGU, mentions légales, contact, login, PDF…)
  • sont des liens d’affiliation ou externes non stratégiques
  • servent à la navigation secondaire, footer massif, etc.

Garde en vrais liens <a> ceux qui :

  • construisent ton maillage interne SEO (catégories, fiches produits, contenus piliers)
  • sont nécessaires à l’accessibilité (ex. sommaire, “Aller au contenu”)

↑ Remonter

Est-ce compatible avec Yoast, Rank Math, SEOPress, etc. ?

Oui, aucun conflit.
JS Links agit uniquement au moment du rendu HTML final, une fois que tout le reste (plugins SEO, thèmes, etc.) a terminé.

↑ Remonter

Est-ce que ça fonctionne avec tous les thèmes WordPress ?

Dans 99 % des cas, oui.

Le plugin :

  • remplace la balise <a> par un <span> ;
  • ajoute un petit script JavaScript en bas de page ;
  • ne surcharge aucun style ni modèle.

Ton thème doit juste appeler <?php wp_footer(); ?> (comme tous les thèmes sérieux)

↑ Remonter

Accessibilité : à savoir

JS Links rend tes liens cliquables au clavier (tabulation, Entrée, Espace) et ajoute role="link" + tabindex="0".

👉 En revanche, certains lecteurs d’écran qui listent uniquement les vrais liens <a> pourraient ne pas les annoncer.

Recommandation : n’obfusque pas les liens essentiels à la navigation ou à l’accessibilité (ex. “Aller au contenu”, “Contact urgence”, “Plan du site”).

↑ Remonter

Est‑ce que JS Links est sécurisé ?

Oui, JS Links suit les bonnes pratiques WordPress pour éviter toute faille :

  • URLs nettoyées & validées
    Toutes les adresses passent par jl_sanitize_href() :
    • Blocage des protocoles javascript:data:vbscript:
    • Validation avec esc_url_raw()
      ⇒ Impossible d’injecter un lien XSS ou un schéma malveillant.
  • Échappement systématique
    Chaque attribut est entouré de esc_attr(), le contenu via wp_kses_post() ou do_shortcode().
    ⇒ Aucun code HTML/JS inattendu ne peut être réinjecté.
  • CSS sécurisé
    Les snippets « expert » passent par safecss_filter_attr(), qui supprime toute règle dangereuse.
    ⇒ Pas de risque d’injection CSS ou de comportement non désiré.
  • Protection contre le reverse tabnabbing
    Tout lien externe en target="_blank" reçoit automatiquement rel="noopener noreferrer".
    ⇒ La page distante ne peut pas contrôler window.opener.
  • Anti‑FOUC & Accessibilité
    Un fallback <noscript> rend les liens visibles sans JS, et les spans ont role="link" + tabindex="0".
    ⇒ Aucune vulnérabilité liée à l’absence de script.

En résumé, JS Links utilise les filtres et fonctions d’échappement recommandés par WordPress. Aucun problème de sécurité connu : vous pouvez l’installer l’esprit tranquille.

↑ Remonter


Commentaires

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *