L’obfuscation de lien est une technique utile en développement web pour masquer ou brouiller l’URL réelle d’un lien.
Que vous soyez blogueur, propriétaire de site e-commerce, ou développeur, comprendre l’obfuscation peut vous offrir de nombreux avantages.
Dans cet article, nous allons explorer ce qu’est l’obfuscation de lien, ses avantages et inconvénients, et comment l’appliquer sur WordPress et Elementor.
Vous apprendrez aussi quels types de liens doivent être obfusqués pour améliorer la sécurité et l’efficacité de votre site.
Qu’est que l’obfuscation de lien ?
L’obfuscation de lien est une technique utilisée en développement web pour masquer ou brouiller l’URL réelle d’un lien hypertexte.
En utilisant cette méthode, les développeurs rendent l’adresse web moins compréhensible et reconnaissable pour les utilisateurs et les bots, tout en conservant sa fonctionnalité.
Cela peut impliquer l’utilisation de redirections, de scripts JavaScript, ou de services de raccourcissement d’URL.
L’obfuscation de lien trouve ses origines dans les premières pratiques de sécurité web et de gestion des affiliations.
À mesure que l’internet évoluait et que les techniques de collecte de données devenaient plus sophistiquées, les développeurs ont cherché des moyens de protéger les liens sensibles et d’améliorer l’expérience utilisateur.
Cette pratique est également devenue populaire parmi les marketeurs affiliés, qui souhaitaient cacher les URL de suivi des liens d’affiliation pour éviter les fraudes et protéger leurs commissions.
Avec le temps, l’obfuscation de lien s’est étendue pour inclure des objectifs SEO et a été intégrée dès la création de sites internet, aidant ainsi à contrôler la répartition du « jus de lien » sur les sites web.
Les méthodes standards pour obfusquer un lien
Utilisation d’un onclick pour la redirection
Cette méthode change dynamiquement la destination du lien lorsque l’utilisateur clique dessus, ce qui cache l’URL originale dans le code source de la page.
<a href="#" onclick="window.location.href='https://destination.com'; return false;">Cliquez ici</a>
Ici on a :
- Le
href="#"empêche la navigation par défaut. - Le onclick redirige l’utilisateur vers l’URL de destination réelle.
Masquer l’URL avec une fonction JavaScript
Vous pouvez encapsuler l’URL dans une fonction JavaScript pour ajouter une couche supplémentaire d’obfuscation.
<script>
function rediriger() {
var url = 'https://destination.com';
window.location.href = url;
}
</script>
<a href="#" onclick="rediriger(); return false;">Cliquez ici</a>Ici on a :
- La fonction rediriger contient l’URL de destination.
- Le lien appelle cette fonction au clic, redirigeant ainsi l’utilisateur.
Encoder l’URL
Pour plus de sécurité, vous pouvez encoder l’URL dans la fonction JavaScript.
<script>
function rediriger() {
var url = atob('aHR0cHM6Ly9kZXN0aW5hdGlvbi5jb20=');
window.location.href = url;
}
</script>
<a href="#" onclick="rediriger(); return false;">Cliquez ici</a>Ici on a :
- La fonction atob décode une chaîne de caractères encodée en Base64.
- Cela ajoute une couche supplémentaire d’obfuscation en rendant l’URL moins lisible dans le code source.
Intégrer JavaScript dans le fichier externe
Pour une meilleure organisation et maintenabilité, placez votre JavaScript dans un fichier externe.
- Créer un fichier JavaScript externe :
Créez un fichier obfuscation.js avec le contenu suivant :
function rediriger() {
var url = 'https://destination.com';
window.location.href = url;
}- Inclure le fichier JavaScript dans votre page HTML :
<script src="obfuscation.js"></script>
<a href="#" onclick="rediriger(); return false;">Cliquez ici</a>Comment obfusquer un lien sur WordPress ?
L’obfuscation de lien généralement utilisé par les webmaster WordPress, peut être utilisée sur WordPress pour optimiser votre stratégie SEO.
Méthode statique et sécurisée avec JavaScript
Ouvrez l’éditeur WordPress et accédez à la page ou l’article où vous souhaitez ajouter le lien obfusqué.
Utilisez l’éditeur de code pour ajouter un script JavaScript directement dans votre contenu.
<a href="#" onclick="window.location.href='https://destination.com'; return false;">Cliquez ici</a>
Cette méthode masque l’URL réelle du lien, ce qui peut empêcher les robots d’exploration de suivre le lien, préservant ainsi votre jus de lien pour d’autres pages plus importantes.
Méthode dynamique et sécurisée avec PHP
Les shortcodes sont une façon flexible de gérer les redirections et d’obfusquer les liens.
Ajoutez ce code à votre fichier functions.php du thème enfant ou à un plugin personnalisé :
function shortcode_redirection($atts, $content = null) {
$a = shortcode_atts(array(
'url' => '',
), $atts);
$encoded_url = base64_encode($a['url']);
return '<a href="#" onclick="window.location.href=atob(\'' . $encoded_url . '\'); return false;">' . $content . '</a>';
}
add_shortcode('rediriger', 'shortcode_redirection');Utilisez le shortcode [rediriger url="https://destination.com"]Cliquez ici[/rediriger] dans vos articles et pages.
Comment obfusquer un lien avec Elementor ?
Vous pouvez utiliser les mêmes techniques que nous avons vues pour WordPress afin d’obfusquer les liens avec Elementor.
En tant qu’expert Elementor, je recommande une approche plus dynamique, notamment pour les boucles et les cartes.
Vous pouvez ajouter un shortcode en attribut de votre module Elementor dans les paramètres avancés.
Créer un shortcode personnalisé
Ajoutez ce code à votre fichier functions.php du thème enfant ou à un plugin personnalisé :
add_shortcode('shortcode_get_post_lien', function ($atts) {
global $post;
$url = base64_encode(get_permalink($post));
return "ref|".$url;
});Ce shortcode encode l’URL de la ressource en Base64 et la retourne sous forme d’attribut.
Utiliser le shortcode dans Elementor
Accéder aux paramètres avancés d’un module Elementor :
- Ouvrez la page ou l’article que vous souhaitez éditer avec Elementor.
- Sélectionnez le module Elementor dans lequel vous souhaitez ajouter le lien obfusqué.
- Allez dans l’onglet Avancé et ajoutez le shortcode
[shortcode_get_post_lien]dans le champ « Attribute ».
Ajouter le JavaScript global
Soit dans un module HTML d’elementor ou directement dans un fichier JS de votre thème, ajoutez ce script JavaScript globalement pour gérer les redirections basées sur les attributs des cartes :
document.addEventListener('DOMContentLoaded', (event) => {
// Sélectionner tous les éléments avec l'attribut 'ref'
const refElements = document.querySelectorAll('[ref]');
// Ajouter un écouteur d'événement de clic à chaque élément
refElements.forEach((element) => {
element.addEventListener('click', () => {
// Obtenir la valeur de l'attribut 'ref'
const encodedRef = element.getAttribute('ref');
if (encodedRef) {
// Décoder l'URL encodée en Base64
const decodedRef = atob(encodedRef.split('|')[1]);
// Rediriger vers l'URL dans le même onglet
if (decodedRef) {
window.location.href = decodedRef;
}
}
});
});
});Les avantages de l’obfuscation de lien
L’obfuscation de lien peut jouer un rôle important dans l’optimisation de votre stratégie SEO.
Voici les principaux avantages résumés en liste à puce :
- Préservation du jus de lien :
Empêche les moteurs de recherche de suivre certains liens, conservant ainsi plus de valeur SEO pour vos pages importantes. - Contrôle des liens sortants :
Minimise l’impact négatif potentiel des liens sortants sur votre classement SEO en empêchant les moteurs de recherche de suivre ces liens. - Réduction du spam :
Diminue la probabilité que vos liens soient récoltés par des bots de spam, ce qui protège vos liens affiliés et autres liens sensibles. - Protection contre les liens indésirables :
Empêche les moteurs de recherche de suivre les liens vers des sites de faible qualité ou non pertinents, améliorant ainsi la réputation de votre site.
En utilisant l’obfuscation de lien, vous pouvez optimiser votre SEO en préservant la valeur de vos liens internes, en contrôlant l’impact des liens sortants, et en protégeant votre site contre le spam et les liens indésirables.
Les inconvénients de l’obfuscation de lien
Bien que l’obfuscation de lien présente de nombreux avantages, elle comporte également certains inconvénients qui doivent être pris en compte.
Voici une liste détaillée des principaux inconvénients :
- Augmentation de la complexité du site :
L’ajout de couches d’obfuscation peut compliquer la structure et le code de votre site, rendant sa maintenance plus difficile. - Problèmes de débogage :
Lorsqu’un lien obfusqué ne fonctionne pas correctement, il peut être plus difficile de localiser et de résoudre le problème en raison de l’obfuscation. - Risque de pénalités :
Une utilisation excessive ou incorrecte de l’obfuscation de lien peut être perçue comme une tentative de manipulation des moteurs de recherche, ce qui peut entraîner des pénalités SEO. - Confusion pour les utilisateurs :
Les utilisateurs peuvent être méfiants ou confus face à des liens qui ne révèlent pas clairement leur destination, ce qui peut affecter leur confiance et leur expérience sur le site. - Nécessite des compétences techniques :
La mise en œuvre de l’obfuscation de lien nécessite une connaissance de JavaScript, PHP, et d’autres technologies web, ce qui peut représenter un obstacle pour les utilisateurs non techniques.
Il est essentiel de peser ces inconvénients par rapport aux avantages avant de décider d’implémenter l’obfuscation de lien sur votre site.
Une utilisation judicieuse et équilibrée de cette technique peut maximiser les bénéfices tout en minimisant les impacts négatifs.
Besoin d’assistance pour la mise en place de vos obfuscations ?
Quels types de liens doivent être obfusqués ?
Voici les types de liens qui bénéficient le plus de l’obfuscation :
- Liens d’affiliation :
Les liens d’affiliation sont souvent ciblés par des utilisateurs malveillants qui peuvent détourner ou manipuler les liens pour voler des commissions. - Liens vers des pages sensibles :
Les liens vers des pages contenant des informations sensibles ou privées doivent être obfusqués pour empêcher l’accès non autorisé. - Liens vers des ressources téléchargeables :
Les liens vers des fichiers téléchargeables peuvent être obfusqués pour éviter le hotlinking, où d’autres sites web utilisent vos ressources sans permission. - Liens vers des pages à contenu restreint :
Les sites proposant du contenu premium ou restreint peuvent obfusquer les liens pour s’assurer que seuls les utilisateurs autorisés y accèdent. - Liens sortants vers des sites de faible qualité :
En obfusquant les liens non pertinents, vous minimisez leur impact négatif potentiel et protégez votre site contre les pénalités SEO des moteurs de recherche. - Liens utilisés pour le suivi des campagnes :
Les liens utilisés pour le suivi des campagnes marketing ou publicitaires peuvent être obfusqués pour éviter la manipulation des paramètres de suivi et garantir des données de suivi précises.
