Création site web en arabe : bilingue arabe-français

La création d'un site web en arabe n'est pas la traduction d'un site français : c'est une seconde version complète, avec sa mise en page inversée, ses polices, ses URL et son propre référencement. C'est la raison pour laquelle un devis bilingue arabe-français n'est jamais le double du devis monolingue, mais rarement le même prix non plus. Ce qui coûte, ce n'est pas la traduction initiale, c'est tout ce qui la suit : la mise en page miroir, la production du contenu dans la durée et la maintenance de deux catalogues au lieu d'un. Voici ce que cela implique concrètement, poste par poste.

D'abord : quel arabe, pour quel public ?

La question précède toute décision technique. Trois usages coexistent au Maroc et ils n'appellent pas la même réponse.

L'arabe standard moderne est la langue de l'écrit : administration, presse, documents officiels, communication institutionnelle. C'est celui d'un site web sérieux, et c'est aussi celui que comprend un client du Golfe ou d'Égypte si vous exportez.

La darija est la langue de l'oral. Elle s'écrit peu, et son orthographe n'est pas stabilisée — en caractères arabes comme en caractères latins. La réserver au service client, aux messages WhatsApp et aux réponses aux commentaires est un choix raisonnable ; en faire la langue d'un catalogue de produits l'est beaucoup moins.

L'amazigh est, aux côtés de l'arabe, langue officielle de l'État depuis la Constitution de 2011, qui confie à une loi organique le soin d'organiser son intégration dans l'enseignement et dans les domaines prioritaires de la vie publique. L'obligation vise le secteur public : une entreprise privée n'y est pas tenue. Dans le Souss, ajouter des éléments en tifinagh relève donc de la marque, pas de la conformité.

Dans la plupart des projets que nous voyons à Agadir, le bon découpage est : français pour les pages de conversion, arabe standard pour la crédibilité locale et les requêtes en arabe, anglais si le tourisme ou l'export entrent dans l'équation.

L'écriture de droite à gauche retourne toute la page

C'est le poste que les devis sous-estiment le plus. Passer un site en arabe ne consiste pas à changer les textes : la direction de lecture inverse la mise en page.

• La structure se met en miroir. Le menu part de la droite, le logo change de côté, les colonnes s'inversent, le texte s'aligne à droite. Techniquement, cela passe par un attribut dir="rtl" sur la page et par l'usage de propriétés CSS logiques plutôt que de marges fixes « à gauche » et « à droite ».
• Les icônes directionnelles se retournent, les autres non. Une flèche « suivant » doit pointer vers la gauche en arabe. Un logo, une icône de téléphone ou un drapeau restent inchangés. Ce tri se fait à la main.
• Les chiffres restent en écriture latine. Au Maroc, les prix, numéros de téléphone et dates s'écrivent avec les chiffres 0 à 9, contrairement à l'usage du Machrek. Un thème importé qui bascule automatiquement en chiffres arabes orientaux dérange vos lecteurs.
• Les formulaires et les mélanges de langues sont les points sensibles : une adresse e-mail, une référence produit ou un nom de marque en caractères latins glissés dans une phrase arabe provoquent des ponctuations qui sautent en fin de ligne si le balisage est négligé.

Un site conçu dès le départ pour les deux sens de lecture absorbe ce travail dans l'intégration. Un site français existant que l'on « arabise » après coup demande une reprise du design, et c'est là que la facture grimpe.

Les polices arabes, un sujet à part entière

Une police latine élégante n'a pas d'équivalent arabe automatique. Il faut choisir un couple de polices cohérent, et l'arabe obéit à ses propres règles typographiques.

L'écriture arabe est cursive : les lettres se lient et changent de forme selon leur position dans le mot. Les diacritiques montent et descendent au-delà de la ligne, ce qui impose un interligne plus généreux qu'en français. À taille égale, un texte arabe paraît plus petit qu'un texte latin : on augmente généralement le corps de la version arabe. Enfin, l'italique et les capitales n'existent pas : pour mettre en valeur, on joue sur la graisse, la couleur ou l'encadré, jamais sur une pseudo-italique penchée qui déforme le tracé.

Côté choix, les familles libres destinées à l'écran — Noto Naskh Arabic, Cairo, Tajawal, IBM Plex Sans Arabic — s'affichent correctement sur mobile. Vérifiez qu'elles existent dans les graisses dont votre maquette a besoin. Le même raisonnement vaut pour votre identité visuelle : décliner un logotype en arabe est un exercice de dessin, pas de traduction, comme nous l'expliquons dans notre article sur le logo en arabe et l'identité bilingue.

Deux versions, c'est deux fois le contenu — pour toujours

C'est la réalité budgétaire que peu de prestataires énoncent clairement. La traduction initiale est un coût ponctuel. Le maintien de deux versions est un coût permanent.

Chaque nouvelle page, chaque produit ajouté, chaque promotion existe désormais en deux exemplaires. Si personne, dans votre équipe, n'est responsable de la version arabe, elle se fige en six mois : vos horaires changent d'un côté et pas de l'autre, vos tarifs se contredisent, et le visiteur arabophone tombe sur un site manifestement abandonné. L'effet est pire que de ne pas avoir de version arabe du tout.

Deux décisions à prendre avant de lancer le projet. Qui écrit et qui relit l'arabe ? Et que traduit-on ? Un périmètre restreint et tenu à jour — accueil, services, contact, quelques pages clés — vaut mieux qu'un site entier traduit une fois et jamais entretenu.

URL et référencement : deux sites aux yeux de Google

Chaque langue doit avoir sa propre adresse. Les deux structures courantes sont le sous-dossier (/fr/ et /ar/) et le sous-domaine. Le sous-dossier reste le plus simple à gérer et concentre l'autorité du domaine ; c'est celui que nous recommandons dans la grande majorité des projets.

Trois règles ensuite, issues de la documentation de Google sur les versions localisées :

1. Chaque version déclare toutes les autres, y compris elle-même. Les annotations hreflang doivent être réciproques : si la page française pointe vers la page arabe sans que l'inverse soit vrai, Google ignore l'ensemble.
2. Les codes de langue suivent la norme ISO : fr, ar, en, éventuellement affinés par région.
3. Prévoyez une valeur x-default pour les visiteurs dont la langue ne correspond à aucune de vos versions.

Évitez la redirection automatique selon la langue du navigateur : un Marocain dont le téléphone est configuré en anglais se retrouve piégé sur une version qu'il n'a pas choisie. Proposez un sélecteur de langue visible, qui conserve la page en cours au lieu de renvoyer vers l'accueil.

Sur le fond, ne traduisez pas vos mots-clés : cherchez-les. Les requêtes en arabe ne sont pas le calque des requêtes françaises. C'est un travail de recherche à part entière, au même titre que pour la version française, comme pour tout site d'entreprise décrit dans notre guide pour créer le site web de son entreprise au Maroc.

Quand l'arabe n'est pas la deuxième langue prioritaire

Toutes les activités ne placent pas l'arabe en deuxième position. Pour un exportateur du Souss ou un établissement touristique, la langue qui porte la vente est souvent l'anglais, et l'arabe devient une version réduite : présentation, contact, informations pratiques. Mieux vaut trois pages arabes irréprochables que trente traduites à la va-vite.

La règle de décision est simple : traduisez d'abord la langue dans laquelle on vous achète, ensuite celle dans laquelle on vous croit. Nous détaillons ce classement pour l'hôtellerie dans notre article sur la création d'un site internet d'hôtel ou de restaurant à Agadir.

Quelle que soit la langue, enfin, la performance sur mobile reste décisive — un point détaillé dans notre article sur l'optimisation mobile d'un site web au Maroc, car une police arabe mal chargée ralentit une page autant qu'une photo trop lourde.

Vous hésitez entre un site bilingue complet et une version arabe réduite aux pages essentielles ? Envoyez-nous l'adresse de votre site actuel et la liste de vos marchés sur WhatsApp : nous vous proposons un périmètre réaliste, tenable dans la durée, avec un devis gratuit sous 24 heures. Tout part de la page d'accueil de Samed Agency, et la discussion peut se tenir en français, en arabe ou en darija.

Questions fréquentes

Peut-on ajouter l'arabe à un site français existant ?

Oui, mais le coût dépend de la façon dont le site a été construit. Si la mise en page utilise des propriétés logiques et un système de traduction prévu dès l'origine, l'ajout est essentiellement un travail de contenu. Si le site a été intégré avec des marges fixes et des textes codés en dur dans les gabarits, il faut reprendre l'intégration : c'est souvent l'occasion d'une refonte plutôt que d'un simple ajout.

Une traduction automatique suffit-elle pour la version arabe ?

Pour comprendre une page, oui. Pour vendre, non. Les outils automatiques produisent un arabe compréhensible mais plat, avec des erreurs de registre qui sautent aux yeux d'un lecteur natif. L'usage raisonnable consiste à faire dégrossir par la machine, puis relire et réécrire par une personne dont l'arabe est la langue de travail.

Faut-il deux fiches Google Business Profile pour un site bilingue ?

Non. Une entreprise a une seule fiche, mais vous pouvez y renseigner votre nom et votre description dans plusieurs langues, et Google affiche la version adaptée au visiteur. Le bilinguisme se joue surtout dans vos publications et dans vos réponses aux avis : répondre en arabe à un avis rédigé en arabe est un signal de proximité que vos concurrents négligent presque toujours.

Combien de temps faut-il pour livrer un site bilingue arabe-français ?

Le délai supplémentaire vient rarement de la technique, qui ajoute quelques jours à l'intégration, mais du contenu : il faut écrire, traduire, relire et valider deux fois. Sur un projet vitrine standard, le chemin critique est presque toujours la validation des textes arabes par le client. Préparer ce contenu en amont est le meilleur moyen de rester dans les délais annoncés.