Cada visita que no compra ya estaba pagada

Lo que encontré

Lighthouse 13.5 en móvil simulado, 6 corridas por página, 25-sep-2026. Home: rendimiento 28,5, LCP 15,0 s, FCP 4,5 s, TBT 811 ms. Ficha del protector: rendimiento 36, LCP 12,3 s, FCP 5,7 s, TBT 1.042 ms. /products: LCP inestable, entre 4,5 y 22,8 s. En todas las corridas el LCP coincide con el final de la ejecución del JavaScript. React no logra hidratar en ninguna carga (35 a 40 errores #418 en 12 de 12). Además, dos hojas de estilo comparten 2.255 de 2.256 reglas y la fuente entra por @import encadenado. El servidor responde en 0,2 a 0,5 s.

Por qué cuesta ventas

El 87% de las ventas online en Colombia se hace desde el celular (PCMI, 2024) y la pauta de Meta y TikTok llega casi toda por ahí. Si la página tarda en mostrarse y en responder, se paga por clics que nunca llegan a ver la oferta.

Cómo lo arreglo

Primero el JavaScript, después las imágenes. 1) Encontrar y corregir el desajuste entre servidor y navegador que rompe la hidratación. 2) Diferir las etiquetas de marketing. 3) Dejar una sola hoja de estilos y alojar la fuente en el propio sitio. 4) Convertir a WebP y redimensionar los banners (ahorro estimado de 631 KiB en la home). Medir antes y después con el mismo método.

Lo que encontré

En el contenedor de etiquetas (versión 9), la conversión de Google Ads se dispara con cualquier carga de la página de gracias, sin valor, moneda ni ID de pedido, y las conversiones mejoradas están apagadas. Un pago en estado pendiente (PSE o Nequi en curso) se trata como fallido: se muestra "PAGO NO COMPLETADO" y no se registra la compra. No se encontró envío de la compra desde el servidor; ese punto queda a validar con acceso.

Por qué cuesta ventas

Google Ads puede estar contando visitas a una URL, incluidos pagos rechazados y recargas, sin saber cuánto vale cada venta. A la vez, ventas reales con pago pendiente pueden quedar sin reportar. El algoritmo reparte mal el presupuesto y el ROAS reportado no cuadra con la caja. Además, quien tiene el pago en proceso ve un mensaje de fracaso.

Cómo lo arreglo

1) Disparar la conversión de Google Ads con el evento de compra (valor, COP e ID de pedido), solo con el pago aprobado, y activar las conversiones mejoradas. 2) Tratar el pago pendiente como estado aparte ("Estamos confirmando tu pago"). 3) Enviar la compra desde el servidor cuando Wompi confirme el pago (GA4, Meta CAPI, TikTok) con el mismo identificador del navegador. 4) Conciliar cada semana los pedidos aprobados en Wompi contra lo que registra cada plataforma.

Lo que encontré

Observado en /checkout con productos en el carrito, sin escribir datos. Único medio: Wompi, con el texto "Paga con Nequi, Bancolombia o tarjeta de crédito". 16 campos, 10 obligatorios, entre ellos tipo y número de documento. El total dice "Selecciona ciudad de envío" hasta elegirla. No hay Shop Pay, Google Pay ni Apple Pay, y la casilla de términos viene marcada. La configuración pública de Wompi muestra que la cuenta también acepta PSE, Daviplata y efectivo, pero no se anuncian. La versión vieja de la home sigue publicada y promete "PAGO CONTRA ENTREGA".

Por qué cuesta ventas

El abandono de carrito promedio es 70,22% (Baymard); entre las causas están los costos que aparecen al final y los pocos medios de pago. En Colombia, PSE y débito suman el 57,2% del valor de las compras online (CCCE 2025) y Addi tiene 2,7 millones de clientes, el 47% sin tarjeta de crédito. Esconder PSE y pedir la cédula antes del total espanta al visitante que llega de un anuncio.

Cómo lo arreglo

Primero lo rápido: anunciar todos los medios que Wompi ya acepta, también en la ficha y el carrito; mostrar el total al elegir la ciudad; pedir el documento solo si el cliente quiere factura; quitar la casilla premarcada. Después, decisiones de negocio: un piloto de contraentrega en ciudades principales y evaluar Addi. Retirar las versiones viejas de la home.

Lo que encontré

Ficha del protector en un Pixel 7 (412×839). Un video en autoplay fijo abajo a la derecha queda encima del botón. Los dos videos en 720p pesan 8,2 MB y 5,6 MB, y en unos 20 s se descargaron ~8,7 MB sin que el usuario lo pidiera. El botón queda debajo del primer pantallazo y no hay barra de compra fija. El precio va en verde claro sobre verde claro, con contraste de 1,76:1 (la norma pide 4,5:1), y aparece en 4 formatos distintos en el recorrido.

Por qué cuesta ventas

La ficha es donde se decide la compra. Un elemento que se mueve solo tapa el botón y gasta los datos de quien navega con plan prepago. Un precio poco legible y en formato de EE. UU. resta confianza.

Cómo lo arreglo

Pasar el video a la galería con póster y botón de play, sin autoplay y en versión liviana. Agregar en celular una barra de compra fija con precio y botón. Mostrar el precio grande, legible y siempre en formato colombiano ($89.900).

Lo que encontré

En la home móvil, el elemento más lento en 6 de 6 corridas es la imagen del pop-up promocional. Aporta cerca de 0,20 de un CLS total de 0,32. No tiene enlace, solo el botón "Cerrar", se abre en cada sesión nueva y la imagen está fija en el código.

Por qué cuesta ventas

Quien llega de un anuncio primero tiene que cerrar una imagen que no lo lleva a comprar. Empeora dos métricas que Google tiene en cuenta (LCP y CLS), y marketing no puede cambiar la promoción sin un desarrollador.

Cómo lo arreglo

Sacarlo de la primera vista y mostrarlo por intención de salida o después de un scroll. Reservarle espacio para que no mueva la página, ponerle un botón que lleve al producto y hacerlo editable sin necesidad de un despliegue.

Lo que encontré

En las 6 fichas los datos de reseñas valen null, y en 21 cargas hubo 0 solicitudes al servicio de reseñas. Los testimonios de Ana M., Valeria C. y Camila R. están escritos en el código y salen idénticos en las 6 fichas y en la home. Uno elogia "la calidad de los kits", que la tienda no vende. En la competencia: Ánimus Lab 49 reseñas (4,29), Dermanat 28 (3,64), Skinfull 6 (5,0).

Por qué cuesta ventas

Para quien no conoce la marca, las reseñas reemplazan la confianza de una tienda física. Testimonios genéricos y repetidos se leen como adorno. Sin estrellas junto al precio falta el último empujón, y en Google no se pueden mostrar resultados con estrellas.

Cómo lo arreglo

Activar reseñas verificadas con Okendo, que la plantilla ya prevé, o con Judge.me; las dos tienen paquete oficial para Hydrogen. Estrellas en tarjetas y junto al precio, solicitud automática de reseña después de la entrega y datos estructurados de calificación. Retirar los testimonios de relleno.

Lo que encontré

Al terminar el test, el sitio envía el correo y las respuestas a una automatización externa. La política de seguridad del sitio no autoriza ese destino, y una petición de prueba desde /test fue bloqueada por esa política. No se envió ningún dato real. Al test solo lo enlazan una página suelta y el sitemap. La pantalla del correo no tiene texto de autorización de datos y el pie de página se oculta.

Por qué cuesta ventas

El test es la mejor herramienta para convertir tráfico frío en una rutina recomendada. Si los correos no llegan a la automatización, se pierde cada persona que lo completa, y además casi nadie lo encuentra.

Cómo lo arreglo

Enviar el contacto por una ruta propia del sitio o autorizar el destino en la política de seguridad. Revisar en la automatización desde cuándo no llegan envíos. Mostrar la rutina recomendada con botón de compra antes de pedir el correo, dejar el correo como opcional con autorización de datos, y enlazar el test desde el menú, el hero y las fichas.

Lo que encontré

El bloque "Principios Activos" de la ficha de los parches es idéntico al del sérum de niacinamida y empieza con "Niacinamide 10%, Aloe Barbadensis…". La descripción de los parches promete cafeína, vitamina C y ácido hialurónico, que no están en esa lista. Otras listas mezclan nombres técnicos (INCI) con nombres comerciales. La frase "desarrollada en Corea y dermatológicamente probada" no tiene respaldo visible.

Por qué cuesta ventas

En cosmética, el comprador informado revisa ingredientes y registro sanitario antes de pagar, más aún con una marca que no conoce. Una lista equivocada destruye la confianza y puede generar reclamos, por ejemplo de personas con alergias.

Cómo lo arreglo

Cargar la lista de ingredientes real del empaque de cada producto, empezando por los parches, y resumir el respaldo del claim dermatológico.

Lo que encontré

En la home móvil, KB transferidos: GTM 161, GA4 172, Google Ads 162, Meta ≈247, TikTok ≈153 y el constructor de CAPI 56. Los terceros suman entre 952 y 959 KB en 18 corridas, frente a 215 KB propios. Del JavaScript total de la home, unos 403 KiB no se usan.

Por qué cuesta ventas

El celular de cada visitante que llega por un anuncio tiene que descargar y ejecutar casi 1 MB de scripts de medición antes de poder usar la página. En un Android de gama media se siente como que "no responde".

Cómo lo arreglo

Revisar el contenedor de etiquetas con quien lo administra. Cargar Ads, Meta y TikTok después de la carga o de la primera interacción, eliminar los duplicados y evaluar mover eventos al servidor. Medir antes y después.

Lo que encontré

En /cart, al hacer clic en "Ir al checkout" la consola muestra un error de JavaScript y no se registra el inicio de compra. En celular el ícono del carrito lleva a esa página. TikTok recibe dos veces varios eventos, con identificador vacío, y la compra está mapeada a un evento distinto del que optimiza la campaña. GA4 no tiene etiquetas para varios pasos que el sitio sí envía. El mismo producto aparece con 3 identificadores distintos. Las listas de audiencia de Google Ads y el enriquecimiento de TikTok están bloqueados por la política de seguridad. La analítica nativa de Shopify no se activa.

Por qué cuesta ventas

No se sabe en qué paso se cae la gente ni se pueden comparar las plataformas entre sí. TikTok optimiza con una señal inflada y las audiencias de remarketing quedan más pequeñas. Sin un embudo confiable no hay manera de demostrar qué cambio vende más.

Cómo lo arreglo

Corregir el error del carrito, que es una línea. Dejar el código base de TikTok una sola vez, borrar el evento inválido y mapear la compra al evento correcto. Crear en GA4 las etiquetas de los pasos que faltan y usar un solo identificador de producto. Ajustar la política de seguridad y activar la analítica de Shopify. Instalar Microsoft Clarity (gratis) para ver grabaciones de sesiones en celular.

Lo que encontré

5 de 6 productos no tienen título SEO. Tres títulos están en inglés y en mayúsculas ("VITAMIN C 10 SUPER BOOSTER X 15ML") y 4 de los 6 encabezados principales están en inglés. Las 5 colecciones no tienen descripción y comparten el mismo título. No hay colección de protector solar. El encabezado principal de la home está vacío; el titular que se ve es un subtítulo. Al compartir la home, la vista previa muestra el logo pequeño.

Por qué cuesta ventas

La gente busca "sérum vitamina C" o "protector solar facial SPF 50", no "VITAMIN C 10 SUPER BOOSTER". Sin esas palabras, la demanda que no busca la marca se la llevan los retailers y competidores, y la tienda depende por completo de la pauta para conseguir clientes nuevos.

Cómo lo arreglo

Llenar el título SEO de los 6 productos con fórmulas como "Sérum de vitamina C al 10% · 15 ml | SkinRepublic". Poner los encabezados en español y dejar el nombre comercial como subtítulo. Crear una colección de protector solar con texto y preguntas frecuentes, dar título y texto propios a cada colección, un encabezado real en la home y una imagen para compartir de 1200×630 por producto.

Lo que encontré

El sitio usa Hydrogen headless sobre una versión de API de Shopify que ya no tiene soporte (responde con advertencia de deprecación). Además del catálogo, el sitio tiene checkout propio, un flujo de suscripciones con MercadoPago e integraciones hechas a la medida. El catálogo es de 6 productos, 5 colecciones y 6 artículos. Los banners y el pop-up están dentro del código.

Por qué cuesta ventas

Cada cambio comercial (banner, promoción, reseñas, cuotas) necesita un desarrollador y un despliegue. Las integraciones propias pueden romperse cuando Shopify retire las versiones de API que usan.

Cómo lo arreglo

En el corto plazo, estabilizar el Hydrogen actual. Entre el mes 2 y el 3, preparar un documento de decisión (Hydrogen actualizado o un tema Online Store 2.0 con checkout de Shopify) con datos de suscripciones, conversión del checkout propio y costo de mantenimiento. Mientras tanto, mover banners y pop-ups a contenido editable.

Lo que encontré

La barra superior dice "Envío gratis a ciudades principales". El banner de la home dice "$140.000 recibe un Ácido hialurónico + ENVÍO GRATIS", sin restricciones. El carrito dice "Gratis en 306 municipios / $11.500 otros". La política de envíos habla de "1 a 10 días hábiles" y las preguntas frecuentes de "3 a 7 días hábiles". El regalo se agrega solo al superar $140.000, pero el carrito no muestra cuánto falta.

Por qué cuesta ventas

No conocer el costo ni el plazo hasta el final es una causa típica de abandono. Según Baymard, el 12% abandona por no poder calcular el total antes y el 20% por entrega lenta. Sin barra de progreso se pierde el empujón para agregar un producto más.

Cómo lo arreglo

Definir una sola regla (ciudades, días y monto) y repetirla igual en la barra, la ficha, el carrito y la política. Agregar en el carrito un buscador de municipio o una tabla de cobertura, y una barra del tipo "Te faltan $X para tu regalo o el envío gratis".

Lo que encontré

Los 6 productos se venden sueltos; buscar "kit" no devuelve resultados. La página de suscripción ofrece "15% de descuento + envío gratis" y dice "En el carrito, selecciona la opción Suscripción", pero el carrito no tiene esa opción. La página no está enlazada desde el menú, la home, las fichas ni el pie. En la competencia: Ánimus Lab tiene 9 kits, Dermanat 11 y Skinfull 3.

Por qué cuesta ventas

Se pierde ticket promedio, porque no se vende la rutina completa, y se pierde recompra en el producto de uso diario, el protector. Son las dos palancas de rentabilidad de una marca que promete una "rutina simple".

Cómo lo arreglo

Crear de 1 a 3 kits con un ahorro visible (por ejemplo, protector + vitamina C) y ofrecerlos en la home, la ficha y el carrito. Decidir si la suscripción continúa: si sí, mostrarla en la ficha del protector y corregir el flujo; si no, retirar todas sus menciones.

Lo que encontré

El sitemap declarado es un archivo fijo de 6 URLs (enero de 2025) sin ningún producto. El sitemap de artículos lista direcciones que dan error 404. Cualquier prefijo de idioma en la URL responde como página válida con su propia versión. Una dirección inventada devuelve el contenido de la home como si existiera, y marcada para indexar. La página se declara en inglés y con precios en dólares, aunque cobra en pesos. Hay versiones viejas de la home todavía publicadas.

Por qué cuesta ventas

Google encuentra los productos solo por enlaces, y las URLs inventadas se vuelven copias de la home. Si se activa el sitemap dinámico tal como está, se le entregarían a Google direcciones con error y copias en inglés. Con 6 productos, cada señal cuenta.

Cómo lo arreglo

Dejar un solo idioma (español de Colombia) sin prefijos, con redirección o error real para los prefijos inventados. Corregir los enlaces de artículos. Reemplazar el sitemap fijo por el dinámico y enviarlo en Search Console. Devolver un error real en las direcciones inexistentes y eliminar las versiones viejas de la home.