Carte de chaleur

Qu’est-ce qu’une carte de chaleur ?

Une carte de chaleur (heatmap) est une représentation visuelle qui agrège les données de comportement de nombreuses sessions de visiteurs — généralement les clics, les mouvements de la souris et la profondeur de défilement (scroll) — sous forme de surcouche colorée sur la page. Les couleurs chaudes (rouge, orange) indiquent les zones de forte activité, tandis que les couleurs froides (bleu) montrent une faible activité. Les types les plus courants sont les cartes de clics (click maps), les cartes de défilement (scroll maps) et les cartes de mouvement (move/hover maps), chacune éclairant un aspect différent de la façon dont les internautes utilisent réellement la page.

Pourquoi une carte de chaleur est-elle importante ?

Une carte de chaleur rend le comportement abstrait très concret : vous pouvez voir si des éléments importants sont ignorés, si les visiteurs cliquent sur des éléments qui ne sont pas des liens et jusqu’où ils défilent réellement. Une carte de défilement (scroll map), par exemple, révèle si votre appel à l’action principal et vos arguments clés de vente sont situés above the fold (au-dessus de la ligne de flottaison) ou s’ils disparaissent pour la plupart des visiteurs. Cela fait des cartes de chaleur un excellent point de départ pour l’optimisation de la conversion sur les pages produits, de collections et d’accueil.

Cas d’utilisation courants

• Pages produits : Voyez si le bouton d’achat, le prix et les avis captent l’attention ou s’ils se perdent.
• Pages de collections : Découvrez quels filtres et produits obtiennent des clics — et ce qui est ignoré.
• Page d’accueil : Évaluez si les bannières et les éléments de menu sont utilisés comme prévu.
• Clics morts (Dead clicks) : Identifiez les éléments sur lesquels les internautes cliquent en pensant qu’il s’agit de liens.
• Prioriser les tests : Utilisez ces schémas pour formuler des hypothèses en vue d’un A/B test.

Perspective Shopify

Shopify ne propose pas de cartes de chaleur intégrées. Vous devez donc ajouter un outil comme Microsoft Clarity (gratuit), Hotjar ou Lucky Orange — plusieurs sont disponibles directement dans le Shopify App Store. Installez le script via l’application ou dans theme.liquid, et veillez au consentement relatif aux cookies et au RGPD. N’oubliez pas qu’une carte de chaleur ne montre que ce qui se passe, pas pourquoi ; associez-la à des enregistrements de session ou à un test d’utilisabilité, et collectez suffisamment de sessions pour que les tendances soient fiables.