# Création site vitrine au Maroc : guide complet 2026

> Tout pour réussir la création d'un site vitrine au Maroc en 2026 : modules clés, choix de stack, SEO local, CMI, conformité loi 09-08.

- Source : https://deadline.ma/conseils/developpement-web/creation-site-vitrine-maroc-guide
- Auteur : Équipe deadLine — Agence web & digital à Casablanca
- Publié le 3 juin 2026
- Éditeur : deadLine, agence web à Casablanca (https://deadline.ma), éditeur du logiciel LINEPROD (https://lineprod.ma)

## En bref

Un site vitrine au Maroc en 2026 est un site de 5 à 15 pages dont le but est de générer des contacts qualifiés, pas de vendre en ligne.

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 : 8 000 à 15 000 DH pour un site vitrine simple
honnête, 25 000 à 35 000 DH 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](/conseils/developpement-web/prix-creation-site-web-maroc)
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](/developpement/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 un budget à cinq 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.

| Stack | Force principale | Faiblesse majeure | Recommandé pour |
|---|---|---|---|
| WordPress | Écosystème PME marocain énorme, freelances partout, reprise facile | Maintenance lourde (mises à jour mensuelles, sécurité), performance moyenne sans optimisation poussée | PME avec budget contenu régulier, besoin d'autonomie back-office |
| Webflow | Designer-first, animations natives, code propre | Coût licence en USD, écosystème dev marocain encore léger, multilingue payant | Marques premium, agences créatives, design signature |
| Next.js + headless CMS | Performance maximale, SEO technique au top, scalabilité multi-villes | Coût initial plus élevé, dépendance dev plus forte qu'un WordPress | Sites multi-villes, gros enjeux SEO local, ambition AI Overviews |

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](/conseils/developpement-web/site-vitrine-vs-catalogue-vs-ecommerce)
— 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](/conseils/marketing-digital/google-business-profile-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](/developpement/site-vitrine/maroc/marrakech)
— 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 des frais d'activation (et une commission par transaction) 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](/conseils/developpement-web/cahier-des-charges-site-web-pme-maroc).
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](/conseils/developpement-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](/conseils/developpement-web/choisir-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](/developpement/site-vitrine/maroc/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](/conseils/developpement-web) — la pillar du silo
- [Création de site web au Maroc — notre offre](/developpement) — vitrine, catalogue, e-commerce et sur mesure, prix planchers et délais
- [Site vitrine vs catalogue vs e-commerce](/conseils/developpement-web/site-vitrine-vs-catalogue-vs-ecommerce) — choisir le bon format
- [Choisir son agence web à Casablanca](/conseils/developpement-web/choisir-agence-web-casablanca) — checklist détaillée
- [Google Business Profile et SEO local au Maroc](/conseils/marketing-digital/google-business-profile-seo-local) — le pilier SEO d'un vitrine
- [Notre service création de site vitrine](/developpement/site-vitrine) — périmètre, méthode, livrables
- [Création de site vitrine à Marrakech](/developpement/site-vitrine/maroc/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](/contact). 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.

## Questions fréquentes

### C'est quoi exactement un site vitrine pour une entreprise marocaine ?

Un site vitrine est un site web de 5 à 15 pages dont l'objectif est de présenter l'activité et de générer des prises de contact qualifiées — devis, rendez-vous, réservation, appel. Il ne vend pas en ligne (différence avec l'e-commerce) et ne gère pas de catalogue complexe (différence avec le site catalogue). Pour 90% des PME marocaines, c'est le format le plus pertinent.

### Combien coûte un site vitrine au Maroc en 2026 ?

Un site vitrine simple et sérieux se situe entre 8 000 et 15 000 DH environ, un vitrine premium avec design sur mesure et SEO local poussé monte vers 25 000 à 35 000 DH. En dessous, vous achetez un template recyclé. Au-dessus, c'est justifié uniquement par du design signature ou du multi-ville stratégique. Voir notre guide prix détaillé.

### Quel CMS choisir pour un site vitrine marocain ?

WordPress reste le choix par défaut au Maroc grâce à l'écosystème local de freelances et la facilité de reprise. Webflow convient si vous avez un designer interne fort et pas de besoin éditorial massif. Next.js est notre recommandation quand la performance et le SEO local sont stratégiques (multi-villes, schema avancé, AI Overviews).

### Quelle agence web choisir pour un site vitrine à Casablanca ?

Filtrez sur trois critères concrets : portfolio sectoriel récent (3 sites livrés dans votre métier ces 12 derniers mois), propriété du code transférée au client par contrat, et présence d'un volet SEO local explicite dans le devis. Une agence qui ne parle ni de Google Business Profile, ni de schema LocalBusiness, ni de la loi 09-08 ne fait pas le métier en 2026.

### Combien de temps pour créer un site vitrine pro ?

Pour un vitrine sérieux, comptez 7 à 12 semaines : 1 à 2 semaines de cadrage, 2 à 3 semaines de design, 3 à 5 semaines de développement, 1 à 2 semaines de recette et SEO. En dessous, le prestataire compresse forcément le design ou la recette. Au-delà de 4 mois sur un vitrine standard, il y a un problème de méthode ou de validation côté client.

### Comment référencer un site vitrine sur Google au Maroc ?

Trois piliers : Google Business Profile complet et vérifié sur chaque ville d'implantation, schema LocalBusiness (avec NAP cohérent sur site, GBP, annuaires), et pages-ville dédiées si vous avez plusieurs implantations physiques. Le SEO local représente 70% du trafic d'un vitrine PME marocain — c'est lui qu'il faut prioriser, pas le SEO national générique.

### Faut-il intégrer le CMI sur un site vitrine ?

Uniquement si vous prenez une réservation, un acompte ou un paiement direct depuis le site (hôtel, riad, formation, événementiel). Pour un vitrine pur lead generation, le CMI n'a aucune utilité. L'intégration CMI sur un site vitrine est un signal fort que vous êtes passé sur un format hybride vitrine + booking, ce qui change le périmètre et le budget.