Comment obfusquer un lien dans Webflow

Pourquoi obfusquer un lien ?

L'obscurcissement des liens est utilisé dans l'optimisation SEO principalement pour contrôler le flux d'équité de lien et gérer le budget de crawl.

Voici pourquoi c'est important :

• Préserver l'équité de lien : En obscurcissant certains liens, en particulier les liens externes, vous pouvez empêcher les moteurs de recherche de les suivre et potentiellement de perdre l'équité de lien de votre site.
• Gérer le budget de crawl : Bien que ce ne soit pas explicitement mentionné dans le contexte, l'obscurcissement des liens peut aider à gérer le budget de crawl en empêchant les moteurs de recherche de passer du temps sur des pages moins importantes ou non pertinentes.
• Masquer les liens aux moteurs de recherche : Cette technique rend certains liens "invisibles" pour les moteurs de recherche tout en permettant aux utilisateurs de naviguer normalement.
• Éviter les problèmes de contenu dupliqué : Dans certains cas, l'obscurcissement des liens peut aider à empêcher les moteurs de recherche d'indexer plusieurs versions de la même page, ce qui pourrait conduire à des problèmes de contenu dupliqué.
• Protection contre le scraping : En cachant les URL réelles derrière des scripts ou du code, vous rendez plus difficile pour les bots et les scrapers de collecter automatiquement des liens sur votre site.
• Réduction du spam : Les liens obfusqués peuvent décourager les spammeurs de récolter vos adresses URL pour les utiliser dans des campagnes de spam, notamment pour l'envoi de courriels indésirables.
• Réduction des attaques de phishing : Si les URL sont obfusquées, il est plus difficile pour les attaquants de créer des copies trompeuses de votre site en utilisant vos liens directs, ce qui peut réduire le risque de phishing.

Il est important de noter que l'obscurcissement des liens doit être utilisé de manière stratégique et en conformité avec les directives des moteurs de recherche pour éviter toute pénalité potentielle.

Comment obfusquer un lien dans Webflow ?

Pour obfusquer un lien dans Webflow, nous allons utiliser une technique d'encodage qui permet de dissimuler l'URL tout en préservant la fonctionnalité pour l'utilisateur.

Voici comment procéder :

‍

1. Encodage du lien

• Choisissez le lien que vous souhaitez masquer, par exemple : www.gemeosagency.com/fr/mentions-legales
• Utilisez un outil d'encodage en Base64 en ligne
• Copiez la chaîne de caractères obtenue après l'encodage

Dans notre cas d3d3LmdlbWVvc2FnZW5jeS5jb20vZnIvbWVudGlvbnMtbGVnYWxlcwo=

‍

‍

2. Insérer ce code à l’endroit où vous voulez que votre lien apparaisse

‍

<span class="obfusque" data-o="d3d3LmdlbWVvc2FnZW5jeS5jb20vZnIvbWVudGlvbnMtbGVnYWxlcwo=">
Mentions légales
</span>

‍

N'oubliez pas de remplacer la valeur de l'attribut data-o selon votre encodage.

‍

4. Insérez un script sur la page

• Insérez un script personnalisé dans les paramètres de la page ou du site
• Ce script détectera les clics sur les éléments avec la classe "obfusque", décodera l'URL et redirigera l'utilisateur

<script>
jQuery(document).ready(function(e){          
    jQuery('.obfusque').click(function(e){
        var t = jQuery(this);    
        var link = atob(t.data('o'))
        window.open(link)
    })
})
</script>

‍

Pour optimiser l'expérience utilisateur (UX) et renforcer l'efficacité de vos liens masqués, considérez ces ajustements subtils :

• Appliquez un curseur interactif pour signaler la cliquabilité
• Intégrez un effet visuel au survol pour encourager l'interaction

En suivant ces conseils, vous réussirez à implémenter une stratégie d'obfusquation de liens dans Webflow qui préserve la fluidité de navigation tout en répondant à vos objectifs SEO.

Publiez et le tour est joué