Pages Comparatif « A vs B » pour PrestaShop 8 & 9 : documentation

Présentation

Le module crée des pages publiques qui comparent deux ou trois produits, par exemple « iPhone 15 vs Galaxy S24 », pour se positionner sur les recherches de comparaison. Chaque page a une URL propre dans chaque langue, ses balises SEO, des données structurées, un tableau comparatif, votre verdict et une FAQ. Une page liste regroupe tous les comparatifs publiés.

Il ne remplace pas un comparateur de session comme le Comparateur de Produits, où le visiteur compare sa propre sélection : les deux modules peuvent être installés ensemble.

Installation

1. Dans Modules > Gestionnaire de modules, cliquez sur Téléverser un module et sélectionnez le fichier ZIP du module.
2. L’installation crée l’onglet Catalogue > Comparatifs SEO, trois tables (comparatifs, traductions, association boutiques) et les préfixes d’URL par défaut de chaque langue installée.
3. Vérifiez que les URL simplifiées sont activées dans Paramètres de la boutique > Trafic et SEO. Sans elles, les pages fonctionnent mais avec des adresses du type index.php?fc=module&module=dfversus&controller=compare&rewrite=....

Réglages

Le bouton Configurer du module ouvre un panneau d’information (lien vers la gestion des comparatifs, adresse de la page liste dans chaque langue, adresse du sitemap) suivi de trois blocs de réglages.

URL et page liste

• Préfixe d’URL, par langue : les comparatifs utilisent /prefixe/slug-de-la-page et la page liste /prefixe. Valeurs par défaut : comparatif (fr), compare (en), comparativa (es), vergleich (de), confronto (it), porownanie (pl), vergelijking (nl), comparativo (pt). Les préfixes utilisés par PrestaShop (module, content, search, cart, order…) sont refusés et remplacés par la valeur par défaut.
• Titre de la page liste (H1), meta titre, meta description et introduction, par langue.
• Comparatifs par page : 24 par défaut, de 1 à 100.

Affichage

• Afficher les liens sur les fiches produit : liste, sous la fiche produit, les comparatifs qui incluent le produit (hook displayFooterProduct). Liens sur les fiches produit en fixe le nombre (6 par défaut).
• Comparatifs liés : nombre de comparatifs partageant un produit affichés en bas de chaque page (6 par défaut, 0 pour masquer le bloc).
• Comparer les caractéristiques produit : ajoute au tableau toutes les caractéristiques de Catalogue > Attributs & caractéristiques.
• Afficher les notes clients : note moyenne et nombre d’avis du module Commentaires produits (productcomments), s’il est installé.
• Afficher uniquement les différences par défaut : le visiteur peut toujours changer l’option sur la page.
• Couleur d’accent : utilisée pour le produit recommandé, les badges, les liens et la meilleure valeur. Les polices sont celles du thème.

Données structurées

Ajouter le balisage JSON-LD est activé par défaut. Désactivez-le seulement si un autre module produit déjà ce balisage sur ces pages. Les balises Open Graph restent ajoutées.

Créer un comparatif

Dans Catalogue > Comparatifs SEO, cliquez sur Ajouter un comparatif.

Produits et produit recommandé

Recherchez chaque produit par nom, référence, EAN ou ID, puis cliquez sur un résultat (ou utilisez les flèches et Entrée). Les produits 1 et 2 sont obligatoires, le produit 3 est facultatif. Un produit inactif est signalé par un badge. Le champ Produit recommandé met une colonne en avant avec le badge « Notre choix » et la reprend dans le verdict. Les produits sont réordonnés à l’enregistrement si un emplacement est laissé vide.

Titre, slug et balises

• Titre (H1) : laissé vide, il est généré dans chaque langue à partir des noms des produits, sous la forme « Produit 1 vs Produit 2 ».
• Slug d’URL : laissé vide, il est construit à partir du titre. Il doit être unique par langue. Un slug généré qui existe déjà reçoit un suffixe -2, -3. Un slug saisi à la main déjà utilisé est refusé.
• Meta titre : laissé vide, le titre est utilisé. Environ 60 caractères sont affichés dans Google.
• Meta description : environ 155 caractères. Laissée vide, une description est générée à partir des noms des produits.

L’aperçu dans les résultats de recherche affiche en direct le nom de la boutique, l’URL réelle, le titre et la description de la langue en cours d’édition, avec un compteur vert ou rouge pour chaque longueur.

Introduction et verdict

L’introduction s’affiche au-dessus du tableau, le verdict en dessous. Ce sont les deux textes qui distinguent votre page d’une fiche technique : expliquez à qui s’adresse chaque produit et ce qui les sépare vraiment.

Critères éditoriaux

Un critère par ligne, sous la forme Libellé | valeur produit 1 | valeur produit 2 | valeur produit 3. Ajoutez * à la fin d’une valeur pour la marquer comme la meilleure. Exemple :

Autonomie réelle | 18 h* | 12 h | 15 h
Photo de nuit | Très bonne | Excellente* | Excellente*
Poids en main | Léger* | Moyen | Lourd

Ces critères forment le groupe « Notre analyse » du tableau.

Questions et réponses

Une question par ligne, sous la forme Question | Réponse. Elles s’affichent en accordéon en bas de page et sont ajoutées au JSON-LD en FAQPage.

Indexation et publication

• Autoriser l’indexation : désactivé, la page reste accessible mais porte la balise noindex et n’apparaît pas dans les sitemaps.
• Publié : désactivé, la page renvoie une erreur 404 aux visiteurs. Elle reste consultable par un lien de prévisualisation signé, affiché dans le formulaire et dans l’action Voir de la liste.
• Association boutique : en multiboutique, choisissez les boutiques où le comparatif existe.

Une fois enregistré, le formulaire affiche les URL publiques du comparatif dans chaque langue. Le bouton Enregistrer et rester garde le formulaire ouvert.

Comparatifs en double

Un comparatif qui porte exactement sur les mêmes produits qu’un autre, dans n’importe quel ordre, est refusé à l’enregistrement avec le numéro du comparatif existant. Deux pages sur les mêmes produits se concurrenceraient dans Google : modifiez plutôt la page existante.

Générer depuis une catégorie

Le bouton Générer depuis une catégorie crée un comparatif pour chaque paire parmi les meilleurs produits d’une catégorie.

1. Choisissez la catégorie.
2. Choisissez comment sélectionner les produits : meilleures ventes, position dans la catégorie, plus récents d’abord ou prix le plus élevé d’abord.
3. Indiquez le nombre de produits, de 2 à 12 : 6 produits donnent 15 comparatifs, 12 produits en donnent 66.
4. Laissez Publier immédiatement désactivé, conseillé, et choisissez si les pages sont indexables.

Seuls les produits actifs et visibles dans le catalogue de la boutique sont retenus. Les titres et slugs sont créés dans toutes les langues et les paires déjà comparées sont ignorées. Les pages générées ne contiennent que le tableau : ajoutez au moins une introduction et un verdict avant de les publier, une page sans contenu éditorial se positionne rarement.

Liste des comparatifs

La liste affiche les miniatures des produits (grisées pour un produit inactif), le titre, les noms des produits, l’état d’indexation et de publication (modifiables d’un clic), le nombre de vues et la date de mise à jour. Les vues excluent les robots d’indexation et les prévisualisations.

• Voir ouvre la page publique, avec le lien de prévisualisation si elle n’est pas publiée.
• Dupliquer crée une copie non publiée avec de nouveaux slugs et ouvre son formulaire. Changez au moins un produit avant d’enregistrer la copie, sans quoi elle est refusée comme doublon.
• Les actions groupées publient, dépublient ou suppriment la sélection.

La page publique

La page reprend le gabarit de votre thème (fil d’Ariane, en-tête, pied de page) et contient, dans l’ordre : la date de mise à jour, l’introduction, le bouton « Afficher uniquement les différences », le tableau, le verdict, la FAQ, les comparatifs liés et un lien vers la page liste.

Le tableau

En tête de colonne : image, nom, prix avec prix barré en cas de promotion, bouton d’ajout au panier (produits simples, non personnalisables et commandables) et lien vers la fiche. Le tableau est ensuite organisé en groupes, et les lignes vides partout sont masquées :

• L’essentiel : prix (meilleur prix repéré), note clients, disponibilité, marque, état.
• Notre analyse : vos critères éditoriaux.
• Caractéristiques techniques : les caractéristiques produit, si l’option est active.
• Détails : poids, largeur, hauteur, profondeur, référence, EAN-13.

Sur mobile

Sous 768 px de large, chaque ligne affiche son libellé au-dessus des valeurs : deux ou trois produits tiennent dans la largeur de l’écran, sans défilement horizontal.

Barre collante

Quand l’en-tête du tableau sort de l’écran, une barre avec le nom et le prix de chaque produit apparaît en haut. Elle se place automatiquement sous un header de thème fixe ou collant. Si elle est mal placée avec votre thème, fixez son décalage dans le CSS du thème :

:root { --dfv-sticky-top: 64px; }

Intégration au thème

Le bloc « Comparer ce produit » s’affiche sous la fiche produit par le hook displayFooterProduct. Pour le placer ailleurs, désactivez l’option dans les réglages et ajoutez dans le template de votre thème :

{hook h='displayDfVersusLinks' product=$product}

Pour ajouter la page liste au menu, utilisez son adresse indiquée dans le panneau d’information du module.

SEO

URL, canonical et redirections

La balise canonical pointe vers l’URL du comparatif dans la langue affichée. Une page atteinte par le slug d’une autre langue, un ancien préfixe ou l’adresse brute du module est redirigée en 301 vers son adresse canonique. Si vous changez un préfixe ou un slug, les anciennes adresses ne sont plus reconnues : prévoyez des redirections si les pages étaient déjà indexées.

hreflang

Les balises hreflang relient les versions linguistiques d’un comparatif, avec x-default sur la langue par défaut de la boutique. Seules les langues où le comparatif a un slug sont listées.

Données structurées

Chaque comparatif contient un JSON-LD avec WebPage (dont la date de modification), BreadcrumbList, ItemList et FAQPage si des questions sont renseignées. L’ItemList suit le format « page de résumé » : chaque élément pointe vers la fiche produit, qui porte déjà son propre balisage Product. La page liste contient CollectionPage et ItemList. Depuis 2023, Google n’affiche les résultats enrichis FAQ que pour certains sites gouvernementaux et de santé : le balisage FAQPage reste valide mais ne produit pas d’extrait enrichi sur une boutique.

Sitemap

Le sitemap dédié est disponible à l’adresse /dfversus-sitemap.xml (adresse exacte dans le panneau d’information du module). Il contient la page liste et chaque comparatif publié et indexable, avec ses alternates hreflang. Soumettez-le dans Google Search Console. Si le module gsitemap de PrestaShop est installé, les comparatifs sont aussi ajoutés à son sitemap.

Suppression d’un produit

Quand un produit est supprimé du catalogue, il est retiré de l’emplacement 3 des comparatifs qui l’utilisent. Un comparatif qui perd son produit 1 ou 2 est dépublié. Un produit désactivé n’est plus affiché dans les comparatifs, et un comparatif avec moins de deux produits visibles n’apparaît plus dans la page liste ni dans les sitemaps.

Dépannage

• Les pages renvoient une erreur 404 : vérifiez que le comparatif est publié, associé à la boutique et qu’il contient au moins deux produits actifs. Si les URL simplifiées ont été activées après l’installation, régénérez le fichier .htaccess depuis Trafic et SEO.
• Un préfixe entre en conflit avec une autre page : choisissez un préfixe plus spécifique dans les réglages, par exemple « comparatifs-produits ».
• Les notes clients n’apparaissent pas : le module productcomments doit être installé et actif, et les avis validés. Vérifiez aussi l’option « Afficher les notes clients ».
• Le bouton Ajouter au panier n’apparaît pas : il est réservé aux produits simples, non personnalisables, commandables et en stock ou commandables hors stock. Les autres produits affichent le lien vers la fiche.
• La barre collante passe sous le header du thème : définissez la variable --dfv-sticky-top comme indiqué plus haut.