Création site vitrine au Maroc : guide complet 2026

Vous tapez "création site vitrine maroc" parce que vous voulez un site qui fait son travail : générer des contacts qualifiés, asseoir votre crédibilité face à des prospects qui vérifient toujours sur Google avant d'appeler. Pas un site qui ressemble aux 4 000 autres sortis d'un template ThemeForest. Ce guide couvre ce qu'on apprend en livrant des sites vitrines pour des PME marocaines depuis plusieurs années : ce qui marche vraiment, ce qui coûte des points de conversion, et ce que la quasi-totalité des prestataires bâclent encore en 2026.

TLDR : ce qu'est un vrai site vitrine au Maroc en 2026

Un site vitrine, en 2026, c'est un site de 5 à 15 pages, optimisé pour la conversion en lead (formulaire, WhatsApp, appel, rendez-vous) et pour le SEO local , pas pour la vente en ligne. Il se distingue du site catalogue (qui présente un grand nombre de produits sans panier) et de l'e-commerce (qui encaisse). Pour une PME marocaine, budget réaliste : à 5 chiffres pour un vitrine simple honnête, à 6 chiffres pour un vitrine premium avec design sur mesure, multi-villes et SEO local poussé. En dessous, on achète un template recyclé qui se voit à l'œil nu — et qui se voit aussi dans la Search Console six mois plus tard. Voir notre guide prix complet pour les fourchettes détaillées par périmètre.

Notre périmètre service correspondant est sur la page création de site vitrine, avec déclinaisons ville par ville pour les marchés où on intervient le plus.

Pourquoi 80% des sites vitrine PME au Maroc échouent

Ce chiffre n'est pas un slogan. C'est ce qu'on observe quand on reprend des sites en refonte : la majorité ne génère aucun lead mesurable, n'apparaît sur aucune requête commerciale dans la Search Console, et survit uniquement parce que personne ne sait quoi en faire. Trois causes reviennent à chaque audit.

Première cause : pas d'objectif business défini en amont. Le brief était "on veut un site moderne". L'agence a livré un site moderne. Personne ne s'est demandé combien de leads par mois, quelle ville cibler en priorité, quel persona convaincre. Résultat : un objet web esthétique, aucune machine commerciale derrière.

Deuxième cause : sous-traitance non managée. L'entreprise a signé avec une agence qui a sous-traité à un freelance qui a sous-traité à un junior. Personne ne pilote le projet, personne ne challenge les choix UX. Le client valide des maquettes parce qu'elles sont jolies — sans se rendre compte que le hero ne dit pas ce que fait l'entreprise et que le CTA principal renvoie vers une page "contact" sans téléphone visible.

Troisième cause : oubli total du SEO local et de Google Business Profile. Le site est livré "SEO inclus". On regarde : pas de schema LocalBusiness, pas de NAP cohérent, pas de page-ville même quand l'entreprise a trois implantations, GBP vide ou non-vérifié. Pour un vitrine PME au Maroc, c'est 70% du trafic potentiel qu'on jette à la poubelle.

Anecdote récente : un riad de Marrakech vient nous voir après deux ans avec un site refait par une agence parisienne pour à 5 chiffres. Beau site, animation Lottie au scroll, micro- interactions léchées. Zéro réservation directe en deux ans — tout passait par Booking, avec 18% de commission. La cause : pas de schema HotelRoom, pas de schema Riad, GBP géré par un stagiaire, aucune page optimisée sur "riad marrakech medina", aucun travail de NAP sur les annuaires marocains. On a refait la base SEO en quatre semaines, gardé le design existant, et basculé 40% des nuitées en réservation directe sur les six mois suivants. Le design ne sauve jamais un site mal cadré.

Les 8 modules indispensables d'un site vitrine moderne

Voici la structure que nous déployons par défaut. Chaque module a un rôle précis dans le tunnel de conversion. Si un de ces blocs manque, on le sait : on perd des leads identifiables.

1. Hero clair en moins de 5 mots : ce que vous faites, pour qui, dans quelle ville. Un visiteur qui scrolle après 3 secondes sans comprendre ne reviendra pas. Inclure le CTA principal directement dans le hero (devis, rendez-vous, WhatsApp).
2. Preuve sociale au-dessus de la ligne de flottaison : logos clients, témoignages avec photo et nom de l'entreprise, note Google intégrée depuis Google Business Profile. Au Maroc, la crédibilité se construit par la référence , un logo de client bien connu vaut trois paragraphes de discours.
3. Pages services détaillées : une par service, avec ses propres H1, meta description et schema Service. Ne jamais empiler les services en accordéon sur une seule page , c'est commode pour le designer, désastreux pour le SEO.
4. Page équipe ou "à propos" avec photos réelles : pas de banque d'images. Le visiteur veut vérifier que vous existez, surtout en B2B. Une page équipe propre divise par deux les questions "vous êtes vraiment basés à Casa ?" en phase de devis.
5. Blog ou hub /conseils : indispensable pour ranker sur des requêtes informationnelles et alimenter les AI Overviews. Sans contenu éditorial, votre site n'est qu'une carte de visite — il n'attire pas de trafic SEO durable.
6. Formulaire de contact qualifié : pas un formulaire générique à 3 champs. Posez 5 à 7 questions qui qualifient le lead (budget approximatif, délai, ville, secteur). Vous filtrez 60% des demandes hors-sujet et gagnez du temps commercial.
7. Mentions légales conformes à la loi 09-08 : politique de confidentialité, déclaration CNDP si traitement de données personnelles, bandeau cookies fonctionnel, conditions générales. La CNDP a durci les contrôles sur les sites professionnels en 2025, les amendes existent.
8. Intégration WhatsApp Business et CMI selon le cas : WhatsApp est canal n°1 de conversion au Maroc, à intégrer en bouton flottant. CMI uniquement si vous prenez un paiement direct (acompte de réservation, formation, événementiel) — sinon inutile.

Aucun de ces blocs n'est négociable pour un vitrine sérieux en 2026. Si votre devis n'inclut pas explicitement ces 8 modules, demandez pourquoi.

Choisir entre WordPress, Webflow et stack moderne

Aucune stack n'est "la meilleure" en absolu. Chacune a un terrain sur lequel elle gagne, et un terrain sur lequel elle plombe le projet. Voici notre lecture honnête après plus d'une centaine de sites livrés ou repris.

WordPress reste notre choix par défaut pour une PME marocaine standard qui veut un vitrine propre, autonome et reprenable par n'importe quel prestataire. Webflow gagne sur les projets fortement design avec un seul décideur côté client. Next.js s'impose dès qu'il y a multi-villes, schema avancé ou ambition GEO (citation dans AI Overviews et Perplexity) — c'est sur cette stack qu'on a basculé nos propres clients avec gros enjeu SEO en 2025-2026.

Pour creuser le sujet, on a un comparatif détaillé dans notre article sur la différence vitrine, catalogue et e-commerce — il vous évite de payer un format qui ne correspond pas à votre besoin réel.

SEO local : le vrai différenciateur d'un site vitrine

Voici la phrase qu'on répète à chaque client : un site vitrine sans SEO local est invisible. Pas "moins visible". Invisible. Sur les requêtes commerciales locales du type "agence web casablanca", "restaurant marrakech medina" ou "comptable rabat agdal", Google sert exclusivement des résultats avec signaux locaux forts.

Quatre piliers concrets à activer dès la mise en ligne.

Google Business Profile (ex-Google My Business) complet et vérifié sur chaque ville d'implantation physique. Photos réelles (intérieur, équipe, façade), horaires précis, catégories secondaires bien choisies, posts hebdomadaires. Un GBP actif représente, sur nos projets, entre 30 et 60% des leads entrants. Voir notre guide sur Google Business Profile pour le SEO local qui couvre les pièges spécifiques au Maroc (catégories mal traduites, adresses ambiguës, vérification postale lente).

NAP cohérent partout. Nom, adresse, téléphone strictement identiques sur le site, GBP, annuaires (Maroc Telecom Pages Jaunes, Yelo, Truelocal, Justacoté), réseaux sociaux. Une virgule différente, un "n°" à un endroit et "numéro" à l'autre, ça suffit à dégrader le signal de confiance pour Google.

Schema LocalBusiness (et déclinaisons : Restaurant, Hotel, LodgingBusiness, ProfessionalService selon le métier) injecté en JSON-LD sur chaque page-ville. Sans schema, vous laissez Google deviner — il devine mal.

Pages-ville dédiées si vous avez plusieurs implantations ou visez plusieurs villes. C'est exactement le travail qu'on a déployé pour notre propre site avec la page Casablanca, Rabat et Marrakech du service vitrine — chaque page-ville est unique (contenu, témoignages locaux, références sectorielles), pas un copier-coller de la version Casa avec le nom de ville changé. Google détecte le doorway content en quelques semaines et déclasse tout.

Hébergement, CMI et conformité légale

Trois sujets que les agences zappent volontiers parce qu'ils ne sont "pas sexy" — et qui font la différence entre un site qui tient trois ans et un site à refaire dans 12 mois.

Hébergement. Le choix se joue entre trois options principales : hébergeur marocain (Genious, MTDS, ISmart), OVH France, Cloudflare

• Vercel ou équivalent. Hébergeur marocain : utile uniquement si vous avez une obligation contractuelle (secteur public, banque, certaines structures réglementées) ou si vous ciblez 100% un trafic domestique. OVH France : compromis solide pour un WordPress PME, support correct, datacenter Paris ou Roubaix accessible. Cloudflare edge + Vercel ou équivalent : ce qu'on déploie sur nos sites Next.js, avec un TTFB inférieur à 100 ms partout. La performance n'est plus un luxe — c'est un critère de ranking direct (Core Web Vitals, INP) depuis 2024.

CMI. À intégrer uniquement si vous prenez un paiement direct. Pour un hôtel ou riad qui prend des acomptes de réservation, oui. Pour un cabinet d'avocat ou un BTP qui n'encaisse rien en ligne, non. Compter à 5 chiffres de frais d'activation chez CMI plus la commission par transaction. Le tunnel d'intégration CMI a été simplifié en 2024 mais reste plus lourd qu'une intégration Stripe européenne — prévoir 2 à 3 semaines de back-and-forth avec votre banque.

Conformité loi 09-08 et CNDP. Toute collecte de données personnelles (formulaire, newsletter, espace client) déclenche une obligation de conformité. Concrètement : bandeau cookies fonctionnel avec consentement granulaire, politique de confidentialité spécifique mentionnant la CNDP, déclaration préalable à la CNDP si traitement systématique (CRM, emailing massif). Bonus pour le secteur santé, finance et formation : déclaration normale et non simplifiée. La CNDP a notifié plus de mises en demeure en 2025 que sur les trois années précédentes cumulées — le sujet n'est plus théorique.

Combien de temps prend une création de site vitrine

Pour un vitrine sérieux, le cycle réaliste tient en quatre phases.

1. Cadrage : 1 à 2 semaines. Validation du brief, du cahier des charges, des personas, des objectifs business. Cette phase est souvent sous-estimée , un cadrage bâclé fait dériver tout le reste. Voir notre modèle de cahier des charges site web.
2. Design : 2 à 3 semaines. Wireframes, maquettes haute fidélité, deux à trois rounds de retours. Au-delà, c'est qu'il y a un désaccord de fond non résolu en phase de cadrage.
3. Développement : 3 à 5 semaines. Intégration des maquettes, CMS, schemas, performance, multilingue le cas échéant. C'est la phase la plus longue et la moins visible côté client — d'où l'importance d'avoir un chef de projet qui communique.
4. Recette + SEO + mise en ligne : 1 à 2 semaines. Tests cross- device, vérification schema, soumission Search Console et Bing Webmaster, indexation initiale, formation back-office, transfert d'hébergement.

Total : 7 à 12 semaines. Sous 6 semaines, on coupe forcément quelque chose (design générique ou recette sautée). Au-dessus de 16 semaines sur un vitrine standard, il y a un problème de méthode ou de validation côté client.

Le rush qui tue : promesse de livrer un site en 10 jours. On finit toujours par payer la dette technique dans les 6 mois suivants — refonte CSS, schema absent, performance à reprendre, SEO inexistant. Sur le sujet précis, on a écrit un article dédié au délai réaliste de livraison d'un site web dans le hub développement web.

Choisir son agence — checklist 12 critères

Voici la grille que nous donnons à nos prospects quand ils consultent plusieurs agences en parallèle. Cochez chaque ligne pour chaque devis reçu — vous verrez très vite qui est sérieux.

1. Portfolio sectoriel récent : 3 sites au moins livrés dans votre métier ces 12 derniers mois.
2. Sites de référence encore en production : pas un portfolio de sites morts ou redirigés ailleurs.
3. Contrat de maintenance proposé séparément : indication d'une vraie capacité à suivre après livraison.
4. Propriété du code transférée par contrat : code source, accès admin, hébergement migrable, comptes GBP et analytics à votre nom.
5. Hébergement migrable : possibilité de partir sans casser le site, documentation de transfert.
6. Formation back-office incluse : 1 à 2 sessions filmées, documentation écrite.
7. SEO local explicite dans le devis : GBP, schema LocalBusiness, pages-ville, NAP. Si ce n'est pas listé, c'est pas fait.
8. Conformité loi 09-08 livrée : mentions légales, politique confidentialité, bandeau cookies fonctionnel, déclaration CNDP le cas échéant.
9. Garantie post-livraison de 2 à 3 mois minimum : couverture des bugs et ajustements sans surfacturation.
10. Délais avec pénalités : engagement contractuel sur la date de mise en ligne.
11. Référence d'un projet repris en refonte : signal d'une capacité technique à diagnostiquer, pas seulement à pondre.
12. Identité claire des intervenants : qui designe, qui code, qui chef-de-projet. Pas d'agence-écran qui revend.

Pour creuser le tri d'agences, on a publié un guide spécifique sur le choix d'une agence web à Casablanca — les critères valent pour Rabat, Marrakech, Tanger et le reste du Maroc.

Cas concret : site vitrine d'un riad à Marrakech

Pour rendre tout ça concret, un projet récent que nous avons livré.

Contexte. Riad 8 chambres en médina de Marrakech, ouvert depuis 2018. Site existant fait en 2019 par une agence locale, conçu comme une plaquette PDF en ligne. Réservations à 92% via Booking et Airbnb, avec 18 à 22% de commission selon plateforme. Le propriétaire voulait basculer une partie significative en réservation directe.

Objectifs business. Atteindre 30% de réservations directes sous 12 mois, ranker top 5 sur "riad marrakech medina" et 4 requêtes sœurs, capter du trafic AI Overviews sur "meilleur riad marrakech [caractéristique]".

Périmètre livré. Site Next.js, 11 pages, multilingue FR/EN, intégration moteur de réservation Cloudbeds, CMI pour acomptes, schema HotelRoom + Hotel + LocalBusiness, GBP retravaillé, soumission à 14 annuaires marocains avec NAP cohérent, blog voyageur en EN pour le SEO international.

Choix techniques marquants. Pas de WordPress (le précédent prestataire avait laissé une base WordPress hors maintenance avec 3 plugins critiques obsolètes — refonte intégrale plus rationnelle qu'une mise à jour). Schemas riches injectés dynamiquement à partir du CMS. Performance Core Web Vitals dans le vert sur 100% des pages au lancement.

Résultats à 7 mois. 34% des nuitées en réservation directe. Position moyenne 2,8 sur "riad marrakech medina" (vs hors top 30 au lancement). Citation dans AI Overviews sur 3 requêtes longue traîne type "riad marrakech avec piscine sur le toit". ROI du site couvert en moins de 5 mois grâce à la baisse de commission OTA.

Ce type de projet relève de notre offre création de site vitrine déclinée Marrakech — même approche transposable à un cabinet d'avocat à Rabat, un groupe scolaire à Tanger ou un BTP à Casablanca.

FAQ

Voir le bloc FAQ structuré en frontmatter — il couvre les 7 questions les plus posées par les PME marocaines qui démarrent un projet de site vitrine en 2026 (définition, budget, CMS, choix d'agence, délais, SEO Maroc, CMI).

Pour aller plus loin

• Création de site web au Maroc , guide complet 2026 , la pillar du silo
• Site vitrine vs catalogue vs e-commerce — choisir le bon format
• Choisir son agence web à Casablanca — checklist détaillée
• Google Business Profile et SEO local au Maroc — le pilier SEO d'un vitrine
• Notre service création de site vitrine — périmètre, méthode, livrables
• Création de site vitrine à Marrakech — déclinaison ville

Pour conclure

Un site vitrine en 2026, au Maroc, n'est plus une plaquette en ligne. C'est un outil de génération de leads cadré sur des objectifs business mesurables, optimisé pour le SEO local (qui représente 70% du trafic potentiel d'une PME marocaine), conforme à la loi 09-08, et reprenable par n'importe quel prestataire. Tout le reste , choix de stack, fournisseur d'hébergement, animations, design — découle de ces fondamentaux.

Si vous voulez qu'on cadre votre projet ensemble, écrivez-nous. 20 minutes de discussion, un retour écrit sur la pertinence du périmètre, et un devis transparent avec délais engagés, propriété du code claire et plan SEO local livré dès la mise en ligne. Sans piège, sans coût caché, sans agence-écran.