Le hreflang est un attribut HTML <link rel="hreflang" href="[URL]"> qui indique aux moteurs de recherche quelle version linguistique d'une page utiliser pour chaque utilisateur. Erreur fréquente : 90% des sites multilingues font des erreurs hreflang causant du duplicate content ou des pages non indexées.
L'attribut hreflang (RFC 5988) signale aux moteurs les URLs alternatifs d'une page pour différentes régions ou langues. Syntaxe : <link rel="hreflang" hreflang="fr-FR" href="https://example.com/fr/">. Chaque page doit avoir des références hreflang vers toutes ses alternatives + une self-reference. Google utilise hreflang pour : (1) montrer la bonne version dans les SERPs locaux, (2) éviter le duplicate content entre langues, (3) comprendre les ciblages géographiques. Les erreurs comunes : utiliser <a hreflang="fr"> au lieu de <link>, omission de self-reference, URL non canonical.
hreflang, c'est comme les panneaux indicateurs dans un aéroport international : « Port 1 : Paris, French passengers » / « Gate 1: Paris, english speakers ». Sans ces panneaux, Google ne sait pas quel guichet montrer à chaque voyageur. Avec hreflang, chaque utilisateur voit la page dans sa langue, même en recherchant depuis un autre pays.
Chaque page alternative doit avoir : (1) self-reference <link rel="hreflang" hreflang="fr" href="https://.../fr/"> ; (2) références vers TOUTES les alternatives (pas seulement la homepage) ; (3) une page « x-default » pour les utilisateurs sans correspondance linguistique. Outils : Plugin alternate hreflang pour Chrome (validation), Screaming Frog (audit complet).
La page avec hreflang="x-default" est servie aux utilisateurs dont la langue n'est pas explicitement couverte. Exemple : utilisateur au Japon cherchant « boutique française en ligne » → voit la page x-default avec sélecteur de langue. La page x-default doit aussi avoir une self-reference et pointer vers toutes les versions linguistiques.
hreflang peut être implémenté de deux façons : (1) Dans le HTML (<link> dans <head>) — pour les pages rendues, préféré ; (2) HTTP Header (Link: <...>; rel="alternate"; hreflang="fr") — pour les PDFs, images, ou sites où le HTML ne peut pas être modifié. Pour les sitemaps hreflang, utiliser le format XML avec <xhtml:link>.
<link rel="alternate" hreflang="x"> dans le <head> de chaque page.Site e-commerce de mode opérant en France, Allemagne, Espagne et UK. 4 200 produits × 4 langues = 16 800 URLs. Audit initial : 67% des pages avaient des erreurs hreflang (self-reference manquante, URLs HTTP au lieu de HTTPS, codes langue incorrects). Corrections : (1) Script automatisé pour générer les bons tags sur toutes les fiches, (2) Canonical HTTPS sur toutes les URLs, (3) Ajout du x-default. Résultat : erreurs hreflang réduites à 0,3%, couverture des 4 marchés passée de 41% à 97%, trafic organique international +78% en 6 mois.
| Métrique | Taux d'erreur | Impact |
|---|---|---|
| Sites multilingues avec erreurs | 90% (erreur fréquente) | Duplicate content |
| Erreur self-reference | La plus commune | Hreflang ignoré |
| Cible x-default | Requis si multi-pays | Page par défaut |
| Codes ISO corrects | fr-FR, de-DE, es-ES | Pas fr, de, es (incomplet) |