Création de site web à Marrakech, calibrée pour le tourisme et le luxe artisanal.
Sites Next.js 15 et Shopify pour les riads, hôtels, agences réceptives, e-commerçants artisanat et marques premium basés à Marrakech. Multi-langue FR/EN/AR/ES, paiement CMI, intégrations PMS et channel managers, Core Web Vitals AA. Atelier Webotic, livraison en 5 à 12 semaines.
- Marrakech = 3,2 millions de visiteurs internationaux en 2024, hospitalité et artisanat = 2/3 du tissu économique digital.
- Sites livrés : Next.js 15 ou Shopify selon usage, multi-langue FR/EN/AR/ES, paiement CMI, hreflang propre.
- Webotic facture forfait fixe en MAD : site vitrine riad 28 000 MAD, e-commerce Shopify 45 000 MAD, plateforme sur mesure 80 000+ MAD.
- Livraison médiane 5 à 12 semaines selon scope. Hébergement Vercel ou OVH Rabat, conformité CNDP incluse.
Le tissu digital marrakchi en 2026 : ce qui change
Marrakech a accueilli 3,2 millions de visiteurs internationaux en 2024, dépassant son record pré-Covid, et la ville a consolidé sa position de capitale touristique du Royaume. Cette réalité économique structure l'essentiel des demandes digital reçues par un atelier comme Webotic : 60-65 % des projets de création de site web à Marrakech relèvent de l'hospitalité (riads, boutique-hôtels, hôtels 4-5 étoiles, agences réceptives, day-trip operators) ou du e-commerce artisanat-luxe (tapis berbères, cuir Tanneries de Marrakech, cosmétique argan, mobilier sur mesure, prêt-à-porter caftan haut de gamme). Les exigences techniques qui en découlent sont spécifiques : multi-langue FR/EN/AR/ES (italien parfois), hreflang propre, paiement CMI Maroc + Stripe international, intégrations PMS (Cloudbeds, Mews, Opera) et channel managers (SiteMinder, RateGain), réservation moteur direct pour économiser les commissions Booking/Expedia (15-25 % de chaque réservation captés autrement). Côté contenu, les pages produit doivent supporter du tourisme expérientiel (vidéos riches, galeries 30+ photos, témoignages clients vérifiés TripAdvisor) sans casser le LCP — c'est l'équilibre le plus délicat techniquement.
- 3,2 M de visiteurs internationaux en 2024 — Marrakech dépasse son pic pré-Covid.
- 60-65 % des projets digital = hospitalité ou e-commerce artisanat-luxe.
- Multi-langue FR/EN/AR/ES obligatoire, hreflang propre, paiement CMI + Stripe.
- Réservation directe = 15-25 % de commission Booking/Expedia économisés.
Vitrine riad ou e-commerce artisanat : choisir la bonne stack
Le choix technique se fait en deux questions. Première question : vendez-vous des unités stockables (cosmétique argan, cuir, prêt-à-porter, mobilier) ou des séjours réservables (chambres riad, expéditions désert, journées spa) ? Pour le stockable, Shopify est imbattable en 2026 : checkout converti, paiement CMI Maroc supporté nativement depuis 2024, app marketplace mature, hébergement et CDN inclus, multi-devise propre. Webotic livre des thèmes Shopify Liquid ou des intégrations Hydrogen (front Next.js + back Shopify) pour les marques qui veulent un design sur mesure. Pour les séjours réservables, le choix se fait entre un site Next.js 15 connecté à un PMS via API (Cloudbeds, Mews) avec moteur de réservation propriétaire, ou un thème WordPress avec plugin booking (option plus simple mais moins performante côté Core Web Vitals). Notre recommandation Webotic pour les riads premium et boutique-hôtels : Next.js 15 + headless CMS (Sanity ou Payload) + PMS via API. C'est plus coûteux à l'investissement initial (45-80 k MAD vs 18 k pour un WordPress) mais l'écart se rentabilise en 8-14 mois sur les commissions OTA économisées.
- Vente stockable artisanat-cosmétique : Shopify, paiement CMI MA + Stripe natif.
- Réservation séjour : Next.js 15 + PMS API (Cloudbeds, Mews) > WordPress + plugin.
- Sur mesure premium : Next.js + headless CMS Sanity/Payload, ROI 8-14 mois vs OTA.
- WordPress reste valable pour vitrine institutionnelle ou budget plancher serré.
Multi-langue Marrakech : ce que personne ne fait correctement
La gestion du multi-langue est le poste où la majorité des sites Marrakech échoue. Erreur la plus fréquente : un site français traduit automatiquement en anglais par Google Translate intégré au navigateur, sans pages EN dédiées ni hreflang. Conséquence Google : l'audit linguistique de Search Console détecte du contenu dupliqué, les pages EN ne rankent pas, le trafic international anglophone va chez les concurrents qui ont fait l'effort. Bon setup Webotic : pages dédiées par langue avec URLs distinctes (/en/riad-medina-rooms vs /riad-medina-chambres), traduction native rédigée par un copywriter EN qui connaît le tourisme Maroc (pas un traducteur automatique), hreflang fr-MA / en-XX / ar-MA / es-ES correctement déclaré dans head et sitemap, schema LodgingBusiness ou Hotel répété par langue avec adresse en script local. Pour les marques visant le marché espagnol (15-20 % des touristes Marrakech viennent d'Espagne via Almeria-Tanger), une version es-ES native décuple la conversion sur les visites espagnoles. L'arabe est sous-exploité pour le tourisme intra-MENA : les visiteurs des pays du Golfe arrivent à Marrakech avec des budgets élevés et peu de sites les accueillent en arabe propre.
- URLs distinctes par langue : /en/riad-rooms et /chambres-riad, pas un toggle JS.
- Traduction native par copywriter EN/ES/AR qui connaît le tourisme Maroc.
- Hreflang fr-MA / en-XX / ar-MA / es-ES déclaré head + sitemap, schema répété par langue.
- Visiteurs Golfe arrivent avec budgets élevés et trouvent peu de sites AR propres.
Performance et SEO local : Gueliz, Hivernage, Médina, Palmeraie
Le SEO local à Marrakech se joue par quartier et par bassin touristique. Quatre clusters géographiques structurent les requêtes : Médina (riads cœur historique, hammams traditionnels, artisanat souk), Gueliz (boutique-hôtels modernes, restaurants gastronomiques, e-commerce mode), Hivernage (palaces 5 étoiles, spas haut de gamme, agences réceptives premium), Palmeraie et Route de l'Ourika (resorts golf, villas privées avec piscine, locations longue durée). Une stratégie SEO efficace cible explicitement le bassin pertinent dans le contenu pilier — par exemple « riad authentique médina Marrakech proche Jemaa el-Fna » plutôt que « riad Marrakech ». Côté technique pure, le réseau mobile Maroc Telecom Marrakech est plus lent qu'à Casa-Rabat (latence médiane 110-160 ms vs 70-90 ms sur axe Casa-Rabat), donc le LCP cible doit être plus serré : 1,8 s plutôt que 2,5 s pour rester en seuil « Bon » des Core Web Vitals. Notre stack Next.js 15 avec Image Optimization native, fonts subset, prefetch agressif, hosting Vercel edge ou OVH Rabat — atteint Lighthouse 96-99 sur la majorité des sites livrés en 2025.
- Quatre clusters géo : Médina, Gueliz, Hivernage, Palmeraie / Route de l'Ourika.
- Contenu pilier ciblé par bassin : "riad médina proche Jemaa el-Fna" > "riad Marrakech".
- Réseau mobile Marrakech 110-160 ms latence : LCP cible 1,8 s, pas 2,5 s.
- Stack Next.js 15 + Vercel/OVH Rabat = Lighthouse 96-99 sur sites Webotic 2025.
Tarification au forfait fixe MAD selon scope produit. Hébergement, support technique 30 jours post-livraison et formation administrateur 2 h inclus dans tous les forfaits.
- Site Next.js 15 ou WordPress, 8-12 pages, FR/EN natif (AR/ES en option +6 000 MAD)
- Galerie photo optimisée, intégration moteur de réservation (HotelRunner, Cloudbeds)
- Schema LodgingBusiness, hreflang propre, Core Web Vitals AA
- Hébergement 12 mois inclus (Vercel Hobby ou OVH Rabat), SSL, sauvegardes quotidiennes
- Shopify Liquid sur mesure ou Hydrogen, jusqu'à 200 produits import initial
- Paiement CMI Maroc + Stripe international + COD, multi-devise MAD/EUR/USD
- Multi-langue FR/EN natif (AR/ES en option +8 000 MAD), schema Product complet
- Pixel Meta + Google Tag Manager Server-Side + Conversions API setup inclus
- Next.js 15 + headless CMS Sanity ou Payload, design 100 % sur mesure
- Intégrations PMS API (Cloudbeds, Mews, Opera), channel manager, CRM
- Multi-langue FR/EN/AR/ES natif inclus, contenu copywriting livré par Webotic
- Support technique 6 mois post-livraison, revue performance mensuelle
QUESTIONS FRÉQUENTES
01Combien coûte la création d'un site web à Marrakech en 2026 ?
Trois fourchettes selon le scope. Site vitrine riad ou boutique-hôtel : 18 000 à 45 000 MAD selon design et nombre de langues (Webotic démarre à 28 000 MAD). E-commerce Shopify artisanat-cosmétique : 35 000 à 80 000 MAD (Webotic à 45 000 MAD pour un setup multi-langue avec paiement CMI et pixel tracking complet). Plateforme sur mesure avec intégrations PMS ou ERP : 80 000 à 250 000+ MAD selon complexité. Tous les forfaits Webotic incluent l'hébergement 12 mois, le SSL, les sauvegardes quotidiennes et une formation administrateur de 2 h.
02Combien de temps pour livrer un site web à Marrakech ?
Vitrine riad ou boutique-hôtel : 5 à 7 semaines de la signature à la mise en ligne, en supposant que le contenu (photos, textes) est livré sous 10 jours après le kick-off. E-commerce Shopify avec catalogue de 50-200 produits : 7 à 10 semaines selon la complexité de l'import produits et des règles de prix. Plateforme sur mesure avec intégrations PMS ou ERP : 10 à 16 semaines selon le nombre d'API à intégrer et la disponibilité des équipes techniques côté client. Webotic livre 100 % en cycle agile par sprints de 2 semaines avec démo client à chaque sprint.
03Quelle stack recommandez-vous pour un riad qui veut vendre en direct sans Booking ?
Next.js 15 connecté à votre PMS via API (Cloudbeds, Mews, ou HotelRunner pour les budgets serrés), avec un moteur de réservation propriétaire intégré au site. Bénéfices vs Booking/Expedia : 15-25 % de commission économisée sur chaque réservation directe, contrôle total sur l'expérience d'achat, fidélisation client direct (newsletter, code promo, programme fidélité), pas de risque de bad review faux qui plombe le ranking OTA. Investissement initial 45-80 k MAD, ROI typique observé sur 6 riads Marrakech Webotic : 8-14 mois sur les commissions économisées.
04Supportez-vous le multi-langue arabe et espagnol pour un site Marrakech ?
Oui, et c'est même un argument fort de différenciation. L'arabe est sous-exploité sur les sites Marrakech alors que les visiteurs Golfe (Émirats, Arabie Saoudite, Qatar) représentent 8-12 % du flux international et arrivent avec des paniers moyens 2,5x supérieurs au visiteur européen. L'espagnol est critique pour capter le flux Andalousie-Tanger-Marrakech (15-20 % des touristes). On rédige les versions AR et ES en natif (pas de traduction automatique), avec hreflang ar-MA / es-ES déclaré proprement, schema répété par langue, et un copywriter natif qui connaît le tourisme Maroc. Surcoût typique : 6 000-8 000 MAD par langue supplémentaire.
05Le paiement CMI marche-t-il pour les visiteurs étrangers en MAD ou en devise ?
Le CMI accepte les cartes émises au Maroc en MAD et les cartes internationales (Visa, Mastercard, Amex sur certains contrats) en MAD ou en devise. Pour un site Marrakech multi-marché, la configuration optimale est : CMI en passerelle principale pour MAD, Stripe en passerelle parallèle pour EUR/USD/GBP avec conversion automatique au taux jour, PayPal en option pour les marchés US-UK où la familiarité compte. Côté checkout, on présente les prix dans la devise détectée par géolocalisation IP avec possibilité de switch manuel. Le taux d'abandon de panier baisse de 18-26 % vs un site mono-devise MAD.
On chiffre votre site Marrakech sous 48 heures
Vous nous décrivez votre projet en 5 lignes : type d'établissement ou e-commerce, nombre de pages ou de produits, langues souhaitées, intégrations PMS/CRM nécessaires. On revient sous 48 heures avec un chiffrage détaillé, un planning de 6 à 14 semaines, et trois exemples de sites comparables qu'on a livrés en 2024-25. Pas de pitch commercial — juste le devis.