Páginas Comparativas «A vs B» para PrestaShop 8 y 9: documentación

Presentación

El módulo crea páginas públicas que comparan dos o tres productos, por ejemplo «iPhone 15 vs Galaxy S24», para posicionarse en las búsquedas de comparación. Cada página tiene una URL limpia en cada idioma, sus etiquetas SEO, datos estructurados, una tabla comparativa, su veredicto y una FAQ. Una página de listado reúne todas las comparativas publicadas.

No sustituye a un comparador de sesión como el Comparador de Productos, en el que el visitante compara su propia selección: ambos módulos pueden instalarse juntos.

Instalación

1. En Módulos > Gestor de módulos, haga clic en Subir un módulo y seleccione el archivo ZIP del módulo.
2. La instalación crea la pestaña Catálogo > Comparativas SEO, tres tablas (comparativas, traducciones, asociación de tiendas) y el prefijo de URL por defecto de cada idioma instalado.
3. Compruebe que las URL amigables están activadas en Parámetros de la tienda > Tráfico y SEO. Sin ellas, las páginas funcionan pero con direcciones del tipo index.php?fc=module&module=dfversus&controller=compare&rewrite=....

Ajustes

El botón Configurar del módulo abre un panel de información (enlace a la gestión de comparativas, dirección de la página de listado en cada idioma, dirección del sitemap) seguido de tres bloques de ajustes.

URL y página de listado

• Prefijo de URL, por idioma: las comparativas usan /prefijo/slug-de-la-pagina y la página de listado /prefijo. Valores por defecto: comparatif (fr), compare (en), comparativa (es), vergleich (de), confronto (it), porownanie (pl), vergelijking (nl), comparativo (pt). Los prefijos que usa PrestaShop (module, content, search, cart, order…) se rechazan y se sustituyen por el valor por defecto.
• Título de la página de listado (H1), meta título, meta descripción e introducción, por idioma.
• Comparativas por página: 24 por defecto, de 1 a 100.

Visualización

• Mostrar enlaces en las fichas de producto: muestra, debajo de la ficha, las comparativas que incluyen el producto (hook displayFooterProduct). Enlaces en las fichas de producto fija su número (6 por defecto).
• Comparativas relacionadas: número de comparativas que comparten un producto mostradas al final de cada página (6 por defecto, 0 oculta el bloque).
• Comparar las características del producto: añade a la tabla todas las características de Catálogo > Atributos y características.
• Mostrar las valoraciones de clientes: valoración media y número de opiniones del módulo Comentarios de productos (productcomments), si está instalado.
• Mostrar solo las diferencias por defecto: el visitante puede cambiar la opción en la página.
• Color de acento: se usa para el producto recomendado, las insignias, los enlaces y el mejor valor. Las tipografías son las del tema.

Datos estructurados

Añadir el marcado JSON-LD está activado por defecto. Desactívelo solo si otro módulo ya genera este marcado en estas páginas. Las etiquetas Open Graph se siguen añadiendo.

Crear una comparativa

En Catálogo > Comparativas SEO, haga clic en Añadir una comparativa.

Productos y producto recomendado

Busque cada producto por nombre, referencia, EAN o ID y haga clic en un resultado (o use las flechas y Intro). Los productos 1 y 2 son obligatorios, el producto 3 es opcional. Un producto inactivo se señala con una insignia. El campo Producto recomendado destaca una columna con la insignia «Nuestra elección» y la repite en el veredicto. Los productos se reordenan al guardar si se deja un hueco vacío.

Título, slug y etiquetas

• Título (H1): si se deja vacío, se genera en cada idioma a partir de los nombres de los productos, con la forma «Producto 1 vs Producto 2».
• Slug de URL: si se deja vacío, se crea a partir del título. Debe ser único por idioma. Un slug generado que ya existe recibe el sufijo -2, -3. Un slug introducido a mano que ya se usa se rechaza.
• Meta título: si se deja vacío, se usa el título. Google muestra unos 60 caracteres.
• Meta descripción: unos 155 caracteres. Si se deja vacía, se genera una descripción a partir de los nombres de los productos.

La vista previa en los resultados de búsqueda muestra en directo el nombre de la tienda, la URL real, el título y la descripción del idioma que se edita, con un contador verde o rojo para cada longitud.

Introducción y veredicto

La introducción se muestra encima de la tabla y el veredicto debajo. Son los dos textos que distinguen su página de una ficha técnica: explique para quién es cada producto y qué los diferencia de verdad.

Criterios editoriales

Un criterio por línea, con el formato Etiqueta | valor producto 1 | valor producto 2 | valor producto 3. Añada * al final de un valor para marcarlo como el mejor. Ejemplo:

Autonomía real | 18 h* | 12 h | 15 h
Fotos nocturnas | Muy buenas | Excelentes* | Excelentes*
Peso en mano | Ligero* | Medio | Pesado

Estos criterios forman el grupo «Nuestro análisis» de la tabla.

Preguntas y respuestas

Una pregunta por línea, con el formato Pregunta | Respuesta. Se muestran en acordeón al final de la página y se añaden al JSON-LD como FAQPage.

Indexación y publicación

• Permitir la indexación: si se desactiva, la página sigue accesible pero lleva la etiqueta noindex y no aparece en los sitemaps.
• Publicada: si se desactiva, la página devuelve un error 404 a los visitantes. Sigue siendo consultable mediante un enlace de vista previa firmado, visible en el formulario y en la acción Ver del listado.
• Asociación de tiendas: en multitienda, elija las tiendas donde existe la comparativa.

Una vez guardada, el formulario muestra las URL públicas de la comparativa en cada idioma. El botón Guardar y permanecer mantiene el formulario abierto.

Comparativas duplicadas

Una comparativa sobre exactamente los mismos productos que otra, en cualquier orden, se rechaza al guardar indicando el número de la comparativa existente. Dos páginas sobre los mismos productos competirían en Google: edite mejor la página existente.

Generar desde una categoría

El botón Generar desde una categoría crea una comparativa para cada par entre los mejores productos de una categoría.

1. Elija la categoría.
2. Elija cómo seleccionar los productos: más vendidos, posición en la categoría, más recientes primero o precio más alto primero.
3. Indique el número de productos, de 2 a 12: 6 productos generan 15 comparativas, 12 productos generan 66.
4. Deje Publicar inmediatamente desactivado, como se recomienda, y elija si las páginas son indexables.

Solo se tienen en cuenta los productos activos y visibles en el catálogo de la tienda. Los títulos y slugs se crean en todos los idiomas y los pares ya comparados se omiten. Las páginas generadas solo contienen la tabla: añada al menos una introducción y un veredicto antes de publicarlas, una página sin contenido editorial rara vez posiciona.

Listado de comparativas

El listado muestra las miniaturas de los productos (en gris si el producto está inactivo), el título, los nombres de los productos, el estado de indexación y de publicación (modificables con un clic), el número de visitas y la fecha de actualización. Las visitas excluyen los robots de los buscadores y las vistas previas.

• Ver abre la página pública, con el enlace de vista previa si no está publicada.
• Duplicar crea una copia sin publicar con nuevos slugs y abre su formulario. Cambie al menos un producto antes de guardar la copia; si no, se rechaza como duplicado.
• Las acciones en masa publican, despublican o eliminan la selección.

La página pública

La página usa la plantilla de su tema (migas de pan, cabecera, pie de página) y contiene, en este orden: la fecha de actualización, la introducción, el interruptor «Mostrar solo las diferencias», la tabla, el veredicto, la FAQ, las comparativas relacionadas y un enlace a la página de listado.

La tabla

En la cabecera de cada columna: imagen, nombre, precio con precio tachado durante una promoción, botón de añadir al carrito (productos simples, no personalizables y que se pueden pedir) y enlace a la ficha. La tabla se organiza después en grupos, y las filas vacías en todas las columnas se ocultan:

• Lo esencial: precio (mejor precio marcado), valoración de clientes, disponibilidad, marca, estado.
• Nuestro análisis: sus criterios editoriales.
• Especificaciones técnicas: las características del producto, si la opción está activa.
• Detalles: peso, anchura, altura, profundidad, referencia, EAN-13.

En móvil

Por debajo de 768 px de ancho, cada fila muestra su etiqueta encima de los valores: dos o tres productos caben en el ancho de la pantalla, sin desplazamiento horizontal.

Barra fija

Cuando la cabecera de la tabla sale de la pantalla, aparece arriba una barra con el nombre y el precio de cada producto. Se coloca automáticamente bajo una cabecera fija del tema. Si queda mal situada con su tema, fije su desplazamiento en el CSS del tema:

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

Integración en el tema

El bloque «Comparar este producto» se muestra debajo de la ficha mediante el hook displayFooterProduct. Para colocarlo en otro sitio, desactive la opción en los ajustes y añada en la plantilla de su tema:

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

Para añadir la página de listado al menú, use su dirección indicada en el panel de información del módulo.

SEO

URL, canonical y redirecciones

La etiqueta canonical apunta a la URL de la comparativa en el idioma mostrado. Una página a la que se llega por el slug de otro idioma, un prefijo antiguo o la dirección directa del módulo se redirige con un 301 a su dirección canónica. Si cambia un prefijo o un slug, las direcciones antiguas dejan de reconocerse: prevea redirecciones si las páginas ya estaban indexadas.

hreflang

Las etiquetas hreflang enlazan las versiones de idioma de una comparativa, con x-default en el idioma por defecto de la tienda. Solo se listan los idiomas en los que la comparativa tiene slug.

Datos estructurados

Cada comparativa contiene un JSON-LD con WebPage (incluida la fecha de modificación), BreadcrumbList, ItemList y FAQPage si hay preguntas. El ItemList sigue el formato de «página de resumen»: cada elemento apunta a la ficha de producto, que ya lleva su propio marcado Product. La página de listado contiene CollectionPage e ItemList. Desde 2023, Google solo muestra los resultados enriquecidos de FAQ para algunos sitios gubernamentales y de salud: el marcado FAQPage sigue siendo válido, pero no produce fragmento enriquecido en una tienda.

Sitemap

El sitemap propio está disponible en /dfversus-sitemap.xml (dirección exacta en el panel de información del módulo). Contiene la página de listado y cada comparativa publicada e indexable con sus alternates hreflang. Envíelo a Google Search Console. Si el módulo gsitemap de PrestaShop está instalado, las comparativas también se añaden a su sitemap.

Eliminación de un producto

Cuando se elimina un producto del catálogo, se retira del hueco 3 de las comparativas que lo usan. Una comparativa que pierde su producto 1 o 2 se despublica. Un producto desactivado deja de mostrarse en las comparativas, y una comparativa con menos de dos productos visibles deja de aparecer en la página de listado y en los sitemaps.

Solución de problemas

• Las páginas devuelven un error 404: compruebe que la comparativa está publicada, asociada a la tienda y que contiene al menos dos productos activos. Si las URL amigables se activaron después de la instalación, regenere el archivo .htaccess desde Tráfico y SEO.
• Un prefijo entra en conflicto con otra página: elija un prefijo más específico en los ajustes, por ejemplo «comparativas-productos».
• No aparecen las valoraciones de clientes: el módulo productcomments debe estar instalado y activo, y las opiniones validadas. Compruebe también la opción «Mostrar las valoraciones de clientes».
• No aparece el botón Añadir al carrito: está reservado a productos simples, no personalizables, que se pueden pedir, en stock o bajo pedido. Los demás productos muestran el enlace a la ficha.
• La barra fija queda bajo la cabecera del tema: defina la variable --dfv-sticky-top como se indica más arriba.