Blog Universally

Insights pour grandir à l'échelle mondiale

Conseils SEO multilingues, idées de flux de travail et tutoriels WordPress étape par étape.

Comment ajouter des balises hreflang à WordPress

Comment ajouter des balises Hreflang à WordPress sans toucher au code

Se tromper sur le hreflang de votre site WordPress est l'un des moyens les plus rapides de perdre du trafic SEO multilingue avant même de l'avoir généré. Lorsque Google ne peut pas déterminer quelle version de votre page appartient à quel public, il ignore vos pages traduites ou les traite comme du contenu dupliqué.

En ce qui concerne l'ajout du hreflang, le plus frustrant est que vous devriez modifier le fichier functions.php de votre thème ou configurer manuellement le hreflang dans votre plugin SEO. Aucune de ces options n'est réaliste si vous n'avez pas de développeur disponible.

Je travaille dans l'écosystème WordPress depuis plus de 10 ans, et les erreurs hreflang sont un problème courant sur les sites WordPress multilingues. Mais avec Universally, vous disposez d'un moyen entièrement sans code pour gérer le hreflang dans WordPress, et sa configuration prend moins de 10 minutes.

Dans ce guide, je vais expliquer ce que sont les balises hreflang, pourquoi votre site en a besoin et les étapes exactes pour les implémenter sans écrire une seule ligne de code.

Que sont les balises hreflang ?

Les balises hreflang sont des éléments de lien HTML placés dans la section <head> de vos pages. Elles indiquent aux moteurs de recherche comme Google pour quelle langue et quelle région chaque version d'une page est destinée.

Voici à quoi ressemble une implémentation hreflang de base :

<link rel="alternate" hreflang="en" href="https://example.com/page/" />
<link rel="alternate" hreflang="fr" href="https://example.com/fr/page/" />
<link rel="alternate" hreflang="x-default" href="https://example.com/page/" />

Chaque balise utilise un code de langue ISO 639-1 dans l'attribut hreflang (en pour l'anglais, fr pour le français, de pour l'allemand) et l'URL de la version de cette langue dans href. La balise x-default spécifie une page de secours pour les utilisateurs dont la langue ne correspond à aucune des versions que vous avez traduites.

Une règle qui complique la plupart des implémentations : le hreflang doit être bidirectionnel. Chaque version linguistique d'une page doit référencer toutes les autres versions, y compris elle-même. Si votre page française ne renvoie pas vers la page anglaise, Google considère l'ensemble du cluster comme invalide et l'ignore.

Pourquoi les balises hreflang sont importantes pour votre site WordPress

Sans balises hreflang, Google ne peut pas identifier de manière fiable quelle version de votre contenu afficher à quel public.

En pratique, cela ressemble à ceci : vous créez une page en anglais et une traduction en espagnol. Sans hreflang, Google peut en choisir une comme URL canonique et supprimer l'autre entièrement. Vous pourriez vous retrouver à classer du contenu espagnol pour des recherches en anglais, ou vos pages traduites pourraient ne pas du tout se classer sur leurs marchés cibles.

Le hreflang résout ce problème en rendant le ciblage explicite. Google lit les balises et dirige les utilisateurs vers la bonne version en fonction de leurs paramètres de langue et de localisation.

Pour les propriétaires de boutiques WooCommerce, cela devient essentiel au niveau de la page produit. Une page produit espagnole classée au Mexique ou en Espagne avec la bonne langue peut avoir un impact significatif sur le trafic et les conversions. Sans hreflang, cette précision n'est pas garantie.

Le point clé : les balises hreflang sont la façon dont votre travail de traduction porte réellement ses fruits dans les recherches.

Ajouter automatiquement des balises hreflang dans WordPress

Universally est un outil de traduction IA pour WordPress et WooCommerce créé par Awesome Motive, l'équipe derrière WPBeginner, WPForms et AIOSEO. Contrairement aux plugins qui font des hreflang un module complémentaire ou une étape de configuration, Universally génère automatiquement le cluster hreflang complet dès que vous ajoutez une langue à votre site.

Universally - Solution de traduction basée sur l'IA

Voici un aperçu rapide de ce que Universally a à offrir :

  • Balises hreflang automatiques : Universally génère par défaut un cluster hreflang bidirectionnel complet sur chaque page traduite. Aucun module complémentaire à activer, aucune configuration par page requise.
  • Traduction complète du site : Articles, pages, menus, texte alternatif des images, produits WooCommerce et pages de paiement. Universally traduit automatiquement le contenu de votre site WordPress ou WooCommerce, sans aucune copie-manuelle.
  • IA sensible au contexte : Contrairement à la traduction automatique basique, l'IA de Universally lit le sens et le ton de votre contenu et l'adapte naturellement à chaque langue cible.
  • Pas de gonflement de base de données : Le contenu traduit réside en dehors de votre base de données WordPress, sur une couche externe. Votre site reste rapide et votre configuration existante reste propre.
  • Fonctionne avec n'importe quel thème WordPress : Les thèmes classiques, les thèmes de blocs et les thèmes de constructeurs de pages fonctionnent tous sans configuration supplémentaire ni ajustements CSS tout en ajoutant un sélecteur de langue.
  • Un compte, plusieurs sites : Si vous gérez plus d'un site WordPress, vous pouvez les traduire et les gérer tous à partir d'un seul tableau de bord Universally.

Voyons maintenant comment ajouter des balises hreflang à votre site.

Étape 1 : Créez votre compte Universally

Rendez-vous sur le site Web Universally et créez votre compte. Les plans payants commencent à 7,50 $/mois et sont assortis d'une garantie de remboursement de 14 jours. Il existe également un plan gratuit qui comprend jusqu'à 2 000 mots traduits dans une langue supplémentaire, ce qui vous permet de tester la configuration complète avant de vous engager.

Choisissez un plan pour Universally

Une fois votre compte créé, vous accéderez au tableau de bord Universally.

Vous pouvez cliquer sur le bouton + Ajouter un projet.

Ajouter un nouveau projet

Il vous sera demandé de renseigner les détails du projet, tels que le domaine de votre site, un nom de projet et une langue source.

À partir de là, sous « Sélectionnez votre technologie », choisissez WordPress et cliquez sur Suivant.

Entrez les détails de votre projet

Sur l'écran suivant, vous verrez les instructions pour configurer Universally sur votre site Web WordPress.

Cliquez sur le bouton « Installer le plugin » ou sur le lien « télécharger le plugin » pour enregistrer le fichier .zip du plugin sur votre ordinateur. Nous vous recommandons également de copier la clé API et de la garder à portée de main.

Installez le plugin Universally

Étape 2 : Connecter Universally à WordPress

Dans votre tableau de bord WordPress, vous pouvez aller dans Plugins » Ajouter et cliquer sur le bouton Téléverser un plugin en haut de l'écran.

À partir d'ici, vous pouvez cliquer sur Choisir un fichier, sélectionner le fichier .zip Universally que vous venez de télécharger, puis cliquer sur Installer maintenant. Une fois l'installation terminée, cliquez sur Activer le plugin.

Pour plus d'aide, veuillez consulter ce guide sur comment installer un plugin WordPress.

Après l'activation, un écran de bienvenue s'affichera. Cliquez sur le bouton Connecter à Universally et suivez les instructions à l'écran.

Assistant de configuration Universally

Une fois connecté, l'indicateur de connexion API deviendra vert dans les paramètres d'Universally, sous la section API.

Si la connexion ne s'établit pas automatiquement, vous pouvez coller la clé API que vous avez copiée précédemment.

Check API connection for Universally

Étape 3 : Ajouter des langues pour la traduction

C'est à cette étape que les balises hreflang commencent à être générées.

Dans votre panneau d'administration WordPress, allez dans Universally et faites défiler jusqu'à la section Langues sous l'onglet Général. Cliquez sur + Ajouter des langues.

Ajouter vos langues

Vous serez ensuite redirigé vers le tableau de bord d'Universally.

Cliquez simplement sur Ajouter une langue sous l'onglet Toutes les langues.

Ajouter une nouvelle langue

Une fenêtre pop-up apparaîtra où vous pourrez sélectionner votre langue cible.

Vous pouvez choisir parmi une liste déroulante de plus de 110 langues prises en charge.

Ajouter une langue cible

Après avoir sélectionné une langue, deux options supplémentaires s'offriront à vous :

  • Région : Pour les langues parlées dans plusieurs pays, vous pouvez cibler une région spécifique. Par exemple, vous pouvez distinguer le français de France et le français du Canada, ou le portugais du Brésil et le portugais du Portugal.
  • Format d'URL : Ceci contrôle la façon dont vos pages traduites apparaissent dans l'URL. Pour le référencement multilingue, le format de sous-répertoire est ce que Google recommande. Par exemple, vos pages portugaises se trouveront à l'adresse votresite.com/pt/, vos pages allemandes à l'adresse votresite.com/de/, et ainsi de suite. Universally utilise ce format par défaut, et c'est ce à quoi les balises hreflang feront référence.
Ajouter une langue cible à votre site

Cliquez sur Ajouter une langue lorsque vous avez terminé. Vous pouvez répéter cette étape pour chaque langue supplémentaire que vous souhaitez ajouter.

Félicitations, c'est tout ce qu'il faut.

Le moteur d'IA contextuel d'Universally traduit automatiquement chaque page, article, élément de menu, texte alternatif d'image, description de produit WooCommerce et métadonnées.

Plus important encore pour ce guide, il génère également un cluster hreflang complet sur chaque page : références bidirectionnelles, balises auto-référencielles, x-default, et les codes de langue ISO corrects.

Vous ne configurez rien de tout cela séparément. C'est intégré dans la couche de traduction.

Étape 4 : Vérifiez que vos balises Hreflang sont en ligne

Une fois que vous avez ajouté au moins une langue, visitez n'importe quelle page de votre site.

À partir de là, vous pouvez faire un clic droit n'importe où et sélectionner Afficher la source de la page, puis utiliser Ctrl+F (ou Cmd+F sur Mac) pour rechercher hreflang.

Par exemple, voici comment les balises hreflang apparaissent sur le site Web d'Universally.

Voir les balises hreflang

Vous devriez voir un cluster complet dans la section <head> : une balise par version linguistique, une balise auto-référentielle pour la langue de la page actuelle, et une balise x-default pointant vers la version linguistique d'origine.

Si les balises sont présentes, votre implémentation hreflang est en ligne et fonctionne.

Ce que couvre l'implémentation Hreflang d'Universally

La couche de référencement multilingue d'Universally gère toutes les exigences d'une configuration hreflang valide :

  • Codes de langue ISO corrects : Les bons codes à deux lettres (et les codes régionaux le cas échéant) que Google attend.
  • Balises auto-référencées : Chaque version linguistique inclut une référence à elle-même, comme l'exige Google.
  • Liaison bidirectionnelle : Toutes les pages traduites référencent automatiquement toutes les autres versions linguistiques.
  • Balise x-default : Définie par défaut sur la langue d'origine de votre site.
  • Structure d'URL par sous-répertoire : Les pages traduites se trouvent à l'adresse example.com/fr/, example.com/de/, etc., le format recommandé par Google pour le SEO multilingue.
  • Titres et descriptions méta traduits : Chaque version linguistique obtient ses propres méta optimisées pour le SEO, pas une copie de l'original.
  • Entrées de sitemap XML : Les pages traduites sont automatiquement incluses dans votre sitemap XML.
  • Compatibilité avec les plugins SEO : Fonctionne avec Yoast SEO, AIOSEO, Rank Math et SEOPress sans conflits.

Universally maintient le contenu traduit en dehors de la base de données WordPress. Cette couche de traduction externe signifie que vous n'avez pas de gonflement de base de données, de conflits de constructeur de page ou de ralentissement dus à une configuration multilingue. Les traductions sont traitées dans le cloud et servies à partir d'un CDN mondial.

Comment vérifier votre implémentation Hreflang

Au-delà de la visualisation de la source de la page, il existe deux autres moyens fiables de vérifier votre configuration hreflang.

Google Search Console : Dans Outils et rapports hérités, la section Ciblage international affiche les erreurs hreflang détectées par Google sur votre site. Cela inclut les balises de retour manquantes (échecs bidirectionnels) et les codes de langue incorrects. C'est la vérification la plus fiable disponible.

Vérificateur Hreflang de Merkle : Collez une URL et il valide le cluster hreflang complet sur toutes les versions linguistiques. Il vous montre exactement quelles balises sont présentes, lesquelles sont manquantes et si les références bidirectionnelles sont complètes. C'est le moyen le plus rapide de détecter les erreurs d'implémentation avant qu'elles n'affectent les classements.

Le problème de la configuration manuelle de Hreflang dans WordPress

L'ajout manuel de hreflang nécessite de modifier le fichier functions.php de votre thème ou un plugin personnalisé pour générer les balises correctes sur chaque page. Vous devez maintenir une liste de chaque langue, de chaque modèle d'URL et de la logique x-default. Un code de langue incorrect, une auto-référence manquante ou une URL non canonique, et l'implémentation peut ne pas fonctionner comme prévu, souvent sans avertissement évident.

Même les plugins SEO ne résolvent pas entièrement ce problème. La prise en charge de hreflang par Yoast SEO nécessite une configuration en parallèle d'un plugin multilingue distinct. Cela fait deux systèmes de plugins qui doivent être correctement configurés et synchronisés chaque fois que vous publiez du nouveau contenu.

La plupart des plugins de traduction WordPress traitent hreflang comme un module complémentaire ou une étape de configuration que vous devez effectuer manuellement. Cela signifie que vous pouvez publier du contenu traduit pendant des mois sans aucun hreflang valide en place, et que Google l'ignore discrètement.

L'approche la plus fiable est un plugin qui génère automatiquement les hreflang sur chaque page traduite par défaut, sans configuration supplémentaire requise.

Erreurs courantes de Hreflang à éviter

Même avec un plugin générant vos balises automatiquement, savoir quoi chercher vous aide à repérer tout ce qui pourrait passer inaperçu.

  • Balise x-default manquante : Sans x-default, Google ne sait pas quelle page afficher aux utilisateurs dont la langue n'est pas couverte. Universally la définit automatiquement, mais il est utile de la confirmer dans le code source de votre page.
  • Codes de langue incorrects : Google attend des codes ISO 639-1. Utiliser « english » au lieu de « en » ou le nom complet de la langue au lieu du code à deux lettres signifie que la balise est ignorée.
  • Balises non bidirectionnelles : Chaque version linguistique doit référencer toutes les autres versions. Si vous avez de l'anglais, du français et de l'allemand, chaque page a besoin des trois balises linguistiques plus x-default. Un cluster partiel est considéré comme invalide par Google.
  • Incompatibilités d'URL : Si votre balise hreflang utilise https://example.com/ mais que l'URL canonique est https://www.example.com/, Google constate une incompatibilité et ignore les balises. Les protocoles et les barres obliques finales doivent être cohérents dans toutes les balises.
  • Lacunes dans le nouveau contenu : La maintenance manuelle des hreflang signifie que chaque nouvelle page que vous publiez doit être ajoutée à la liste des balises sur toutes les pages associées. La génération automatique élimine entièrement ce risque.

FAQ sur Hreflang dans WordPress

1. Que sont les balises hreflang dans WordPress ?

Les balises hreflang sont des éléments de lien HTML qui indiquent aux moteurs de recherche la langue et la région ciblées par une page. Dans WordPress, elles sont générées soit par un plugin de traduction, soit en ajoutant manuellement du code aux fichiers de votre thème. Elles sont nécessaires pour les sites multilingues afin d'éviter les problèmes de contenu dupliqué et de garantir que chaque version linguistique se classe sur son marché prévu.

2. Universally ajoute-t-il les balises hreflang automatiquement ?

Oui. Universally génère un cluster hreflang complet sur chaque page traduite dès que vous ajoutez une langue. Les balises sont bidirectionnelles et incluent la balise x-default requise. Aucune configuration SEO séparée n'est nécessaire.

3. Ai-je besoin de balises hreflang si mon site n'est que dans une seule langue ?

Non. Les balises hreflang ne sont pertinentes que lorsque vous avez le même contenu dans plusieurs langues ou que vous ciblez plusieurs régions. Un site dans une seule langue n'en a pas besoin.

4. Puis-je utiliser Universally avec Yoast SEO ou AIOSEO ?

Oui. Universally est compatible avec Yoast SEO, AIOSEO, Rank Math et SEOPress. Votre plugin SEO gère l'optimisation sur la page pour le contenu de votre langue d'origine, tandis qu'Universally gère les hreflang, les titres et descriptions méta traduits, et la structure d'URL des sous-répertoires pour chaque version linguistique.

5. Que deviennent mes balises hreflang si j'annule Universally ?

Universally stocke le contenu traduit sur des serveurs externes. Si un abonnement expire, les pages traduites cessent d'être diffusées et les balises hreflang pour ces pages ne sont plus actives. C'est le même compromis que pour toute plateforme de traduction basée sur le cloud, y compris Weglot. Tant que l'abonnement est actif, tout fonctionne automatiquement.

Hreflang est l'une des étapes de référencement multilingue les plus efficaces que vous puissiez entreprendre, et l'une des plus faciles à mal faire lorsqu'elle est effectuée manuellement. Si vous souhaitez un contenu traduit que Google achemine réellement vers le bon public, l'implémentation doit être complète, bidirectionnelle et appliquée à chaque page, y compris celles que vous publierez demain.

Universally gère tout cela automatiquement dès l'ajout de votre première langue.

Nous espérons que cet article vous a aidé à apprendre comment ajouter des balises hreflang à WordPress. Vous voudrez peut-être aussi consulter notre liste des meilleurs plugins de traduction WordPress et une checklist pour garantir que votre stratégie de localisation génère des conversions.

Essayez Universally gratuitement, aucune carte de crédit requise !

Obtenez l'outil de traduction de sites Web IA n°1

Rejoignez de nombreux propriétaires de sites qui utilisent déjà Universally pour traduire leurs sites Web instantanément.

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés conformément à notre politique de confidentialité, et tous les liens sont nofollow. N'utilisez PAS de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.