Quan algú dubta entre productes semblants, obrir pestanyes i memoritzar diferències converteix una compra senzilla en una tasca feixuga. Un comparador útil reuneix les característiques que poden canviar la decisió i permet tornar al producte triat sense perdre el context. No cal mostrar-ho tot: ha de respondre clarament «quina opció s’adapta millor al que necessito?».
El comparador complementa altres recursos de la botiga: pots començar pels filtres de productes, revisar què ha de resoldre una fitxa i millorar el cercador intern.
Quan és útil un comparador
És especialment útil quan una categoria té alternatives semblants amb diferències importants: capacitat, dimensions, materials, compatibilitat, autonomia, serveis inclosos o límits d’un pla. També ajuda quan les fitxes expliquen bé cada producte, però obliguen a alternar entre pàgines per contrastar-ne les dades.
Abans de desenvolupar-lo, revisa les cerques internes, els dubtes que rep l’equip comercial o d’atenció al client i els motius de devolució o abandonament. Si es repeteix la pregunta «què canvia entre A i B?», hi ha una necessitat concreta. En un catàleg petit amb productes clarament diferents, pot ser suficient millorar els filtres o les fitxes.
Tria atributs que ajudin a decidir
Comença per la tasca del comprador, no pels camps que ja tens a la base de dades. En un portàtil poden importar la memòria, el pes i els ports; en una cafetera, el tipus de càpsula, la capacitat i la neteja. Tria poques diferències que afectin l’ús, el cost o la compatibilitat. Ordena primer les més decisives i agrupa la resta per temes.
- Fes servir etiquetes entenedores: explica breument els termes tècnics quan calgui.
- Unifica unitats i formats: presenta les unitats, els preus, les talles i la disponibilitat de manera coherent.
- Explica les dades que falten: diferencia «no disponible», «no aplicable» i «no informat»; una cel·la buida no explica res.
- Facilita veure les diferències: permet amagar els atributs iguals, però mantén disponible la comparació completa.
Evita proclamar un guanyador universal si depèn de les prioritats de cada persona. Si destaques un atribut, explica la regla («menys pes», «més capacitat») i deixa que el client valori la resta.
Dissenya un recorregut que no freni la compra
Fes visible l’acció de comparar als llistats i a les fitxes. Indica quants productes s’han seleccionat, posa un límit manejable i explica què cal fer quan s’arriba al màxim. Obrir el comparador no hauria d’esborrar els filtres, la cerca ni la posició dins del catàleg.
En taules llargues, mantén els noms dels productes a la vista durant el desplaçament. Situa les accions útils a prop de cada producte: obrir-ne la fitxa, triar una variant o afegir-lo a la cistella. Si la persona arriba des d’un llistat filtrat, ofereix una manera clara de tornar-hi amb els filtres conservats.
Al mòbil, una taula ampla pot ser difícil d’entendre. Valora les targetes alineades per atribut, una columna de producte fixa o una presentació per parelles. L’usuari ha de saber sempre quin producte consulta i quina part de la comparació es desplaça.
Accessibilitat: les taules necessiten estructura
Marca les capçaleres com a capçaleres, relaciona cada dada amb la fila o columna corresponent i posa un títol descriptiu a la comparació. La guia de taules de W3C WAI explica quan fer servir <th>, <td> i l’atribut scope. No indiquis «millor» o «pitjor» només amb colors o icones: afegeix-hi text o una etiqueta accessible. Comprova que seleccionar, treure i obrir productes funcioni amb teclat i que els controls tinguin noms accessibles.
Dades, variants i SEO
Defineix un model coherent per als atributs: identificador, etiqueta, unitat, valor i regles de visualització. Mantén les dades del comparador sincronitzades amb el catàleg; els valors antics generen desconfiança i consultes de suport. Per a les variants d’un producte, deixa clar què canvia i no les presentis com a models diferents si només varia el color.
El comparador acostuma a ser una eina interactiva, no una pàgina que hagi de posicionar-se per a cada combinació. Evita URLs indexables per a seleccions que generin pàgines gairebé iguals. Conserva les fitxes canòniques i fes que les dades estructurades coincideixin amb el contingut visible; consulta la documentació actual de Google Search Central sobre dades estructurades de producte. No marquis atributs o disponibilitat que la pàgina no mostra.
Com saber si ajuda
Registra uns quants esdeveniments: inici de comparació, producte afegit o tret, atribut desplegat, fitxa oberta i compra posterior. Analitza’ls juntament amb les cerques internes i els dubtes d’atenció al client; un clic aïllat no demostra que funcioni. Qui fa servir el comparador pot tenir una decisió més complexa, així que no comparis directament aquest grup amb tots els visitants. Prova canvis concrets, com l’ordre dels atributs o etiquetes més clares, i comprova que el teclat i el mòbil continuïn funcionant bé.
Una llista breu abans de publicar
- Els atributs responen dubtes reals i els valors es poden comparar.
- Els usuaris identifiquen productes seleccionats, diferències i dades absents.
- L’experiència funciona al mòbil, amb teclat i lector de pantalla.
- Els enllaços a fitxes, variants i cistella conserven el context.
- Les URLs i les dades no creen pàgines duplicades ni informació contradictòria.
Preguntes freqüents
Quants productes s’haurien de poder comparar?
Depèn de la categoria i del disseny. Comença amb una quantitat que sigui fàcil d’entendre al dispositiu objectiu, explica el límit i revisa l’ús real abans d’ampliar-lo.
Cal amagar les característiques iguals?
Pot reduir el soroll, però l’opció ha de ser reversible i no ha d’amagar informació important. Indica quantes diferències queden.
Un comparador millora automàticament el SEO?
No. El seu valor principal és ajudar a decidir. La indexació depèn de la qualitat i singularitat de cada URL; evita crear combinacions buides o repetides amb l’esperança de posicionar-les.
Estàs planificant una botiga en línia? Comença per detectar els dubtes que frenen la decisió i fes que les respostes siguin fàcils de mantenir a les fitxes i les comparacions. Un equip de desenvolupament et pot ajudar a connectar el catàleg, les variants i el procés de compra sense duplicar dades. Explica’ns què necessiten comparar els teus clients i quines dades utilitza avui la botiga.
Fonts de referència: W3C WAI: Tables Tutorial i Google Search Central: Product structured data.
