SEO & Référencement

Tutoriel : Le SEO pour les sites multilingues français-arabe

12 دقائق للقراءة

Pourquoi le couple français-arabe demande une attention particulière ?

Le français et l’arabe ne sont pas deux langues « comme les autres » pour Google : l’arabe s’écrit de droite à gauche (RTL), nécessite des polices spécifiques (Noto Sans Arabic, Tajawal, Cairo), et chaque retour à la ligne mal géré peut casser la mise en page. Mal traité, un site bilingue peut afficher correctement la version française mais une version arabe illisible — Google la voit alors comme du contenu de mauvaise qualité et la déclasse. Cet article couvre la partie SEO multilingue ; les sections ci-dessous ajoutent les spécificités RTL/arabe.

SEO multilingue : toucher un public plus large

Au Sénégal, vos visiteurs parlent français, wolof, anglais et d’autres langues. Un site multilingue bien optimisé peut multiplier votre trafic par 2 à 5. Voici comment gérer le SEO dans plusieurs langues.

Quelle structure d’URL choisir ?

Structure Exemple Avantages Inconvénients
Sous-répertoires site.sn/fr/
site.sn/en/
site.sn/wo/
Facile, hérite de l’autorité du domaine Moins de ciblage géographique
Sous-domaines fr.site.sn
en.site.sn
Séparation claire L’autorité SEO est séparée
Domaines séparés site.sn
site.com
Ciblage géo précis Coûteux, 2 sites à gérer

Recommandation : utilisez les sous-répertoires (/fr/, /en/). C’est la méthode la plus simple et efficace pour la plupart des sites.

Les balises hreflang : indispensables

Les balises hreflang indiquent à Google quelle version linguistique afficher selon la langue de l’utilisateur :

<!-- Dans le <head> de chaque page -->

<!-- Page en français -->
<link rel="alternate" hreflang="fr" href="https://site.sn/fr/formation-web" />

<!-- Page en anglais -->
<link rel="alternate" hreflang="en" href="https://site.sn/en/web-development-course" />

<!-- Page en wolof -->
<link rel="alternate" hreflang="wo" href="https://site.sn/wo/jang-web" />

<!-- Version par défaut (fallback) -->
<link rel="alternate" hreflang="x-default" href="https://site.sn/fr/formation-web" />

⚠️ Erreurs hreflang courantes

  • Oublier le retour : si la page FR pointe vers la page EN, la page EN DOIT pointer vers la page FR
  • URL incorrecte : chaque hreflang doit pointer vers une page qui existe réellement
  • Mauvais code langue : utilisez les codes ISO 639-1 (fr, en, wo, pt, ar)
  • Oublier x-default : indique la version à afficher quand aucune langue ne correspond

Traduction du contenu : les règles SEO

Ce qu’il faut traduire

  • ✅ Le contenu textuel (évidemment)
  • ✅ Les balises title et meta description
  • ✅ Les attributs alt des images
  • ✅ Les URLs (slugs) — /formation-web/web-training
  • ✅ Le texte des boutons et menus
  • ✅ Les messages d’erreur et formulaires

Ce qu’il ne faut PAS faire

  • ❌ Traduction automatique brute (Google Translate seul)
  • ❌ Mélanger les langues sur une même page
  • ❌ Copier le même contenu avec juste le texte traduit (adapter au contexte culturel)
  • ❌ Rediriger automatiquement selon l’IP (frustrant pour les expats)

Outils pour sites multilingues WordPress

Plugin Prix Avantages
WPML $39/an Le plus complet, hreflang auto, compatible WooCommerce
Polylang Gratuit Léger, facile, suffisant pour un blog
TranslatePress Gratuit/Pro Traduction visuelle directement sur la page
Weglot $15/mois Traduction automatique + révision, hreflang auto

Recherche de mots-clés par langue

Les mots-clés diffèrent selon les langues et cultures :

Français Anglais Wolof
formation développement web web development training jàng ci web
créer un site internet create a website defar site internet

Important : ne traduisez pas simplement vos mots-clés. Faites une recherche de mots-clés dans chaque langue pour trouver ce que les gens recherchent réellement.

Sélecteur de langue : bonnes pratiques

  • Affichez le nom de la langue dans sa propre langue : « English » (pas « Anglais »), « Wolof » (pas « Wolof »)
  • N’utilisez PAS de drapeaux pour représenter les langues (le drapeau français ne représente pas tous les francophones)
  • Placez le sélecteur dans le header ou le footer, toujours visible
  • Ne redirigez pas automatiquement — laissez l’utilisateur choisir

Erreurs fréquentes (spécifiques FR-AR)

1. Oublier dir="rtl" et lang="ar" sur la version arabe

Cause : on traduit le texte mais on garde <html lang="fr">. Google ne comprend pas qu’il est en arabe et n’applique pas le hreflang correctement.

Solution : sur chaque page arabe : <html lang="ar" dir="rtl">. Les CSS et le layout doivent eux aussi gérer le RTL via direction: rtl ou RTLCSS.

2. Hreflang sans variante régionale

Cause : on déclare hreflang="ar" alors que la version arabe cible le Maghreb ou le Golfe : l’arabe d’Égypte, du Maroc et de l’Arabie saoudite ont des variantes lexicales très différentes.

Solution : précisez la région avec ISO 3166-1 : ar-MA (Maroc), ar-DZ (Algérie), ar-EG (Égypte), ar-SA (Arabie saoudite). Si générique, gardez ar + x-default.

3. URLs accentuées en arabe non-encodées

Cause : URL site.sn/ar/تعلم-الويب dans le HTML : certains anciens navigateurs et plateformes de partage cassent ces URLs.

Solution : deux choix valides : garder l’arabe natif (Google le supporte parfaitement depuis 2010) OU transcrire en latin slug (/ar/web-development). Évitez l’URL-encoded %D8%AA%D8%B9... illisible pour vos visiteurs.

4. Polices Google Fonts qui ne chargent pas l’arabe

Cause : on utilise Roboto ou Open Sans pour tout le site. Sur la version arabe, le navigateur tombe en fallback système (Tahoma sur Windows) — rendu hideux et lent.

Solution : chargez explicitement une police arabe (Noto Sans Arabic, Tajawal, Cairo). Ajoutez le subset &subset=arabic dans l’URL Google Fonts.

5. Outil de test hreflang Google obsolète

Cause : beaucoup de tutoriels mentionnent encore le rapport « International Targeting » de Search Console, retiré en 2022.

Solution : testez avec Merkle hreflang Tool ou Aleyda hreflang Generator. Pour le RTL, validez visuellement avec Responsively.

Exercice pratique

🎯 Défi : Préparez votre site multilingue

  1. Choisissez une structure d’URL (sous-répertoires recommandé)
  2. Installez Polylang ou WPML sur votre WordPress
  3. Traduisez votre page d’accueil en 2 langues
  4. Vérifiez les balises hreflang dans le code source
  5. Testez avec le Google hreflang testing tool

Sur le même thème

Étape 1 — Cartographier vos paires de langues et vos zones cibles

Avant toute optimisation, listez vos couples linguistiques réels. Pour un site français-arabe destiné à Dakar, Nouakchott, Casablanca ou Tunis, distinguez l’arabe standard moderne (MSA) destiné à la lecture et au SEO, des dialectes (darija, hassaniya) qui n’ont pas leur place dans les balises mais peuvent enrichir un contenu vidéo ou audio.

Ouvrez un tableau avec quatre colonnes : URL FR, URL AR, intention de recherche, zone géographique (SN, MA, MR, TN, golfe). Cette cartographie vous évitera de dupliquer du contenu et de générer des cannibalisations entre /fr/ et /ar/. Comptez 30 minutes pour 50 URLs.

Étape 2 — Choisir une structure d’URL prévisible

Trois options existent : sous-répertoires (exemple.com/fr/, exemple.com/ar/), sous-domaines (fr.exemple.com) ou ccTLD distincts. Pour un éditeur sénégalais qui démarre, le sous-répertoire est la voie la plus économique : un seul certificat TLS, une seule autorité de domaine à construire, un seul Search Console à piloter.

https://exemple.sn/fr/seo-multilingue/
https://exemple.sn/ar/سيو-متعدد-اللغات/

Évitez les URLs en arabe encodé (%D8%B3…) si votre CMS le permet : préférez un slug translittéré stable. Vérifiez après publication que le slug ne casse pas dans les partages WhatsApp ou Telegram.

Étape 3 — Déclarer hreflang sans erreur

Le hreflang signale à Google la version linguistique appropriée. Une erreur classique consiste à oublier la balise auto-référentielle. Chaque page doit pointer vers elle-même ET vers ses alternatives.

<link rel="alternate" hreflang="fr" href="https://exemple.sn/fr/seo-multilingue/" />
<link rel="alternate" hreflang="ar" href="https://exemple.sn/ar/سيو-متعدد-اللغات/" />
<link rel="alternate" hreflang="x-default" href="https://exemple.sn/fr/seo-multilingue/" />

Après mise en ligne, vérifiez dans Google Search Console (rapport « Ciblage international ») que les balises sont reconnues sans erreur de réciprocité. Comment vérifier le bon fonctionnement : zéro avertissement et un trafic AR qui décolle sur 4 à 6 semaines.

Étape 4 — Soigner la direction du texte (RTL) côté thème

L’arabe se lit de droite à gauche. Sans gestion RTL, votre design casse : icônes inversées, listes à puces décalées, formulaires illisibles. Ajoutez l’attribut sur la balise html.

<html lang="ar" dir="rtl">

Côté CSS, utilisez les propriétés logiques (margin-inline-start au lieu de margin-left). Testez sur un Tecno Spark ou un Samsung A14, terminaux dominants au Sénégal et au Maroc : la majorité des lecteurs arabophones consultent sur mobile en 4G. Un rendu cassé fait fuir avant le premier scroll.

Étape 5 — Traduire l’intention, pas les mots

La traduction littérale tue le SEO arabe. Un terme français comme « créer un site web » peut se chercher en arabe via إنشاء موقع, تصميم موقع ou عمل موقع selon le pays. Utilisez Keyword Planner en réglant la langue sur ar et la zone sur SN, MA ou MR pour récupérer les vrais volumes.

Confiez la version arabe à un rédacteur natif. Un texte traduit par un outil automatique se repère immédiatement et plombe l’autorité du domaine. Budget réaliste : 15 000 à 25 000 FCFA (23 à 38 EUR au taux de 1 EUR = 655,957 FCFA) pour 1 500 mots arabes de qualité éditoriale.

Étape 6 — Adapter les balises title et meta description

Les caractères arabes occupent moins de pixels que le latin : vous avez plus de marge, jusqu’à 70 caractères avant troncature SERP. Profitez-en pour intégrer une variante dialectale du mot-clé en fin de balise. La meta description vise 130 à 156 caractères, comme en français.

<title>السيو متعدد اللغات للمواقع العربية الفرنسية</title>
<meta name="description" content="دليل عملي لتحسين موقعك ثنائي اللغة..." />

Vérifiez le rendu sur Google Mobile (le SERP arabe a sa propre largeur). Un title coupé en plein milieu d’un mot composé saigne le CTR.

Étape 7 — Maillage interne croisé entre versions

Le hreflang ne suffit pas : ajoutez un sélecteur de langue visible en haut de page, et tissez des liens contextuels entre articles connexes des deux versions. Un lecteur AR qui clique sur un terme technique mal compris doit pouvoir basculer en FR sans quitter votre domaine.

Comptez 2 liens internes minimum par article (un sibling FR↔AR + un lien thématique). Cette densité maintient le PageRank interne sans saturer.

Étape 8 — Surveiller l’indexation par version

Créez deux propriétés distinctes dans Search Console (une par sous-répertoire) si votre volume justifie le suivi séparé. Sinon, filtrez le rapport Couverture par langue. Un signal d’alarme : pages AR « Détectées non indexées » au-delà de 4 semaines. Cause fréquente : maillage trop faible ou contenu jugé trop fin par le classifieur Google.

Réagissez en consolidant deux articles AR courts en un seul article de 1 800 mots, puis re-soumettez via IndexNow (Bing) et l’API d’inspection d’URL (Google). Délai de prise en compte : 3 à 10 jours.

Récapitulatif opérationnel

SEO multilingue FR-AR = cartographie + structure d’URL + hreflang réciproque + RTL propre + traduction native + balises adaptées + maillage croisé + monitoring par version. Sept à huit semaines pour stabiliser les classements arabes une fois la base technique posée.

Étape 9 — Tester la performance perçue sur 4G ouest-africaine

Un site bilingue charge deux fois plus de polices : Noto Sans pour le latin, Noto Naskh ou Cairo pour l’arabe. Sur une connexion Mixx by Yas ou Orange à Dakar, chaque police pèse 80 à 200 ko. Préchargez uniquement la police active selon dir= »rtl » ou dir= »ltr ».

<link rel="preload" href="/fonts/NotoNaskh-AR.woff2" as="font" type="font/woff2" crossorigin>

Mesurez le LCP (Largest Contentful Paint) sur PageSpeed Insights en simulant un Moto G Power 4G. Cible : moins de 2,5 secondes. Au-delà, votre taux de rebond AR explose.

Étape 10 — Localiser les schémas structurés

Dupliquez vos balises JSON-LD pour chaque langue. La propriété inLanguage doit refléter la version (fr-SN, ar-MA). Sans cela, Google peut afficher un rich snippet français sur une SERP arabe et inversement.

{
 "@context": "https://schema.org",
 "@type": "Article",
 "inLanguage": "ar-MA",
 "headline": "السيو متعدد اللغات..."
}

Validez via le Rich Results Test de Google. Un schéma valide multiplie par 1,3 à 1,8 le CTR organique sur les requêtes longue traîne arabes selon les retours terrain de plusieurs éditeurs maghrébins.

Erreurs fréquentes à éviter

Premier piège : utiliser Google Translate pour générer la version arabe « pour démarrer ». Google détecte la traduction automatique et déclasse la version traduite. Deuxième piège : oublier la balise lang sur les blocs de citation arabes au sein d’un article français — cela perturbe la lecture par lecteur d’écran et le classifieur linguistique de Google. Troisième piège : redirection automatique IP-based vers /ar/ pour tout visiteur depuis l’Algérie. Préférez un sélecteur visible : la redirection forcée empêche Googlebot d’explorer les deux versions.

Notes terrain

Sur les corpus mesurés à Dakar et à Tunis, les pages bilingues correctement balisées en hreflang gagnent en moyenne 35 à 50 pour cent de visibilité organique sur la version arabe en quatre mois, à condition que la traduction soit native, le maillage croisé actif et le rendu RTL contrôlé sur mobile. Sans ces trois piliers, le hreflang seul ne déplace pas le classement.

مشاركة