Mo's Experiences

En bref

• Client : Mo's Experiences
• Secteur : Voyages et tourisme
• Livraison : D’octobre 2025 à juillet 2026
• Public : Voyageurs anglophones et francophones préparant un voyage en Égypte
• Périmètre : Site public, tableau de bord éditorial, système de contenu bilingue, SEO, e-mail et analytique

Le besoin

Mo's Experiences avait besoin d’un site de voyage utile sur l’Égypte, sans rendre son équipe dépendante des développeurs pour les mises à jour courantes. Les voyageurs devaient pouvoir comprendre les destinations et les programmes, comparer ce qui convient à leur séjour, puis demander un voyage adapté à leur projet. L’équipe devait gérer directement les programmes, destinations, articles, images, métadonnées de recherche et états de publication en anglais et en français.

Ces deux besoins devaient former un seul produit. Un site public élégant, mais impossible à maintenir, perdrait vite sa valeur. Un système de contenu flexible qui produirait des pages inégales ou des choix peu clairs échouerait aussi pour les voyageurs.

Le système

Nous avons construit le site public et le tableau de bord éditorial autour d’une même source de vérité structurée. Le tableau de bord gère les noms, résumés, itinéraires, FAQ, images, métadonnées et états de publication que les voyageurs voient. L’application gère la mise en page, les interactions et les règles visuelles. Les éditeurs peuvent modifier le contenu d’une page sans reconstruire son fonctionnement.

L’anglais et le français font partie du modèle de données et de la structure des routes. Chaque langue peut être publiée indépendamment, tandis qu’une politique partagée maintient la cohérence entre publication et indexabilité sur la page publique, ses métadonnées, le sitemap et les règles robots.

Services

• Architecture produit et contenu
• Architecture de l’information et conception des routes bilingues
• UX et interface du site public
• Tableau de bord éditorial et modèle de contenu
• SEO technique et données structurées
• E-mail transactionnel et analytique propriétaire
• Accessibilité, performance et contrôles qualité

Ce que les voyageurs et l’équipe peuvent faire

• Les voyageurs parcourent des destinations, catégories, programmes, expériences VIP, articles, galeries, pages de contact et de voyages sur mesure localisés, puis passent de la découverte à la demande par des étapes claires. Les pages de programme responsives réunissent itinéraires structurés, détails, FAQ et contenus associés. Les formulaires de demande et d’avis envoient des e-mails transactionnels.
• L’équipe travaille dans un tableau de bord adapté à chaque type de page : programmes, destinations, catégories, articles, témoignages, médias, réglages et accès de l’équipe. Les champs structurés correspondent aux pages publiques plutôt qu’à une page blanche.
• L’édition enrichie est disponible lorsqu’elle aide, avec des règles de contenu fixes lorsque la cohérence compte davantage. Les éditeurs gèrent les métadonnées, images sociales, routes, redirections, publication et ordre d’affichage. Les accès par rôle reposent sur des politiques de base de données.

La visibilité de recherche fait partie de l’architecture

Le rendu public et le système de contenu suivent un même contrat SEO. Les titres, textes et liens importants arrivent dans la première réponse HTML et restent disponibles sans JavaScript. Les états de chargement ne peuvent ni remplacer la page rendue côté serveur ni cacher son contenu principal. Les entités invalides ou non publiées renvoient de véritables réponses 404. Les URL canoniques, alternatives de langue, sitemaps, règles robots et contrôles d’indexation par page appliquent la même politique. Les pages d’authentification utilisent noindex, et les pages de programme reposent sur un seul arbre de contenu responsive, sans doublon mobile et bureau.

Le système vérifie les 166 URL du sitemap actuel par rapport à la limite HTML du site, puis examine plus précisément des familles de routes représentatives à partir de la réponse brute, du contenu rendu et de la réponse Googlebot. Les contrôles automatisés couvrent aussi le rendu, la navigation, les codes d’état, l’indexation, la stabilité de mise en page et le poids HTML.

Le résultat

Mo's Experiences dispose désormais d’un seul système pour le site public et le travail qui le maintient à jour. Les voyageurs suivent un parcours ciblé, de la recherche à la demande, dans l’une ou l’autre langue prise en charge. Les éditeurs et spécialistes SEO mettent à jour les contenus et les signaux de recherche liés à ces pages sans solliciter un développeur pour les changements courants. Les nouveaux programmes suivent les mêmes règles de rendu, de poids et d’indexabilité que les pages existantes, sans correctif propre à chaque page.

Déroulement

• Octobre 2025 à mai 2026 : modèle de données, règles d’accès et tableau de bord éditorial
• Juin 2026 : site public, contenu bilingue, e-mail, performance et SEO
• Juillet 2026 : analytique, architecture de rendu SEO, maîtrise du poids des pages et contrôles qualité

Technologie

Next.js, React, TypeScript et Tailwind CSS portent l’application. Tiptap, React Hook Form et Zod soutiennent le contenu et les formulaires. Supabase apporte PostgreSQL, l’authentification et la sécurité au niveau des lignes. next-intl gère les langues et les routes ; Resend, React Email et Umami couvrent l’e-mail et l’analytique propriétaire.

Dossier projet

Le project DNA consigne les règles produit et marque. Le contrat de rendu SEO et la liste de contrôle qualité consignent les garde-fous d’indexabilité du site.