Développement web et logiciel

Contenus multilingues et localisation : l’approche du CMS nomade

Un CMS nomade produit les contenus depuis une source unique et les distribue sur différents marchés. Une API les diffuse quels que soient la langue, la région et le canal ; le rendu selon la…

Multilinguisme et localisation • 2025

Un CMS nomadeproduit les contenus depuis une source unique et les distribue sur différents marchés. Une API les diffuse quels que soient la langue, la région et le canal ; le rendu selon la locale présente la version la plus adaptée à l’utilisateur.

B10 Digital Agency • 10 octobre 2025 • Temps de lecture : environ 7 min

CMS nomade : une source, plusieurs canaux

  • Source de référence unique : Un même modèle contient les contenus ; les variantes de titre, de ton et de CTA sont stockées dans des champs locale.
  • Rendu selon la locale : tr-TR, en-GB, ar-SA et les autres locales déterminent les modèles et automatisent les formats de date, de nombre et de devise.
  • Indépendant du canal : Web, mobile, bornes et e-mail utilisent la même API.


« Les contenus circulent, les modèles changent : voilà l’essence du CMS nomade. »

Conception du modèle: Contenu + Variation + Meta

ChampDescriptionExemple
baseTitleTitre de la langue source« Stratégie web d’entreprise »
variants[]Variantes par locale{ locale: "en-GB", title: "Enterprise Web Strategy", tone: "formal" }
seoMeta + hreflang + canonicalEnsembles hreflang et URL canoniques par locale
schemaJSON-LD multilingueArticle, Service, Product

Requêtes GraphQL ciblées par locale

{ post(id:"123", locale:"tr-TR"){ title slug body seo { metaTitle metaDescription canonical hreflangs { locale href } } } }
Conseil : Dans le CMS, définissez la règle fallbackLocale (par exemple, si az-AZ n’est pas disponible, utiliser tr-TR).

Next.js / i18n — routage et rendu

// next.config.js module.exports = { i18n: { locales: ["tr","en-GB","ar"], defaultLocale: "tr", localeDetection: true } } // sayfa (getStaticProps) export async function getStaticProps({ params, locale }) { const data = await fetchGraphQL({ id: params.slug, locale }) return { props: { data }, revalidate: 60 } }

Schema.org / JSON-LD

{ "@context":"https://schema.org", "@type":"Article", "inLanguage":"tr-TR", "headline":"Kurumsal Web Stratejisi", "alternateHeadline":{ "@value":"Enterprise Web Strategy","@language":"en-GB" }, "publisher":{"@type":"Organization","name":"B10 Digital Agency"} }

Les détails i18n : une véritable localisation

  • ICU MessageFormat: Règles du pluriel (1 produit / 2 produits) et variantes de genre ou de forme.
  • RTL/LTR: dir="auto", :root[dir="rtl"] contrôlent le sens des grilles et des icônes.
  • Slug & URL: Slugs localisés + hreflang + URL canoniques propres à la région.
  • Monnaie: Intl.NumberFormat(locale, { style:'currency', currency:'TRY' })


« Traduire n’est pas localiser : la langue, le contexte et la culture changent aussi. »

Workflow : TMS + IA + validation humaine

  • Intégration TMS: Gestion de la localisation avec Phrase, Lokalise ou Smartling.
  • Pré-traduction par IA : Un brouillon automatique guidé par le ton et la charte de marque dans le prompt.
  • Étape de révision : Contrôler les formulations juridiques et la terminologie du marché, ainsi que le respect du guide de style.

Couche SEO et performance

  • Exactitude de hreflang : Les versions linguistiques se référencent réciproquement.
  • Routage à l’edge : utiliser Accept-Languagepour suggérer une langue, sans redirection automatique, dans une bannière de suggestion discrète.
  • ISR & CDN: Clés de cache par locale : {path}:{locale}.

Gouvernance : responsabilité des contenus et versionnage

RôleResponsabilitéOutil
Responsable des contenusCrée le contenu sourceHeadless CMS
Responsable de localisationGère les variantes et le workflow TMSTMS + Git
Spécialiste du SEOHreflang, canonique, schémaValidation CI
Approche B10 : Un CMS nomade conserve les contenus dans un schéma unique, sélectionne la locale via GraphQL et utilise ISR et les clés de cache CDN dans Next.js pour une diffusion internationale rapide.

Faites voyager vos contenus vers de nouveaux marchés.
B10 Digital Agency utilise Headless CMS, GraphQL et i18n pour rendre les contenus d’une source unique gérables et mesurables dans plusieurs langues.

Préparer une infrastructure de localisation Tags: i18n • l10n • headless CMS • GraphQL • hreflang • JSON-LD • ICU MessageFormat • RTL • B10 Digital Agency

Sources et documents associés

Ces documents servent de références pour les méthodes et règles abordées dans cet article.

B10 Digital Agency

Contenus multilingues et localisation : l’approche du CMS nomade