Publié le · 5 min de lecture
Créer un site multilingue en arabe, français et anglais
Zakariae Alliouate
Développeur Full-Stack & Ingénieur Logiciel
Le Maroc est un marché multilingue : un même client peut chercher en français, discuter en darija et lire en arabe. Un site qui parle sa langue convertit mieux — à condition d'être bien construit. Voici ce que j'applique sur chaque projet multilingue, comme Hilali, OZYL ou Karmo.
Une adresse pour chaque langue
Chaque version doit avoir sa propre URL, par exemple /fr et /ar. Changer la langue avec un bouton qui remplace le texte sur la même adresse cache les autres versions à Google. Des URL séparées permettent à chaque langue d'être indexée et positionnée.
Indiquer à Google quelle page correspond à quoi
Les balises hreflang indiquent aux moteurs de recherche que /fr/services et /ar/services sont la même page en deux langues, pour afficher la bonne version à chaque internaute. Des codes comme fr-MA et ar-MA signalent aussi que le contenu cible le Maroc.
Une vraie mise en page de droite à gauche
L'arabe se lit de droite à gauche : toute la mise en page doit s'inverser — navigation, icônes directionnelles comme les flèches, alignement du texte et espacements. Les propriétés CSS logiques modernes permettent de le faire proprement, sans maintenir deux designs.
Des polices qui gèrent l'arabe
Beaucoup de polices latines élégantes n'ont pas de caractères arabes, et le navigateur bascule alors sur une police système quelconque. Associez votre police de marque à une police arabe de qualité, comme IBM Plex Sans Arabic ou Noto Kufi Arabic, chargée uniquement sur les pages arabes pour garder un site rapide.
Traduire bien plus que le texte visible
Titres de pages, méta-descriptions, textes alternatifs des images, données structurées et aperçus de partage doivent aussi être traduits. C'est ce que les gens voient dans Google et sur WhatsApp quand un lien est partagé.
Laisser le visiteur choisir — et s'en souvenir
Proposez un sélecteur de langue clair sur chaque page et mémorisez le choix pour la visite suivante. Évitez les redirections forcées selon la langue du navigateur : elles perturbent les visiteurs et peuvent empêcher Google d'explorer les autres versions.
Bien conçu, un site multilingue vous permet de toucher chaque client dans la langue en laquelle il a confiance. Si vous en préparez un, je serai ravi de vous aider.