Por qué tu página web no convierte (y no, no es culpa del algoritmo)
Diseño de revista, slider con cinco fotos, botón que dice "Enviar" y un formulario que pide hasta el grupo sanguíneo. Si tu web se parece a esto, siéntate: vamos a hablar de tu bebé feo.
¿Qué factores pueden hacer que una página web tenga una tasa de conversión baja?
Primero, una verdad incómoda: tu bebé es feo. Tu landing page tiene problemas serios y fundamentales. Repítelo hasta que te lo creas.[1] Todos sobrestimamos lo bien que hacemos las cosas (en una encuesta, el 80% de la gente dijo conducir mejor que el promedio, cosa matemáticamente imposible).[1] Así que deja el ego en la puerta.
Un modelo muy práctico para encontrar culpables es el modelo LIFT, que resume en seis factores lo que hace subir o bajar una conversión:[2]
| Factor | Qué hace | Pregunta incómoda |
|---|---|---|
| Propuesta de valor | Es el motor: define cuánto puedes llegar a convertir | ¿Por qué alguien te compraría a ti y no al de enfrente? |
| Relevancia | Empuja la conversión | ¿La página tiene que ver con lo que el visitante buscaba? |
| Claridad | Empuja la conversión | ¿Se entiende qué vendes y qué hay que hacer? |
| Urgencia | Empuja la conversión | ¿Hay una razón para hacerlo ahora y no "otro día"? |
| Ansiedad | Frena la conversión | ¿Qué miedos o dudas le quedan al visitante? |
| Distracción | Frena la conversión | ¿Qué cosas le quitan la atención de la meta? |
Los sospechosos habituales de una web que no convierte son estos: el visitante no entiende qué ofreces, no confía en ti, no encuentra lo que busca, la página tarda una eternidad, el formulario parece un trámite del gobierno, hay veinte botones peleando por su atención, o lo que ofreces simplemente no vale lo que cobras. Otras señales de que algo apesta: carritos abandonados, muchas llamadas al teléfono de soporte, rebote alto en páginas importantes.[1]
Y luego está el pecado original: muchas webs son folletos digitales. No hacen nada que no haría un folleto impreso. Una web que no deja comprar, no muestra precios y no permite pedir nada es "brochureware" que no convierte.[1]
Antes de optimizar nada, la web de Little Italy Kitchen tenía todos los pecados: un slider con seis fotos de pasta en la portada, el menú en un PDF de 9 MB, el botón de reservar escondido en el menú de "Contacto", sin precios en la carta online y sin versión en inglés para los turistas. Visitas había. Conversiones, poquitas.
¿Por qué es importante tener una propuesta de valor clara?
Porque es la razón por la que la gente te compra. La propuesta de valor es el primer y más importante de los seis factores de conversión: es el motor que define cuánto puedes llegar a convertir.[2]
Piénsala como una ecuación en la cabeza del visitante: si los beneficios percibidos de hacer lo que pides superan los costos percibidos, actúa. Si no, se va.[2] Y "costo" no es solo dinero: es tiempo, esfuerzo, riesgo, el miedo a equivocarse.
Lo más duro: si tu propuesta de valor es débil (o más débil que la de la competencia), te va a costar mejorar la conversión sin importar lo bonito que sea tu diseño.[2] Puedes maquillar un sándwich de ayer, pero sigue siendo un sándwich de ayer.
Lo emocional cuenta tanto como lo lógico
La propuesta de valor no es solo una lista de características y precios. También incluye lo intangible: la personalidad de la marca, la sensación que transmites. Y todo cuenta: un taller de detallado de autos que escribe mal "detallado" en su letrero está gritando que no presta atención a los detalles.[2]
Otro buen consejo: tu propuesta de valor no tiene que gustarle a todo el mundo. Tiene que ser asimétrica, irresistible para tu público específico.[3] Querer gustarle a todos es la forma más rápida de no importarle a nadie.
Antes: "Bienvenidos a Little Italy Kitchen, el mejor restaurante italiano de Denver." (Todos los restaurantes italianos de Denver dicen lo mismo).
Después: "Pasta fresca hecha a mano cada mañana, a 5 minutos de Union Station. Pide en línea y recoge en 20 minutos, o reserva tu mesa en 30 segundos." Concreto, comprobable y útil tanto para el vecino como para el turista que acaba de bajarse del tren.
¿Qué importancia tiene el titular principal de una página web?
Muchísima. Los visitantes se forman una primera impresión de tu página en unas dos décimas de segundo, y luego tardan hasta tres segundos en escanear antes de fijar la vista en algo.[2] Hay estudios que hablan incluso de 50 milisegundos para el juicio inicial: si pareces spam, te fuiste.[3]
Lo primero que busca la gente al entrar es un texto que le confirme dónde está. Las imágenes pueden significar mil cosas; el texto es específico. Por eso cada página necesita un titular que destaque sobre todo lo demás y haga dos cosas:[4]
- Confirmar que el visitante está en el lugar correcto.
- Darle una razón para seguir mirando.
Reglas para un titular que no dé vergüenza
- Habla de lo que gana el visitante, no de ti. A nadie le importa tu empresa; le importa resolver su problema. Todo lo filtra por "¿y yo qué gano?".[4]
- No te hagas el ingenioso. Los titulares crípticos suenan geniales en la reunión y fracasan en la web. Simple, directo y con una promesa clara gana casi siempre.[4]
- No intentes convencer en el titular. Su trabajo es enganchar, no cerrar la venta.[4]
- Mezcla característica y beneficio. "Gana más dinero" es vago. Decir qué haces y para qué sirve es concreto.[5]
- Prueba fórmulas conocidas como Problema–Agitación–Solución: nombras el dolor, lo agitas un poco y presentas tu oferta como la salida.[5]
💡 Hay landing pages feísimas con tasas de conversión altísimas. ¿Por qué? Tráfico bien segmentado, un titular que manda, un texto que toca el dolor del lector y un CTA irresistible. Una landing preciosa no vale nada si está mal escrita.[5]
¿Cómo influye el diseño de una página web en las conversiones?
Diseñar no es hacer cosas bonitas. Eso es arte. Alguien que hace páginas que se ven lindas, funcionen o no, es un artista; diseñar es crear una solución a un problema.[4] En una web, el problema es llevar al visitante a convertir.
El efecto halo: tu web habla de tu producto
La experiencia de usar tu web contagia la percepción de tu producto. Si dices que tu servicio es "fácil" y tu registro tiene doce pasos, nadie te cree. Si vendes velocidad y tu página tarda en cargar, te contradices solito.[2]
Lo que sí hace el diseño por la conversión
- Dirige la vista. La jerarquía visual le dice al visitante qué mirar primero y qué hacer después. Un buen diseño organiza la información para que la propuesta de valor y el CTA se entiendan rápido.[2]
- Se concentra en la parte de arriba. La primera pantalla decide si el visitante sigue leyendo o rebota, y la mayoría no hace mucho scroll. Revisa tu diseño pantalla por pantalla, como lo ve el visitante, no como un póster entero.[2]
- Quita distracciones. Cada elemento que no ayuda a convertir le roba atención a lo que sí ayuda.[2]
El caso de los sliders (carruseles)
Los banners rotativos de la portada son un ejemplo perfecto de "feature" que todo el mundo pone y que perjudica el negocio. En pruebas repetidas, los carruseles salen mal parados como forma de presentar contenido.[2] El cliente quiere ver las seis promos; el visitante no ve ninguna. En la cabecera de una landing, directamente, nada de sliders: el texto de introducción no debería salir bailando de la pantalla a mitad de frase.[8]
⚠️ Desconfía de las "mejores prácticas" universales. "Los botones verdes funcionan mejor" (no siempre). "Los rojos funcionan mejor" (tampoco). "Pon siempre una persona sonriendo" (ni de broma). "Minimiza los campos" (depende). Lo que funciona en una web puede fracasar en otra: hay que probarlo.[2]
¿Por qué es importante que una página web cargue rápidamente?
Porque la paciencia del visitante dura menos que un helado en el desierto. En estudios de usabilidad, la velocidad de carga aparece una y otra vez como un factor clave en la satisfacción y en la tasa de conversión, y además Google la usa como señal para el posicionamiento.[6]
- Las malas experiencias no perdonan. Un estudio citado en los libros encontró que el 88% de los compradores online difícilmente vuelve a un sitio después de una mala experiencia.[3]
- La lentitud contagia la percepción del producto. Una página lenta que vende tecnología "rápida" es una ironía que el cliente sí nota.[2]
- Problemas de diseño más páginas pesadas son una combinación fatal. Si haces un proceso innecesariamente difícil y encima obligas a esperar, la gente abandona.[7]
Arreglos rápidos que no requieren un doctorado
- Usa menos tipografías: cada fuente y cada grosor extra añade tiempo de carga.[8]
- Haz pruebas de velocidad con regularidad (PageSpeed Insights, por ejemplo), no una vez cada cinco años.[8]
- Usa menos imágenes, pero mejores y bien comprimidas.[8]
- Revisa qué páginas son las más lentas en el informe de velocidad de tu analítica.[6]
El menú era un PDF de 9 MB. Un turista con datos móviles en roaming esperaba 15 segundos para ver si había lasaña. Pasaron el menú a HTML con fotos optimizadas en WebP y la página bajó a 1.4 segundos. Bonus: Google ahora puede leer los platos y la página aparece cuando alguien busca "gnocchi Denver".
→ Cómo hacer que tu web cargue rápido: .htaccess e imágenes ligeras
Si quieres medir el impacto de la velocidad con Core Web Vitals de forma seria, lo explico en la parte de fricción y experiencia.
¿Por qué es importante que una página web sea fácil de navegar?
Porque nadie va a jugar al detective para comprarte algo. Si el visitante no encuentra lo que busca en segundos, vuelve a Google y le da clic al siguiente resultado.
La organización del sitio también vende
La jerarquía de la información (cómo se organizan las páginas del sitio y el contenido dentro de cada página) es parte de la claridad. Un minorista centenario de velas consiguió un 20% más de conversión en su tienda online solo reorganizando cómo mostraba categorías y productos en la página principal de la tienda.[2]
Cada página es una puerta de entrada
Gracias al SEO, mucha gente no entra por la portada sino por una página interna. Por eso las páginas que reciben tráfico de buscadores deben tener navegación que lleve rápido a lo importante: así conviertes esa "puerta lateral" en otra puerta principal.[1]
Y a veces, menos navegación es mejor
Ojo con la paradoja: en una landing page con un solo objetivo, la navegación completa del sitio es una fuga. Muchas tiendas grandes quitan el menú entero cuando empiezas el checkout y dejan solo lo relevante para la compra.[1] Si tu landing vive dentro de un sitio más grande, esconder el menú principal evita que el cliente se pierda paseando.[8] Navegación fácil no significa "cincuenta enlaces"; significa "que el siguiente paso sea obvio".
- ¿Queda claro en cuanto llegas qué haces?
- ¿Qué tan rápido encuentra alguien lo que busca?
- ¿Repites la navegación arriba y abajo para que nadie tenga que volver a subir?[3]
¿Qué es una llamada a la acción (CTA)?
Una llamada a la acción (en inglés, call to action o CTA) es la acción específica que quieres que haga el visitante, y el elemento (botón, enlace, formulario) que le invita a hacerla.[9] "Pide ahora", "Reserva tu mesa", "Descarga la guía".
Una página sin siguiente paso es un callejón sin salida. Un proceso de ventas sin cierre no vende, y si no pides, nadie te puede decir que sí.[4]
Seis ideas para CTAs que sí funcionan
- Sin vergüenza de vender. Si tu web existe, vendes algo (un producto, un servicio, una idea). Vender con seguridad genera confianza.[4]
- Que diga algo útil. Un buen CTA dice qué voy a obtener, qué voy a hacer, qué voy a saber, qué va a pasar o adónde voy. "Haz clic aquí" no es un CTA: nadie hace clic sin una razón.[4]
- Usa el imperativo. La gente hace lo que le dicen. "Llámala" mueve más que "Tal vez le gustaría una llamada".[4]
- Hazlo fácil. No asumas que alguien va a pensar en qué hacer después. Díselo.[4]
- Ten CTAs para cada etapa. No todos están listos para comprar hoy. Para ellos, un CTA de menor compromiso (newsletter, guía gratuita) mantiene viva la relación. Pero no vivas solo de CTAs suaves: eso es como salir con alguien años sin proponerle nada.[4]
- Jerarquízalos. El CTA de la meta principal debe ser el más prominente. El visitante no debería dudar de cuál es la decisión principal.[2]
Antes, los botones decían "Enviar", "Más información" y "Clic aquí". Ahora dicen "Reservar mesa para hoy", "Pedir para recoger en 20 min" y "Ver el menú en inglés". Los primeros dicen qué hace el botón; los segundos dicen qué ganas tú.
¿Cómo debe diseñarse un botón para aumentar las conversiones?
Primero, quítate de la cabeza la pregunta "¿de qué color?". No existe un color mágico. Lo que importa es el contraste y que el botón parezca un botón. Estas son las tácticas con más fundamento psicológico:[9]
🎨 Que destaque
- Color que contraste con el resto de la página. Nuestro cerebro evolucionó para detectar contrastes (para no ser comidos por un tigre) y hoy los usamos para encontrar botones.[9]
- Más espacio en blanco alrededor. Un botón amontonado se pierde.[9]
- Texto del botón con buen contraste también: un botón naranja con letras amarillas es un crimen.[8]
🖱 Que parezca clicable
✍️ Que diga lo correcto
¿Por qué el botón importa tanto? Porque casi todas las conversiones empiezan con un solo clic. Si mejoras el primer paso del embudo, mejoras todos los siguientes, y además hay más tráfico para probar más rápido.[9]
¿Cómo afecta la cantidad de campos de un formulario a las conversiones?
Cada campo es una pequeña pregunta de "¿de verdad quieres esto?". Mientras más preguntas, más gente responde "no, gracias".
Los formularios hay que editarlos sin piedad. Uno largo e intimidante espanta a mucha gente, y el valor de la información extra que consigues rara vez compensa la gente que pierdes.[1] Se ha observado una relación entre el número de campos y la probabilidad de abandono. El clásico "¿Cómo nos conociste?" es de esas preguntas que te encantan a ti y que el visitante odia.[7]
La prueba del campo
¿Esta información es absolutamente necesaria para completar ESTA transacción, AHORA?
Si la respuesta es no, fuera. Empieza eliminando todos los campos "opcionales". Pide solo lo que necesitas ya; lo demás lo puedes pedir después, cuando haya más confianza.[1] En un caso real de una empresa de negociación de deudas, varios campos del formulario se pasaron a la llamada de seguimiento y el formulario quedó mucho más corto.[1]
Más trucos de formulario
- Para un contacto, quédate con lo básico: nombre, teléfono y email.[10]
- Ofrece un plan B: "O escríbenos por WhatsApp o llama al...". Quien quiere que lo contactes quizá prefiere otro canal.[10]
- Ponle un título al formulario, acorta las etiquetas y agrupa los campos de forma lógica.[1]
⚖️ Pero no siempre menos es más. "Minimiza los campos" es una mejor práctica que depende de la situación.[2] A veces un campo extra filtra curiosos y mejora la calidad de los leads. Cómo saber si un formulario pide información innecesaria lo vemos con lupa en la parte de fricción.
El formulario de catering pedía 14 campos, incluyendo "presupuesto exacto" y "cómo nos conociste". Lo dejaron en 5: nombre, email o teléfono, fecha, número de invitados y tipo de evento. El presupuesto lo pregunta el chef en la llamada, cuando ya hay confianza.
¿Qué es una landing page y para qué sirve?
Una landing page (página de aterrizaje) es la página donde aterriza un visitante después de hacer clic en un anuncio, un resultado de búsqueda, un email o un enlace.[1] En la práctica, cuando se habla de "una landing", se habla de una página diseñada con un solo objetivo: convertir al lector en prospecto o cliente.[5]
Hay tres tipos principales:[1]
- Del sitio principal: una página normal de tu web (una categoría, un producto, incluso la portada) que recibe tráfico.
- Micrositio: unas pocas páginas pensadas para un público o propósito concreto, todas empujando hacia una sola acción.
- Independiente: una página hecha para una campaña específica, sin conexión con el menú de tu sitio.
Una buena landing es como un conserje que recibe a tus clientes las 24 horas... y que también le dice a la gente equivocada que ese no es su sitio.[3] Y la regla número uno: un solo objetivo por página.[8]
¿Qué diferencia hay entre una página de inicio y una landing page?
| Página de inicio | Landing page | |
|---|---|---|
| Público | Todo el mundo: clientes, curiosos, proveedores, gente que busca empleo | Un segmento concreto que llegó por un motivo concreto |
| Objetivo | Orientar y repartir a cada quien a su sección | Una sola acción |
| Navegación | Completa | Mínima o ninguna |
| Mensaje | Amplio | Específico, alineado con el anuncio o la búsqueda |
| Tráfico típico | Quien escribe tu dominio, tráfico de marca y offline | Anuncios, emails, búsquedas específicas |
La portada tiene un trabajo distinto: dirigir eficientemente a cada visitante hacia lo relevante para él. El error típico es llenarla de todo lo que alguien pidió en una reunión, hasta que el visitante tiene que vadear un pantano para saber si hay algo para él (spoiler: no lo hace, se va).[1]
La landing, en cambio, se diseña para una sola conversión. Si es así, no uses la navegación del sitio principal: quítala o déjala al mínimo, sobre todo si pagas por ese tráfico. Hasta el logo que enlaza a la portada es una posible fuga.[1]
El otro problema de depender de la portada es que da mensajes genéricos y débiles. Si alguien busca algo específico y aterriza en un mensaje que habla de todo, vuelve a Google a buscar algo que encaje mejor.[4]
- Portada: reserva, pedido online, menú, ubicación. Para todos.
- /catering-bodas-denver: para parejas que se casan. Fotos de eventos, menús por persona, testimonios de bodas y un único CTA: "Pide tu presupuesto".
- /italian-restaurant-near-union-station (en inglés): para turistas. Cómo llegar caminando desde la estación, horarios, menú con fotos y un único CTA: "Book a table".
- /es/restaurante-italiano-denver: para visitantes hispanohablantes, con menú traducido y el mismo CTA de reserva.
¿Cómo puede el contenido de una página web influir en la decisión del usuario?
El contenido es el vendedor que trabaja mientras duermes. Pero un vendedor que le habla igual a todo el mundo vende poco.
La escalera de conciencia
Una idea muy útil es pensar que cada cliente potencial está en un escalón distinto de conciencia:[4]
- Sin problema: ni sabe que tiene una necesidad.
- Problema: sabe que tiene un problema.
- Existen soluciones: sabe que hay soluciones.
- Tu solución: conoce la tuya, pero no sabe por qué es mejor.
- Beneficios: está convencido de tus beneficios, pero no está listo.
- Convencido: quiere comprarte.
Las reglas son simples: todos empiezan abajo, solo se compra desde el último escalón y solo se sube de uno en uno. Tu contenido tiene que ayudar a subir cada peldaño.[4] Si intentas cerrar la venta con alguien en el escalón 1, lo espantas; si al del escalón 5 le das un ensayo filosófico, lo aburres.
Contenido que empuja la decisión
- Empatiza primero con el problema del visitante en tu texto de introducción.[8]
- Beneficios antes que características.[8]
- Pregúntate por cada bloque: ¿le da valor al usuario? ¿Si lo quito, importaría? ¿Sabe el lector cuál es el siguiente paso?[3]
- Mide el ritmo. Si en un punto muchos se caen, quizá falta un paso (la subida es muy empinada) o sobran pasos (el camino da vueltas).[4]
- Escalón 1–2 ("quiero cenar algo rico en Denver"): artículo del blog "Dónde comer pasta fresca en Denver".
- Escalón 3 ("conozco Little Italy Kitchen, ¿pero es bueno?"): página "Nuestra pasta" con video del chef amasando y reseñas.
- Escalón 4–5 ("me convence, ¿hay mesa?"): botón de reserva con disponibilidad en tiempo real.
El contenido también trabaja la confianza: reseñas, testimonios, garantías. Eso merece su propio capítulo: confianza y psicología de la conversión.
Bibliografía
Los números de página corresponden a la numeración del archivo PDF. En el libro de Rob Hope se cita el número de consejo.
- Landing Page Optimization: The Definitive Guide to Testing and Tuning for Conversions (Tim Ash. Wiley/Sybex, 2008; archivo
Landing Page Optimization The Definitive Guide to Testing and Tuning for Conversions (Tim Ash).pdf). pp. 40, 54, 55, 98–100, 125–127, 134–136 (numeración del PDF). - You Should Test That! Conversion Optimization for More Leads, Sales and Profit (Chris Goward. Sybex, 2013; archivo
You Should Test That Conversion Optimization for More Leads, Sales and Profit or The Art and Science of Optimized Marketing (Chris Goward).pdf). pp. 36, 37, 58, 74, 132, 133, 143–145, 207–209, 261–263 (numeración del PDF). - Landing Page 101 (Jamie Syke y Cassius Kiani, 2019; archivo
Landing Page 101 (Jamie Syke Cassius Kiani).pdf). pp. 3, 10, 12, 50–52 (numeración del PDF). - Convert! Designing Web Sites to Increase Traffic and Conversion (Ben Hunt. Wiley, 2011; archivo
Convert Designing Web Sites to Increase Traffic and Conversion (Ben Hunt).pdf). pp. 31, 32, 77–79, 148–150, 229–235 (numeración del PDF). - Landing Page Copywriting Mastery (Jeremy Moser; archivo
Landing Page Copywriting Mastery (Jeremy Moser).pdf). pp. 3, 12, 14 (numeración del PDF). - Google Analytics Breakthrough: From Zero to Business Impact (Feras Alhlou, Shiraz Asif y Eric Fettman. Wiley, 2016; archivo
Google analytics breakthrough _ from zero to business impact.pdf). p. 65 (numeración del PDF). - Web Analytics Demystified (Eric T. Peterson. Celilo Group Media, 2004; archivo
Web analytics demystified a marketers guide to understanding how your web site affects your business (Peterson, Eric T).pdf). pp. 23, 182 (numeración del PDF). - Landing Page Hot Tips (Rob Hope; archivo
Landing Page Hot Tips. Strengthen your Landing Pages with 100 design, development and conversion tips (Rob Hope).pdf). Consejos n.º 3, 4, 6, 9, 11, 26, 34, 56, 74 y 89. - The Psychology of Conversion Optimization (Nick Kolenda, 2016; archivo
conversion-optimization.pdf). pp. 6, 9–23 (numeración del PDF). - The Conversion Code (Chris Smith. Wiley, 2016; archivo
The Conversion Code Capture Internet Leads, Create Quality Appointments, Close More Sales.pdf). pp. 32, 33 (numeración del PDF).
La guía de conversión, capítulo a capítulo
Los 7 artículos de esta sección, de los conceptos básicos a lo más técnico. Puedes leerlos en orden o saltar al que te haga falta.
- Guía de la tasa de conversión
- Por qué tu web no convierte (estás aquí)
- Confianza y psicología de la conversión
- Analítica de conversiones
- Pruebas A/B
- Fricción, UX y checkout
- El dinero del CRO: ROI, CAC, AOV y LTV
Comentarios