Hreflang
Technique et infrastructureUn attribut HTML indiquant aux moteurs de recherche quelle version linguistique d'une page afficher dans chaque région.
Définition
Hreflang est un attribut HTML utilisé dans les balises `<link>` pour indiquer aux moteurs de recherche qu'il existe plusieurs versions linguistiques ou régionales d'une page et quelle version doit apparaître dans les résultats de recherche pour les utilisateurs de chaque locale. L'attribut suit le format `hreflang="xx"` pour un ciblage par langue seule (par exemple, `hreflang="en"` pour l'anglais) ou `hreflang="xx-YY"` pour un ciblage par langue et région (par exemple, `hreflang="pt-BR"` pour le portugais brésilien). Chaque page d'un ensemble multilingue doit référencer toutes les autres versions, y compris elle-même, créant une carte bidirectionnelle complète que les moteurs de recherche peuvent explorer. Une valeur spéciale `hreflang="x-default"` désigne la page de repli pour les utilisateurs dont la langue ou la région ne correspond à aucune version spécifiée.
Pourquoi c'est important
Sans balises hreflang, les moteurs de recherche rencontrent deux problèmes avec les sites multilingues. D'abord, ils peuvent afficher la mauvaise version linguistique aux utilisateurs — montrer une page en anglais à un germanophone, par exemple — ce qui nuit à l'expérience utilisateur et augmente le taux de rebond. Ensuite, les moteurs de recherche peuvent traiter les pages traduites comme du contenu dupliqué et appliquer des pénalités de classement, puisque les pages partagent une structure et une intention similaires. Une implémentation correcte de hreflang résout les deux problèmes : elle dirige chaque utilisateur vers la bonne version linguistique et indique aux moteurs de recherche que les pages traduites sont des alternatives intentionnelles, pas des doublons. Pour les éditeurs visant des audiences internationales, une configuration hreflang correcte peut nettement améliorer le trafic organique provenant des marchés de recherche non anglophones.
Comment ça fonctionne dans FlipLink
Le site marketing de FlipLink, sur fliplink.me, implémente des balises hreflang sur toutes les pages localisées — y compris le blog, le glossaire, les pages de fonctionnalités, les pages d'outils et les pages de comparaison — grâce à son infrastructure de [localisation](/features/localization) propulsée par next-intl. Chaque page inclut automatiquement des éléments `<link rel="alternate" hreflang="...">` pointant vers les huit versions linguistiques disponibles (anglais, italien, espagnol, allemand, japonais, portugais-BR, russe et néerlandais), plus un `x-default` pointant vers la version anglaise. Cela garantit que les moteurs de recherche indexent correctement chaque traduction et servent la bonne version selon la langue et la localisation de l'internaute. Pour tes propres flipbooks et documents publiés, hreflang s'applique à tes pages d'hébergement plutôt qu'à la visionneuse de flipbook elle-même — si tu intègres une publication FlipLink sur un site web multilingue, ajouter des balises hreflang à tes pages d'intégration garantit que les visiteurs arrivent sur la bonne version linguistique depuis les résultats de recherche.
Détails techniques
Hreflang peut être implémenté de trois façons : sous forme de balises HTML `<link>` dans la section `<head>`, sous forme d'en-têtes HTTP (utiles pour les fichiers non HTML comme les PDF), ou dans un sitemap XML à l'aide d'éléments `xhtml:link`. Chaque approche a ses compromis :
- **Les balises link HTML** sont la méthode la plus courante et la plus facile à déboguer avec les outils de développement du navigateur. Elles fonctionnent bien pour les sites avec un nombre raisonnable de versions linguistiques.
- **Les en-têtes HTTP** sont nécessaires quand le contenu lui-même n'est pas du HTML (par exemple, servir un PDF en plusieurs langues).
- **Les entrées de sitemap XML** s'adaptent mieux aux sites comptant des centaines de pages et de nombreuses versions linguistiques, car elles évitent d'alourdir la section `<head>` du HTML.
Quelle que soit la méthode d'implémentation, chaque annotation hreflang doit être réciproque — si la page A déclare la page B comme son alternative espagnole, la page B doit déclarer la page A comme son alternative anglaise. Des liens réciproques manquants amènent les moteurs de recherche à ignorer entièrement les signaux hreflang. Les codes de langue doivent suivre la norme ISO 639-1 (codes de langue à deux lettres), et les codes de région doivent suivre la norme ISO 3166-1 Alpha 2 (codes de pays à deux lettres).
Idées reçues fréquentes
- **« Hreflang contrôle quelle page Google indexe. »** Faux. Hreflang influence quelle version apparaît dans les résultats de recherche pour une locale donnée, mais toutes les versions peuvent quand même être indexées. C'est une indication de diffusion, pas une directive d'indexation.
- **« Je n'ai besoin de hreflang que si je cible différents pays. »** Le hreflang par langue seule (`hreflang="de"` pour l'allemand) est valide et utile même si tu ne cibles pas de pays précis. N'utilise le ciblage langue-plus-région que lorsque tu as du contenu distinct pour des variantes régionales (par exemple, `pt-BR` contre `pt-PT`).
- **« Hreflang remplace le besoin d'un sitemap. »** Faux. Hreflang et sitemaps servent des objectifs différents. Ton sitemap indique aux moteurs de recherche quelles pages existent ; hreflang leur indique comment ces pages sont reliées entre les langues.
- **« Les pages traduites automatiquement devraient utiliser hreflang. »** Techniquement, elles le peuvent, mais les moteurs de recherche peuvent dévaloriser les traductions de faible qualité. Hreflang fonctionne le mieux quand chaque version linguistique offre un contenu réellement utile et au phrasé naturel.
Questions fréquentes
**Que se passe-t-il si les balises hreflang contiennent des erreurs ?**
Les moteurs de recherche ignorent silencieusement les annotations hreflang invalides. Les erreurs courantes incluent les liens réciproques manquants, les codes de langue incorrects et les pages auto-référencées qui omettent leur propre balise hreflang. Utilise le rapport de ciblage international de Google Search Console pour repérer les erreurs hreflang sur ton site.
**Les balises hreflang affectent-elles la vitesse de chargement de la page ?**
L'impact est négligeable. Chaque balise hreflang `<link>` ajoute environ 80 à 120 octets au HTML. Même avec huit versions linguistiques, la charge totale reste sous 1 Ko — bien moins qu'une seule image.
**Devrais-je utiliser hreflang avec les balises canoniques ?**
Oui. Chaque version linguistique devrait avoir une balise canonique auto-référencée pointant vers elle-même et des balises hreflang pointant vers toutes les versions. La balise canonique indique aux moteurs de recherche « ceci est l'URL principale de cette version linguistique », tandis que les balises hreflang relient les versions entre elles.
Termes associés
HTTPS
Une version sécurisée de HTTP qui chiffre les données entre le navigateur et le serveur à l'aide de SSL/TLS.
iFrame
Un élément HTML qui intègre une page web à l'intérieur d'une autre, couramment utilisé pour l'intégration de flipbooks.
Maillage interne
Relier les pages d'un même site web pour améliorer la navigation et répartir l'autorité SEO.
JSON-LD
Un format de données structurées utilisant JSON qui aide les moteurs de recherche à mieux comprendre le contenu d'une page.
Chargement différé
Une technique qui retarde le chargement du contenu d'une page jusqu'à ce qu'il soit nécessaire, améliorant la vitesse de chargement initiale.
Disponible dans d'autres langues
Prêt à transformer
tes PDF ?
Rejoins des milliers d'entreprises qui utilisent FlipLink pour créer du contenu interactif et engageant à partir de leurs PDF. Commence gratuitement — aucune carte bancaire requise.