Sommaire
Pourquoi l’attribut hreflang ?
Voilà, on commence par le commencement. L’attribut hreflang (hreflang = href language) est un petit malin qui permet d’indiquer la langue d’une page Web. Plus précisément, il sert à signaler les différentes versions linguistiques d’une même page. Ainsi, lorsque vous proposez votre contenu en plusieurs langues, vous pouvez utiliser hreflang pour aider Google à comprendre la structure de votre site multilingue.
Son fonctionnement est assez simple. Vous insérez l’attribut hreflang dans la balise link de votre en-tête HTML (oui, dans le <head> ), avec la valeur correspondant au code de langue approprié. Un exemple :
<link rel="alternate" hreflang="fr" href="https://www.example.com/french/" />
Cette ligne indique à Google que la page https://www.example.com/french/ est la version française de votre contenu. Pratique, non ? Surtout quand on sait que Google utilise ces informations pour mieux comprendre la structure de votre site et proposer les résultats les plus pertinents aux internautes.
En bref, l’attribut hreflang est un outil précieux pour le référencement de sites multilingues. Il aide les moteurs de recherche à associer chaque version linguistique à la bonne audience.
Le hic avec hreflang
Eh oui, les choses ne sont jamais parfaites. Récemment, Google a découvert un petit souci dans la façon dont certains éditeurs implémentent l’attribut hreflang. Un comportement inattendu qui pourrait avoir des conséquences sur la manière dont le moteur de recherche traite ces informations.
Alors, quel est le problème exactement ? Google a remarqué que certains sites combinent l’attribut hreflang avec d’autres attributs dans une même balise link. Un mélange des genres qui n’est pas prévu et qui pourrait perturber le traitement de ces données par le moteur de recherche.
Ne combinez pas les attributs hreflang avec d’autres attributs dans une même balise link. C’est le conseil de Google pour éviter les problèmes.
Concrètement, voici un exemple de ce qu’il ne faut pas faire :
<link rel="alternate" hreflang="fr" media="screen and (max-width: 600px)" href="https://www.example.com/french/mobile/" />
Dans cet exemple, on combine l’attribut hreflang avec l’attribut media, ce qui n’est pas recommandé par Google. Pourquoi ? Parce que cela pourrait entraîner un comportement inattendu du moteur de recherche lors du traitement de ces informations.
Comment éviter les problèmes ?
La solution est simple : séparez les attributs dans des balises link distinctes. Voici la façon correcte de procéder :
<link rel="alternate" hreflang="fr" href="https://www.example.com/french/" /><link rel="alternate" media="screen and (max-width: 600px)" href="https://www.example.com/french/mobile/" />
En séparant les attributs hreflang et media dans deux balises link différentes, vous évitez tout risque de comportement inattendu de la part de Google. Le moteur de recherche pourra ainsi traiter correctement les informations sur les versions linguistiques de votre site, ainsi que les versions adaptées aux différents appareils.
Une mise à jour bienvenue
En mettant à jour sa documentation sur l’attribut hreflang, Google nous rend un grand service. Certes, ce petit détail peut sembler anodin, mais il pourrait avoir un impact non négligeable sur le référencement de votre site multilingue. En suivant les bonnes pratiques recommandées, vous éviterez tout comportement inattendu et vous maximiserez vos chances d’être correctement référencé par le moteur de recherche.
Alors, n’attendez plus et vérifiez l’implémentation de vos balises hreflang. Un petit effort qui pourrait vous éviter de gros soucis de référencement par la suite. Et n’oubliez pas, lorsque Google donne des conseils, il vaut mieux les suivre à la lettre (à moins d’avoir une très bonne raison de faire autrement, mais ça, c’est une autre histoire).
