Analyse heuristique : guide UX pour e-commerce
Guide pratique de l'analyse heuristique pour e-commerce : les 10 heuristiques de Nielsen, cadre d'evaluation, checklist et exemples concrets.

Quand vous cherchez une recette sur Google et voyez la note en étoiles, le temps de préparation et les calories directement dans les résultats sans cliquer, vous regardez le schema markup en action. Ces rich snippets n'apparaissent pas par magie : quelqu'un a implémenté des données structurées sur son site web.
Dans ce guide pratique, nous expliquons ce qu'est le schema markup, quels types existent, comment l'implémenter pas à pas, et surtout, quel impact il a sur la visibilité et la conversion de votre site.
Le schema markup (ou données structurées schema) est un vocabulaire de données structurées ajouté au HTML d'une page pour aider les moteurs de recherche à mieux comprendre son contenu. Il a été créé en 2011 par une collaboration entre Google, Bing, Yahoo et Yandex dans le cadre du projet Schema.org.
En termes simples : si votre page traite d'un produit, le schema dit à Google exactement qu'il s'agit d'un produit, quel est son prix, s'il est en stock, quelles sont ses notes, etc. Sans schema, le moteur de recherche doit deviner ; avec le schema, il sait avec certitude.
Techniquement, le schema markup est un type de données structurées. Les données structurées sont tout format organisé lisible par les machines. Schema.org est le vocabulaire standard que les principaux moteurs de recherche reconnaissent et recommandent.
La raison principale est la visibilité dans les résultats de recherche. Les pages avec schema markup peuvent apparaître comme des rich snippets, qui incluent des informations supplémentaires telles que :
Selon diverses études, les rich snippets peuvent augmenter le CTR de 20 % à 40 % par rapport à un résultat standard. Plus de clics à la même position signifie plus de trafic qualifié sans dépenser plus en SEO ou publicité.
Schema.org définit des centaines de types, mais voici les plus utilisés et les plus impactants :
Pour les articles de blog, actualités et contenu éditorial. Il permet à Google d'afficher le titre, l'image, la date de publication et l'auteur directement dans les résultats de recherche.
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Schema Markup : guide pratique",
"author": {
"@type": "Person",
"name": "Adrià Vidal"
},
"datePublished": "2026-09-21"
}
Idéal pour les pages avec des questions fréquentes. Google peut afficher les questions et réponses directement dans la SERP, occupant significativement plus d'espace visuel.
Pour les pages produit e-commerce. Il inclut prix, devise, disponibilité, notes et plus encore. C'est l'un des schemas avec le plus grand impact direct sur la conversion car l'utilisateur voit les informations clés avant de cliquer.
Affiche la hiérarchie de navigation de la page dans les résultats de recherche. Il améliore la compréhension de la structure du site pour les utilisateurs comme pour les moteurs de recherche.
Pour les entreprises avec un emplacement physique. Il montre adresse, horaires, téléphone et notes. Essentiel pour le SEO local.
Pour les guides pas à pas. Google peut afficher les étapes directement dans le résultat, ce qui booste considérablement la visibilité.
| Type de schema | Usage principal | Rich snippet typique |
|---|---|---|
| Article | Blog, actualités | Titre, image, date, auteur |
| FAQPage | Questions fréquentes | Q&R dépliables |
| Product | E-commerce | Prix, stock, étoiles |
| BreadcrumbList | Navigation | Fil d'Ariane |
| LocalBusiness | Entreprises locales | Adresse, horaires, téléphone |
| HowTo | Tutoriels | Étapes numérotées |
Il existe trois formats principaux pour ajouter le schema markup à votre site :
C'est le format officiellement recommandé par Google. Il est ajouté sous forme d'un bloc <script> dans le <head> ou le <body> de la page sans modifier le HTML visible.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [{
"@type": "Question",
"name": "Qu'est-ce que le schema markup ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "C'est un vocabulaire de données structurées..."
}
}]
}
</script>
Avantage : il n'interfère pas avec le design ou le HTML existant. Facile à maintenir et à mettre à jour.
Ajouté directement comme attributs HTML (itemscope, itemtype, itemprop). Plus invasif que JSON-LD car il nécessite de modifier le balisage existant.
Similaire au Microdata mais basé sur les attributs d'un standard différent. Moins populaire et plus complexe.
Notre recommandation : utilisez toujours le JSON-LD. C'est le plus propre, celui que Google préfère, et le plus facile à implémenter et maintenir.
Après avoir implémenté le schema, vérifier qu'il est correctement configuré est essentiel :
Product ou une page de service comme Article crée de la confusion pour les moteurs de recherche.Du point de vue de l'optimisation de la conversion, le schema markup est un allié discret mais puissant :
Le schema markup n'est ni une mode ni une technique avancée réservée aux experts. C'est une pratique fondamentale que tout site web devrait implémenter. Les bénéfices en visibilité, CTR et qualité du trafic sont trop significatifs pour être ignorés.
Commencez par les schemas les plus pertinents pour votre activité — Article si vous avez un blog, Product si vous vendez en ligne, LocalBusiness si vous avez un magasin physique — et validez toujours avec les outils officiels.
Si vous voulez que votre site convertisse davantage — du clic Google à l'action finale — découvrez comment nous travaillons dans notre agence CRO ou analysez votre site gratuitement avec Scan&Boost.
— Adrià Vidal, Boost
Guide pratique de l'analyse heuristique pour e-commerce : les 10 heuristiques de Nielsen, cadre d'evaluation, checklist et exemples concrets.
UX writing pour la conversion : comment rédiger microcopy, CTAs, messages d'erreur, formulaires et textes d'interface qui guident les utilisateurs vers...
Un audit CRO revele exactement pourquoi votre site perd des conversions. Suivez cette checklist etape par etape pour trouver et corriger les fuites de...