La balise Hreflang

La balise Hreflang

Article Number: 13
Cet article contient mots
Le temps de lecture est d'environ minutes.

Quels sont les attributs des balises hreflang ?

Le saviez-vous ? Plus de 7 000 langues sont parlées dans le monde.

Lorsqu'il s'agit de mettre en place votre site web, il est essentiel que votre contenu soit communiqué à votre public dans la bonne langue. La façon la plus simple de le faire est d'utiliser la balise Hreflag dans votre en-tête.

Comment déclarer une balise linguistique

Il va sans dire que vous voulez servir le contenu de vos visiteurs dans la langue appropriée, car cela leur permet de le lire sans traduction.

Pour vous protéger contre un incident, vous pouvez déclarer la langue de votre site web dans votre en-tête.

Par exemple, si votre site est construit sur le système de gestion de contenu Joomla, prenez ces mesures :

  • Connectez-vous pour accéder au code source de votre site
  • Cliquez sur Extensions -> Templates -> Templates
  • Cliquez sur Détails et fichiers de votre gabarit
  • Sur le côté gauche de la page, cliquez sur index.php
  • Trouvez la balise HTML en haut du code
  • Une fois ces étapes franchies, il est temps de choisir la bonne balise linguistique. Chaque balise de langue que vous ajoutez comprendra un code. Vous avez également la possibilité d'inclure un code régional.
Cette méthode ne concerne que les templates maison. Dans la généralité la plupart des templates ont déjà cette ligne de code qui est défini nativement par le CMS

Il existe une liste complète de noms de cultures linguistiques, de codes et de méthodes de valeurs ISO. Par exemple, vous trouverez ce qui suit pour le français :
Table des noms, codes et valeurs ISO de la culture linguistique
Accessoirement vous pouvez utiliser " fr-GP " pour la Guadeloupe.

Voici le format que vous pouvez utiliser pour entrer le code dans votre balise HTML :

<html lang="fr-FR">

Avez-vous un site web multilingue ?

Un nombre croissant de sites web sont multilingues, ce qui permet d'attirer un public plus large. Bien que vous ne puissiez pas ajouter plusieurs langues dans votre balise HTML, il existe une solution simple à ce problème.

Avec l'utilisation d'un CMS comme Joomla, vous pouvez définir un nombre illimité de langues pour votre site web. Il vous suffit de baliser le contenu avec la langue appropriée, et le CMS fait le reste du travail pour vous.

Exemple
L'exemple d'Amazon qui a un site web qui dessert des utilisateurs en France, aux États-Unis, en Grande-Bretagne et en Allemagne. Les URL suivantes contiennent sensiblement le même contenu, mais avec des variations régionales :

  • http://fr.example.com/page.html - Page d'accueil générique en français qui contient des informations sur les frais de transport international au départ de la France et affiche des prix en Euros.
  • http://en.example.com/page.html - Page d'accueil générique en anglais qui contient des informations sur les frais de transport international au départ des États-Unis.
  • http://en-gb.example.com/page.html - Page d'accueil en anglais qui affiche les prix en livres sterling.
  • http://en-us.example.com/page.html - Page d'accueil américaine qui affiche les prix en dollars américains.
  • http://de.example.com/page.html - Page d'accueil en allemand.
  • http://www.example.com/ Page par défaut qui ne cible aucune langue ou localité ; dispose de sélecteurs pour permettre aux utilisateurs de choisir leur langue et leur région.

Le HTML qui doit être collé dans la section d'en-tête de toutes les pages énumérées ci-dessus. Il dirigerait les francophones, les anglophones génériques, les germanophones et les anglophones des États-Unis et du Royaume-Uni vers les pages localisées, et tous les autres vers une page d'accueil générique. La recherche Google renvoie le résultat approprié pour l'utilisateur, en fonction des paramètres de son navigateur.

Articles complémentaires