Adray

La rúbrica, completa

Los 34 criterios con los que calificamos una tienda

Esto es contra lo que se mide tu sitio en la auditoría gratuita: qué revisa nuestro navegador, por qué cada cosa cuesta ventas y cuál es el arreglo concreto. Publicado entero para que puedas juzgar el criterio antes de aceptar el veredicto.

Auditar mi sitio

34 criterios

Ruta de conversión

8

Agregar al carrito funciona

Crítica
Qué revisamos
El agregar-al-carrito sintético produce una actualización exitosa del carrito (XHR 2xx, el contador sube).
Por qué cuesta ventas
Si agregar al carrito falla o no hace nada en silencio, no existe camino a la venta.
Cómo se arregla
Asegura que agregar al carrito actualice el carrito (respuesta 200, el contador sube) sin exigir login.

Checkout accesible como invitado

Importante
Qué revisamos
Desde una sesión nueva, el carrito llega a la entrada del checkout sin login forzado.
Por qué cuesta ventas
Obligar a crear cuenta es una de las principales causas de abandono en compradores nuevos.
Cómo se arregla
Habilita el checkout como invitado para que se pueda llegar al pago sin cuenta.

Carrito y CTA de checkout claros

Importante
Qué revisamos
La página del carrito expone un control de checkout accesible e inequívoco.
Por qué cuesta ventas
Un botón de checkout escondido o ambiguo pierde a compradores listos para pagar en el último paso.
Cómo se arregla
Haz obvios el carrito y un único botón de checkout prominente en la página del carrito.

Envío visible antes del checkout

Importante
Qué revisamos
La página de producto/carrito muestra un estimado de envío o umbral de envío gratis antes del checkout.
Por qué cuesta ventas
Un costo de envío que solo aparece en el checkout es el clásico abandono por sorpresa de precio al final.
Cómo se arregla
Muestra el costo de envío o el umbral de envío gratis en la página de producto/carrito.

Suficientes fotos de producto

Importante
Qué revisamos
La galería del producto expone 3+ imágenes únicas en la página recorrida.
Por qué cuesta ventas
Las fotos son el único sustituto de tener el producto en la mano; muy pocas dejan dudas que frenan la venta o generan devoluciones.
Cómo se arregla
Muestra al menos 3 imágenes (ideal 6+): ángulos alternos, detalle/zoom, el producto en uso y una referencia de escala.

Precio claramente visible

Importante
Qué revisamos
Un precio visible se renderiza arriba del fold con tamaño de fuente ≥18px en la página de producto.
Por qué cuesta ventas
El precio es lo segundo que busca el comprador después del nombre; un precio oculto, diminuto o bajo el fold siembra dudas antes de considerar la compra.
Cómo se arregla
Muestra el precio arriba del fold, junto al título, a 18px o más y con alto contraste.

Agregar al carrito visible sin hacer scroll

Importante
Qué revisamos
El control de agregar al carrito queda dentro del viewport inicial (sin scroll) en escritorio y en viewport de teléfono.
Por qué cuesta ventas
Los compradores deciden en segundos; si no ven cómo comprar sin hacer scroll (sobre todo en el teléfono), muchos rebotan antes de interactuar.
Cómo se arregla
Coloca el bloque de compra (precio + agregar al carrito) en la primera pantalla tanto en escritorio como en móvil.

Selectores de variante con botones (no menús)

Menor
Qué revisamos
Las variantes en la página de producto usan botones/swatches en lugar de un <select>.
Por qué cuesta ventas
Los botones/swatches muestran cada talla/color de un vistazo y reducen pedidos con la variante equivocada frente a un menú desplegable oculto.
Cómo se arregla
Reemplaza los <select> de talla/color por botones o swatches visibles.

Confianza

3

Señales de confianza presentes

Importante
Qué revisamos
Hay enlaces a devoluciones/envíos/contacto y sellos de confianza de pago.
Por qué cuesta ventas
Sin políticas visibles de devoluciones/envíos/contacto ni sellos de pago, crece la duda en el último paso.
Cómo se arregla
Enlaza las políticas de devoluciones, envíos y contacto en el footer y agrega sellos de pago seguro cerca del checkout.

Calificación con número de reseñas visible

Importante
Qué revisamos
Una calificación de estrellas y un conteo numérico de reseñas están presentes en el DOM de la página de producto.
Por qué cuesta ventas
La mayoría de los compradores se apoya en calificaciones antes de comprar; una calificación de estrellas con conteo de reseñas es de las señales de confianza más usadas en la página de producto.
Cómo se arregla
Muestra una calificación de estrellas y un conteo numérico de reseñas cerca del título del producto (el markup schema.org también ayuda a los buscadores).

Reseñas de clientes presentes

Menor
Qué revisamos
Un contenedor o encabezado de reseñas está presente en el DOM de la página de producto.
Por qué cuesta ventas
Los compradores leen reseñas de otros para resolver dudas; un producto sin reseñas en la página se percibe nuevo o riesgoso.
Cómo se arregla
Agrega una sección de reseñas (Yotpo, Stamped, Trustpilot o nativa) con calificación, autor, fecha y sello de compra verificada.

Rendimiento

3

Primera carga rápida

Importante
Qué revisamos
Las páginas clave quedan interactivas dentro del presupuesto de carga en una visita con throttling.
Por qué cuesta ventas
Cada segundo extra de carga tira conversiones, sobre todo en móvil.
Cómo se arregla
Comprime las imágenes hero, difiere los scripts no críticos y mantén la página de producto bajo ~3s en 4G.

Formatos de imagen modernos

Menor
Qué revisamos
La mayoría de las imágenes en las páginas recorridas se sirven como WebP o AVIF.
Por qué cuesta ventas
WebP/AVIF pesan 25-50% menos que JPEG/PNG a igual calidad, así la página pinta más rápido, sobre todo en datos móviles.
Cómo se arregla
Sirve las imágenes como WebP/AVIF (vía tu CDN o un <picture> con fallback JPEG/PNG).

Nada bloquea el primer render

Menor
Qué revisamos
Ningún <script src> síncrono sin async/defer en el <head> del documento.
Por qué cuesta ventas
Los scripts síncronos en el <head> retrasan el primer render; el comprador ve una página en blanco y puede irse.
Cómo se arregla
Agrega async/defer a los scripts del head (o muévelos al final del <body>); deja inline solo el CSS crítico.

Móvil

6

Diseño listo para móvil

Crítica
Qué revisamos
Meta viewport responsivo presente; los controles principales no son diminutos ni se enciman.
Por qué cuesta ventas
La mayoría del tráfico de la tienda es móvil; un viewport ausente o con zoom hace la tienda inutilizable en el teléfono.
Cómo se arregla
Agrega un <meta name="viewport" content="width=device-width, initial-scale=1"> responsivo y verifica las áreas táctiles.

Botón de agregar al carrito fácil de tocar

Importante
Qué revisamos
El control de agregar al carrito localizado mide al menos 44×44px en la página recorrida.
Por qué cuesta ventas
Un botón de agregar al carrito pequeño es difícil de tocar en el teléfono. Los toques fallidos y la frustración cuestan la venta; bajo 24px además incumple accesibilidad en la UE.
Cómo se arregla
Dale al botón de agregar al carrito un área táctil de al menos 44×44px (usa padding); nunca menos de 24×24px.

Botón de agregar al carrito legible

Importante
Qué revisamos
El control de agregar al carrito localizado cumple el contraste WCAG AA para su tamaño de texto.
Por qué cuesta ventas
Un botón de agregar al carrito con poco contraste es difícil de leer bajo el sol en el teléfono. Los compradores no encuentran dónde comprar.
Cómo se arregla
Sube el contraste texto/fondo del botón a WCAG AA (4.5:1 texto normal, 3:1 grande/negritas).

Agregar al carrito a la mano al hacer scroll

Importante
Qué revisamos
Un control fijo/sticky de agregar al carrito es visible tras hacer scroll en la página de producto.
Por qué cuesta ventas
En el teléfono el botón principal se pierde al leer; una barra fija de agregar al carrito elimina la fricción de regresar justo cuando deciden comprar.
Cómo se arregla
Agrega una barra fija inferior con nombre, precio y agregar al carrito que aparezca cuando el botón principal salga de pantalla.

Las imágenes tienen texto alt

Menor
Qué revisamos
Ningún <img> sin atributo alt en las páginas recorridas.
Por qué cuesta ventas
Sin texto alt excluyes a compradores con lector de pantalla y pierdes tráfico de búsqueda de imágenes.
Cómo se arregla
Agrega texto alt descriptivo a las imágenes de producto y contenido (alt vacío solo en las puramente decorativas).

Contraste de texto legible

Menor
Qué revisamos
El texto muestreado en las páginas recorridas cumple el contraste WCAG AA contra su fondo efectivo.
Por qué cuesta ventas
El texto con poco contraste es ilegible bajo el sol y para compradores con baja visión. Un texto que no se puede leer no convierte.
Cómo se arregla
Sube los pares texto/fondo que fallan a contraste WCAG AA (4.5:1 texto normal, 3:1 texto grande).

Seguridad

3

Servida sobre HTTPS

Crítica
Qué revisamos
La URL final de la página usa https y no hay redirecciones inseguras en la cadena.
Por qué cuesta ventas
Una tienda sin conexión segura dispara advertencias del navegador que espantan a los compradores antes de comprar.
Cómo se arregla
Fuerza HTTPS en todas las páginas y redirige cualquier URL http:// a https://.

Sin contenido mixto

Crítica
Qué revisamos
Ninguna petición de subrecurso http:// en un documento https (bloqueado/contenido mixto).
Por qué cuesta ventas
Los subrecursos http en una página https se bloquean. Estilos/scripts rotos y una alerta de "no seguro".
Cómo se arregla
Carga todas las imágenes, scripts y estilos por https (o con protocolo relativo).

Encabezados de seguridad (HSTS/CSP)

Menor
Qué revisamos
La respuesta del documento incluye los encabezados Strict-Transport-Security y Content-Security-Policy.
Por qué cuesta ventas
Sin HSTS/CSP se debilitan las defensas contra downgrade de protocolo e inyección de scripts; algunos navegadores alertan al usuario.
Cómo se arregla
Agrega los encabezados Strict-Transport-Security y Content-Security-Policy en el edge/CDN.

Higiene técnica

4

Sin imágenes ni recursos rotos

Importante
Qué revisamos
Ninguna petición de imagen (u otro recurso 4xx/5xx) falla durante la visita.
Por qué cuesta ventas
Imágenes de producto faltantes y recursos 404 se leen como "roto/no confiable" y frenan la compra.
Cómo se arregla
Corrige las imágenes/recursos con 404 o elimina las referencias muertas.

Sin errores de JavaScript en páginas clave

Importante
Qué revisamos
No se disparan errores no capturados que puedan romper la página en las páginas recorridas (el ruido de scripts de terceros o extensiones del navegador queda como advertencia, no como falla).
Por qué cuesta ventas
Un error de JS puede romper en silencio el agregar al carrito, el selector de variantes o el botón de checkout.
Cómo se arregla
Resuelve los errores de consola en el home, la página de producto y el carrito.

Sin controles muertos o sin respuesta

Menor
Qué revisamos
Ningún botón/role=button queda sin respuesta alguna al interactuar.
Por qué cuesta ventas
Botones que parecen clicables pero no hacen nada provocan clics de frustración y abandono.
Cómo se arregla
Audita los controles sin handler/href en busca de un cableado roto o una respuesta lenta sin feedback.

Idioma de la página declarado

Menor
Qué revisamos
El elemento <html> lleva un atributo lang no vacío.
Por qué cuesta ventas
El atributo lang permite a los lectores de pantalla elegir la voz y el acento correctos para compradores con tecnología de asistencia.
Cómo se arregla
Define <html lang="es-MX"> (o el idioma de tu tienda) a nivel de plantilla.

Descubribilidad

5

Datos de producto que Google puede leer

Importante
Qué revisamos
JSON-LD Product válido con name, image, price, priceCurrency y availability.
Por qué cuesta ventas
Los datos estructurados de producto son lo que te hace aparecer en resultados enriquecidos de Google Shopping con precio, foto y disponibilidad.
Cómo se arregla
Emite JSON-LD Product completo (name, image, price, currency, availability) en cada página de producto.

Básicos de descubribilidad

Menor
Qué revisamos
El documento tiene <title> no vacío, meta description y tags OG.
Por qué cuesta ventas
Sin title/description/tags sociales pierdes tráfico gratuito y el enlace se ve roto al compartirse.
Cómo se arregla
Define un título único, meta description y tags Open Graph por página.

Un encabezado de página claro

Menor
Qué revisamos
Exactamente un <h1> visible en la página recorrida.
Por qué cuesta ventas
Un único <h1> descriptivo ayuda a buscadores, lectores de pantalla y asistentes de compra con IA a identificar el producto.
Cómo se arregla
Envuelve el nombre del producto en exactamente un <h1>; deja el resto de encabezados en h2 o menor.

Snippet de búsqueda del largo correcto

Menor
Qué revisamos
Hay una meta description y mide entre 120 y 160 caracteres.
Por qué cuesta ventas
La meta description es tu anuncio gratis en los resultados de Google; vacía o truncada pierde clics antes de que el comprador llegue.
Cómo se arregla
Escribe una meta description de 120-160 caracteres con el nombre del producto + beneficio clave.

Vista previa rica al compartir

Menor
Qué revisamos
Los cuatro tags Open Graph de vista previa (title, description, image, url) están presentes.
Por qué cuesta ventas
Sin tags Open Graph completos, los enlaces compartidos en WhatsApp/Instagram/Facebook muestran una vista previa rota y casi nadie los abre.
Cómo se arregla
Define og:title, og:description, og:image (1200×630) y og:url en cada página de producto.

Integridad de medición

2

Un solo ID de analítica/ads por plataforma

Crítica
Qué revisamos
Una carga real en el navegador dispara beacons a más de un ID de la misma plataforma (google-analytics.com/collect tid=, facebook.com/tr id=).
Por qué cuesta ventas
Dos propiedades de GA4 o dos pixeles de Meta recibiendo la misma visita cuentan cada conversión dos veces. Google y Meta optimizan la puja sobre esos números inflados: el presupuesto se guía por conteos que son ~2× la realidad.
Cómo se arregla
En GTM/GA/Meta, quita la etiqueta o el contenedor duplicado. Causa común: la integración nativa de tu plataforma de comercio Y una etiqueta de GTM/hardcodeada mandan los mismos eventos a IDs distintos.

Cada evento se dispara una vez por acción

Crítica
Qué revisamos
Una carga real en el navegador dispara el mismo (plataforma, ID, evento) 3+ veces en pocos segundos en una página, sin navegación entre ellos.
Por qué cuesta ventas
Un disparador configurado para activarse en cada cambio del DOM (en vez de una vez por página) manda el mismo evento varias veces por una sola acción, inflando las conversiones igual que un ID duplicado.
Cómo se arregla
En GTM, pon el disparador de la etiqueta en "Una vez por página"/"Una vez por evento" y quita cualquier disparador atado a un evento de DOM/historial que se repita.

La gravedad ordena la lista dentro de cada rubro; no es una calificación de tu tienda.

Lo que esta rúbrica NO es

  • Un recorrido anónimo ve tu tienda como la ve un desconocido: no entra a tu checkout con una tarjeta ni mide la conducta de tus compradores reales.
  • Un criterio que no se pudo evaluar se reporta como «no verificado», y eso nunca significa que esté bien.
  • Cumplir los 34 no garantiza ventas. Son condiciones necesarias que la mayoría de las tiendas rompe en silencio, no una fórmula.
Auditar mi sitio