Un site multilingue au Maroc en 2026 doit gérer correctement le français (toujours), souvent l'arabe (parfois oublié), et parfois l'anglais (export, expatriés). Bien fait, c'est un avantage SEO massif puisque 95% des concurrents ne traitent pas l'arabe sérieusement. Mal fait, c'est un cauchemar de duplication de contenu et d'indexation. Ce guide donne les bonnes pratiques techniques et SEO.
Faut-il vraiment un site multilingue ?
Avant la technique, la question stratégique. Trois cas justifient clairement un site multilingue :
- Audience arabophone large dont une partie ne maîtrise pas le français (B2C grand public, e-commerce mass market, services publics)
- Activité d'export vers l'Europe ou les États-Unis (anglais obligatoire)
- Présence dans plusieurs pays (Maroc + Tunisie + Algérie par exemple)
Si votre cible est 100% marocaine francophone B2B (PME, professions libérales, conseil), le français seul couvre 95% des leads qualifiés. L'arabe et l'anglais ajoutent du travail sans gain proportionnel.
L'architecture URL — sous-dossiers gagnent
Trois architectures possibles pour un site multilingue :
| Architecture | Exemple | Avantages | Inconvénients |
|---|---|---|---|
| Sous-dossiers | site.ma/fr, site.ma/ar | Simple, autorité unifiée | Aucun sérieux |
| Sous-domaines | fr.site.ma, ar.site.ma | Sépare le SEO par langue | Complexité, perte d'autorité |
| Domaines distincts | site.ma, site.fr, site.ae | Hyper-local | Coût, gestion lourde |
Notre recommandation par défaut : sous-dossiers. Conservez l'autorité de votre domaine principal, simplifiez la gestion, évitez la fragmentation SEO. Sauf cas spécifique d'export massif sur des marchés très différenciés, ne complexifiez pas avec des sous-domaines ou domaines séparés.
Les balises hreflang — non négociables
Sans hreflang, Google ne sait pas quelle version montrer à quel visiteur. Résultat : un visiteur arabophone reçoit la version française, ou pire, les deux versions se cannibalisent en SEO.
Sur chaque page, déclarez toutes les versions linguistiques réciproquement :
<link rel="alternate" hreflang="fr" href="https://site.ma/fr/services" />
<link rel="alternate" hreflang="ar" href="https://site.ma/ar/خدمات" />
<link rel="alternate" hreflang="en" href="https://site.ma/en/services" />
<link rel="alternate" hreflang="x-default" href="https://site.ma/fr/services" />
Le x-default indique la version par défaut quand aucune langue ne
correspond. Pour un site marocain principalement francophone,
toujours fr.
Le RTL pour l'arabe — au-delà du dir="rtl"
L'arabe s'écrit de droite à gauche (Right-To-Left). Cela impose des
adaptations qui dépassent le simple dir="rtl" :
Au niveau HTML
<html lang="ar" dir="rtl">
Le navigateur inverse alors le sens du texte et la majorité des layouts. C'est la base.
Au niveau CSS — utiliser les CSS logical properties
Au lieu de margin-left, utilisez margin-inline-start qui s'adapte
automatiquement au sens. Tailwind CSS v4 supporte les propriétés
logiques (ms-4 au lieu de ml-4).
Composants à adapter manuellement
- Icônes directionnelles (flèches "lire la suite") : inverser via
transform: scaleX(-1)en RTL - Animations qui se déplacent horizontalement
- Tableaux : la première colonne doit être à droite en arabe
- Menus déroulants : alignement à droite par défaut
Typographie arabe
L'arabe a ses propres exigences typographiques. Choisir une font qui supporte bien l'arabe — Noto Sans Arabic, Cairo, Tajawal sont les références sur Google Fonts. Tester le rendu sur les mots longs et les ligatures.
Traduire les slugs eux-mêmes
L'erreur la plus fréquente : garder /fr/services/site-vitrine en
version arabe au lieu de le traduire en /ar/خدمات/موقع-تعريفي.
Conséquence : Google ne ranke pas la version arabe sur les requêtes arabes. Le SEO arabe est cassé à la racine.
Bonne pratique : traduire les slugs avec les vrais mots arabes (pas
de translittération latine type khadamat-mawqi3-tarifi). Google
indexe correctement les caractères arabes dans les URLs depuis
2010+.
Gérer le contenu multilingue côté CMS
Next.js avec i18n natif (recommandé)
Configuration dans next.config.ts :
const config = {
i18n: {
locales: ['fr', 'ar', 'en'],
defaultLocale: 'fr',
},
};
Routes automatiques /fr/..., /ar/..., /en/.... Détection auto
de la langue du visiteur. Aucun plugin tiers nécessaire.
WordPress avec WPML ou Polylang
WPML est la référence payante (~99 USD/an). Polylang gratuit fait l'essentiel. Les deux ralentissent significativement le site (plugins lourds). Si on doit choisir : WPML pour les sites avec contenu volumineux, Polylang pour les sites simples.
Shopify
Shopify gère mal le multilingue nativement. Apps tierces (Weglot, LangShop) ajoutent un coût mensuel et ont des limites en arabe RTL. À éviter pour un e-commerce marocain multilingue sérieux.
SEO multilingue — les détails qui changent tout
- Sitemap.xml par langue : un sitemap unique avec hreflang, ou des sitemaps séparés. Soumettez chacun à Google Search Console.
- Schema.org localisé :
inLanguage: "ar-MA"sur les pages arabes - Meta title et description traduits par un humain (pas Google Translate) — c'est ce que Google affiche en SERP
- Internal linking entre les versions linguistiques de la même page
- Surveiller la cannibalisation dans Search Console — si la version FR ranke en arabe ou inversement, hreflang est mal configuré
L'opportunité de l'arabe au Maroc
95% des sites marocains négligent le SEO en arabe. Pourtant :
- 60% des recherches Google au Maroc se font en arabe ou en alternance FR/AR (Google Trends 2026)
- Les requêtes arabes ont une concurrence beaucoup plus faible que les équivalents français
- L'arabe est sous-exploité même par les acteurs internationaux
Pour un site B2C ou public mass-market, ajouter une version arabe bien faite peut multiplier le trafic organique par 1,5 à 2 en 6 mois — sans toucher au SEO français existant.
Erreurs courantes à éviter
- Traduire avec Google Translate sans relecture humaine — perte de crédibilité immédiate, surtout en arabe
- Garder les slugs FR en version arabe — le SEO arabe ne décolle jamais
- Oublier les balises hreflang réciproques — Google ne sait pas quelle version servir
- Ne traduire que la home et le menu — Google attend que TOUTES les pages importantes soient traduites
- Mélanger les langues dans une même page — confusion pour les moteurs et les visiteurs
Pour aller plus loin
- Création de site web au Maroc — guide complet 2026 — la pillar du silo
- SEO au Maroc — le guide 2026 — l'arabe est l'opportunité SEO la plus sous-exploitée
- WordPress vs Next.js vs Shopify — le multilingue influence le choix de stack
Conclusion
Un site multilingue au Maroc est une opportunité quand l'audience le justifie, et un cauchemar quand on l'aborde mal. Les fondations techniques (sous-dossiers, hreflang, RTL, slugs traduits) sont les mêmes pour tout le monde. La différence se fait sur la qualité de traduction et la rigueur du SEO par langue.
Échangez 20 min avec notre équipe — nous évaluons si le multilingue est pertinent pour votre projet et identifions l'architecture optimale, sans surenchérir si une seule langue suffit.
Création de site web au Maroc : le guide complet 2026
Choisir le bon format, la bonne technologie, la bonne agence — le guide stratégique pour réussir son projet web au Maroc en 2026.
Lire le guide pillar
