Lancer une boutique en ligne au Maroc, c’est d’abord un choix technologique. Et c’est là que beaucoup de projets déraillent, pas parce que le produit est mauvais ou le marché absent, mais parce que la plateforme choisie ne correspond pas aux vrais besoins du projet.
Shopify, WordPress avec WooCommerce, Next.js headless, les trois fonctionnent. Pas pour les mêmes projets, pas avec les mêmes budgets, et pas avec les mêmes résultats sur Google. Voici une lecture honnête de chaque option.
Table des matières
Shopify : le choix rapide, avec des angles morts SEO réels
Shopify est probablement la façon la plus rapide de mettre une boutique en ligne. Hébergement inclus, paiements intégrés, thèmes utilisables immédiatement, une boutique fonctionnelle peut être en ligne en quelques jours sans toucher à une ligne de code.
Pour un projet qui doit démarrer vite avec une équipe non technique, c’est difficile à battre.
Là où Shopify pose des problèmes concrets en SEO
La structure des URLs est rigide. Les produits vivent sous /products/nom-du-produit et les collections sous /collections/nom-collection, et vous ne pouvez pas changer ça. Pour une boutique qui cible des requêtes locales précises comme « chaussures cuir artisanal Maroc », cette rigidité limite ce que vous pouvez faire.
Le contenu dupliqué est un problème structurel. Un même produit peut apparaître sous plusieurs collections, ce qui génère plusieurs URLs pour la même page. Shopify gère ça avec des balises canonical, mais de façon imparfaite. Google voit parfois plusieurs versions d’une même page sans comprendre laquelle indexer.
Les collections paginées posent aussi des difficultés. Les pages /collections/nom?page=2 sont souvent mal gérées techniquement, avec des signaux canoniques contradictoires selon la version du thème utilisé.
Les rich snippets sont une autre limite concrète. Shopify génère automatiquement quelques schemas de base via le thème, Product et BreadcrumbList généralement, mais vous ne pouvez pas ajouter des schemas FAQ, Article, HowTo ou des structures personnalisées par page sans modifier le code Liquid du thème. Ce qui demande un développeur et casse souvent à la prochaine mise à jour du thème. Il n’existe pas d’équivalent à Rank Math sur Shopify.
Ce n’est pas insurmontable. Des boutiques Shopify se positionnent très bien sur Google. Mais ça demande de travailler autour des contraintes de la plateforme plutôt qu’avec elles. Sur un marché e-commerce marocain qui commence à devenir concurrentiel, ces limitations comptent.
L’autre limite : vous louez la plateforme. Si Shopify change ses conditions ou augmente ses tarifs, vous n’avez pas grand-chose à dire. Et si vous voulez utiliser l’API Storefront de Shopify pour un frontend headless personnalisé, il faut passer à Shopify Plus, qui commence à 2 300 dollars par mois. Ce n’est pas une option pour la majorité des boutiques marocaines.
WordPress + WooCommerce : la liberté totale, à condition de savoir la gérer
WordPress propulse environ 43% des sites web dans le monde. Ce chiffre dit que l’outil est accessible. Il ne dit pas qu’il est simple à bien utiliser.
WooCommerce, le plugin e-commerce de WordPress, est open source et gratuit. Vous pouvez personnaliser absolument tout : les pages produit, le tunnel d’achat, les emails automatiques, la structure des URLs, les données structurées. Cette flexibilité est son principal avantage sur Shopify.
Sur le plan SEO, WordPress donne un contrôle que Shopify ne permet pas. Avec Rank Math, vous définissez le type de schema par page, FAQ, Article, HowTo, BreadcrumbList, Product, JobPosting, Course, Recipe, et bien d’autres, sans toucher une ligne de code. Une page produit peut combiner plusieurs schemas anidés simultanément, par exemple Product + FAQPage + BreadcrumbList avec des relations entre entités. C’est ce qu’on appelle des schemas avancés, et c’est un avantage SEO direct sur les résultats Google sous forme de rich snippets.
Ce niveau de contrôle n’existe pas sur Shopify. Et contrairement à Yoast, qui réserve une partie de ses fonctionnalités schema à sa version Premium payante et ne propose pas de constructeur visuel avancé, Rank Math offre tout ça gratuitement dans sa version core, avec un constructeur visuel qui permet de définir chaque champ manuellement, y compris des schemas personnalisés qui ne sont pas dans la liste prédéfinie.
Sur la performance, soyons précis.
WordPress n’est pas lent par nature. WordPress mal configuré est lent. Une installation avec un thème lourd, vingt plugins actifs et sans cache peut mettre 8 secondes à charger sur mobile. La même installation avec un thème léger, un système de cache et des images compressées charge en moins de deux secondes. Le problème n’est pas WordPress. C’est que la majorité des installations au Maroc ne sont pas configurées pour la performance.
Sur la sécurité, même logique.
WordPress est la cible numéro un des attaques web parce que c’est la plateforme la plus utilisée. Mais WordPress en lui-même est un CMS mature, audité en continu, avec une communauté de sécurité active. Les failles viennent presque toujours des plugins tiers, en particulier les versions gratuites abandonnées par leurs développeurs, et d’installations laissées sans mises à jour pendant des mois. Une boutique WooCommerce bien maintenue, avec des plugins professionnels mis à jour et des sauvegardes automatiques, n’est pas une cible facile. Le risque vient de la négligence, pas de WordPress.
WordPress en headless : la voie du milieu, souvent ignorée
Il existe une option que beaucoup oublient de mentionner : utiliser WordPress comme backend headless via son API REST, avec un frontend découplé en Next.js ou React.
Contrairement au headless Shopify qui nécessite Shopify Plus à partir de 2 300 dollars par mois, WordPress headless est gratuit. WooCommerce expose l’ensemble du catalogue, des commandes et des clients via API REST native. Vous gardez l’interface d’administration WordPress que votre équipe connaît, vous gérez le contenu comme d’habitude, et le frontend reçoit les données via API pour les afficher dans un framework moderne.
Rank Math fonctionne aussi en headless. Les métadonnées et schemas générés côté WordPress sont accessibles via l’API et peuvent être injectés dans le frontend Next.js. Vous gardez donc tout le contrôle SEO avancé de Rank Math, y compris les schemas anidés et les rich snippets, même en architecture découplée.
C’est une architecture qui combine les avantages des deux mondes : la flexibilité et le coût nul de WordPress côté backend, la performance et le contrôle SEO d’un frontend Next.js côté client. Le développement est plus complexe qu’un WordPress classique, mais nettement moins coûteux qu’un projet Next.js avec backend Medusa ou Vendure construit de zéro.
C’est le bon choix pour une boutique qui veut des performances techniques sérieuses sans budget de startup financée.
Next.js headless : la meilleure option technique, avec les yeux ouverts
Next.js est un framework JavaScript développé par Vercel, utilisé par de grandes entreprises pour leurs boutiques e-commerce et de plus en plus accessible pour des projets de taille intermédiaire.
En mode headless, Next.js gère le frontend tandis qu’un backend comme Medusa, Vendure ou WordPress via API REST gère les données : catalogue, commandes, clients, stock. Les deux communiquent via API.
C’est une architecture plus complexe à mettre en place. C’est aussi la plus solide sur les trois critères qui comptent le plus pour un e-commerce : SEO, performance et sécurité.
Sur le SEO, Next.js donne un contrôle total. Les pages sont générées en HTML statique, Google reçoit le contenu directement sans avoir à exécuter du JavaScript. Les URLs, les métadonnées, les schemas : tout est défini dans le code, précisément, sans dépendre d’un plugin qui peut casser à la prochaine mise à jour.
La performance suit la même logique. Des scores LCP sous 1,5 seconde ne sont pas une promesse, c’est ce que produit une page statique Next.js bien structurée par défaut. L’optimisation des images, le lazy loading, le code splitting sont intégrés dans le framework. Sur WordPress classique, arriver au même résultat demande une configuration active et une maintenance continue. Sur Next.js, c’est le point de départ.
La sécurité est l’avantage le moins visible mais le plus solide. Un site Next.js déployé sur un CDN n’a pas de base de données exposée, pas d’URL d’administration publique, pas de plugins tiers qui tournent côté serveur. Le backend headless est séparé du frontend. Si quelqu’un attaque l’un, il n’accède pas automatiquement à l’autre. Pour une boutique qui gère des données clients et des paiements, cette architecture compte.
Ce qu’il faut dire honnêtement : Next.js headless avec un backend dédié coûte plus cher à développer. Un projet WordPress classique peut être livré en quelques semaines. Un projet Next.js bien structuré avec Medusa ou Vendure demande deux à quatre mois selon la complexité. Ce n’est pas le bon choix pour une boutique qui doit être en ligne dans quinze jours avec un budget serré. Si le budget est là mais pas les délais, WordPress headless est souvent la réponse.
Quelle technologie choisir concrètement ?
Tout dépend de votre horizon de temps et de votre budget réel.
Shopify si vous devez être en ligne dans un mois, que personne dans votre équipe ne sait coder et que vous voulez tester le marché. Acceptez ses limitations SEO comme une contrainte connue, pas comme une surprise. Et n’envisagez pas le headless Shopify à moins d’avoir 2 300 dollars par mois à y consacrer.
WordPress + WooCommerce classique si vous voulez le contrôle SEO complet, les schemas avancés via Rank Math, et un budget de développement raisonnable. À condition d’avoir quelqu’un qui maintient la plateforme, surveille les mises à jour et ne laisse pas tourner des plugins abandonnés. Une boutique WooCommerce bien tenue est une boutique solide.
WordPress headless si vous voulez des performances sérieuses et un SEO technique propre, sans renoncer à l’écosystème WordPress ni payer pour Shopify Plus. Votre contenu reste dans WordPress, Rank Math continue de gérer vos schemas, votre frontend gagne en vitesse et en contrôle.
Next.js headless avec backend dédié si vous pensez votre boutique sur trois à cinq ans, que le SEO est central dans votre stratégie, et que vous avez le budget pour le développement initial. Le coût de départ est plus élevé. La refonte dans deux ans ne sera pas nécessaire.
Vous lancez un e-commerce au Maroc ?
Chez TopRank, on développe des boutiques en ligne optimisées pour Google dès le départ : architecture technique, SEO on-page, performance mobile. Avant d’écrire une ligne de code, on analyse votre marché, vos concurrents et vos objectifs pour vous recommander la technologie qui correspond à votre projet.
