Connexion
← Retour au lexique
⚙️ SEO Technique

Noreferrer

Attribut HTML qui empêche la transmission de l'URL de référence lors d'un clic sur un lien externe.

Définition

L’attribut rel=“noreferrer” est une directive HTML qui bloque la transmission de l’en-tête HTTP Referer lorsqu’un utilisateur clique sur un lien. Le site de destination ne peut pas identifier d’où vient le visiteur, améliorant la confidentialité mais impactant le tracking et l’attribution des backlinks.

Syntaxe et usage

Implementation basique

<!-- Lien avec noreferrer -->
<a href="https://site-externe.com" rel="noreferrer">
  Lien confidentiel
</a>

<!-- Combinaison avec noopener -->
<a href="https://site-externe.com" 
   rel="noreferrer noopener" 
   target="_blank">
  Lien sécurisé
</a>

Effet technique

# Sans noreferrer
GET /page HTTP/1.1
Host: destination.com
Referer: https://source.com/page-origine

# Avec noreferrer  
GET /page HTTP/1.1
Host: destination.com
# Pas d'en-tête Referer

Impact SEO

Lien normal :
Source → Destination (avec referer)
├── Analytics : Trafic référent visible
├── GSC : Backlink comptabilisé
└── PageRank : Transmission normale

Lien noreferrer :
Source → Destination (sans referer)
├── Analytics : Trafic "direct"
├── GSC : Pas de backlink visible
└── PageRank : Transmission intacte

Tracking et attribution

// Detection trafic noreferrer
if (document.referrer === '') {
    // Peut être direct ou noreferrer
    gtag('event', 'traffic_source', {
        'source': 'unknown_or_direct'
    });
}

Cas d’usage appropriés

Protection confidentialité

<!-- Liens sensibles -->
<a href="https://bank-login.com" 
   rel="noreferrer noopener">
  Espace client banque
</a>

<!-- Liens externes non endorsés -->
<a href="https://user-generated-link.com" 
   rel="noreferrer ugc nofollow">
  Lien utilisateur
</a>

Sécurité renforcée

Scénarios noreferrer obligatoire :
├── Pages admin → Sites externes
├── Données sensibles → Redirections
├── HTTPS → HTTP (automatique)
├── Apps → Sites tiers
└── Emails → Landing pages

Noreferrer automatique

<!-- Comportement par défaut selon contexte -->
<a href="http://site.com" target="_blank">
  <!-- Auto-noreferrer si HTTPS→HTTP -->
</a>

<meta name="referrer" content="no-referrer">
<!-- Applique à toute la page -->

Politiques referrer

<!-- Contrôle global -->
<meta name="referrer" content="origin">
<meta name="referrer" content="same-origin">
<meta name="referrer" content="strict-origin">
<meta name="referrer" content="no-referrer-when-downgrade">

Alternatives et nuances

rel=“noopener”

<!-- Sécurité sans masquer referrer -->
<a href="https://site.com" 
   rel="noopener" 
   target="_blank">
  Sécurisé mais trackable
</a>

Referrer partiel

<!-- Envoie seulement le domaine -->
<meta name="referrer" content="origin">

<!-- Résultat -->
Referer: https://monsite.com
<!-- Au lieu de https://monsite.com/page/complete -->

Impact analytics

Google Analytics

Trafic noreferrer apparaît comme :
├── Source : (direct)
├── Medium : (none)
├── Comportement : Session directe
└── Attribution : Manquée

Solutions tracking

// Paramètres UTM pour contourner
const trackedUrl = new URL(originalUrl);
trackedUrl.searchParams.set('utm_source', 'mon-site');
trackedUrl.searchParams.set('utm_medium', 'referral');

link.href = trackedUrl.toString();
link.rel = 'noreferrer noopener';

Demande sans noreferrer :
"Pourriez-vous créer le lien sans 
l'attribut rel='noreferrer' pour que 
nous puissions mesurer le trafic ?"

Alternative avec tracking :
"Ou utiliser cette URL avec UTM :
https://site.com?utm_source=votre-site"

Audit liens existants

# Script vérification noreferrer
import requests
from bs4 import BeautifulSoup

def check_noreferrer_links(url):
    response = requests.get(url)
    soup = BeautifulSoup(response.text, 'html.parser')
    
    noreferrer_links = soup.find_all('a', 
        href=True, 
        rel=lambda x: x and 'noreferrer' in x
    )
    
    return [(link.get('href'), link.get('rel')) 
            for link in noreferrer_links]

Bonnes pratiques

Quand utiliser noreferrer

✅ Utiliser noreferrer :
├── Liens vers compétiteurs
├── Sites externes non fiables
├── Contenu généré utilisateurs
├── Liens temporaires/tests
└── Applications sensibles

❌ Éviter noreferrer :
├── Partenaires commerciaux  
├── Liens de citation/source
├── Resources recommandées
├── Affiliations voulues
└── Backlinks négociés

Implémentation stratégique

<!-- Lien partenaire (tracking voulu) -->
<a href="https://partenaire.com/page">
  Notre partenaire
</a>

<!-- Lien externe neutre -->
<a href="https://wikipedia.org" 
   rel="noopener">
  Source Wikipedia
</a>

<!-- Lien non-endorsé -->
<a href="https://untrusted.com" 
   rel="noreferrer nofollow noopener">
  Lien utilisateur
</a>

L’attribut noreferrer est un outil de confidentialité important mais doit être utilisé en connaissance de son impact sur le tracking et l’attribution des liens.

← Retour au lexique