Don Andrés tiene un taller mecánico en Bucaramanga desde hace 12 años. Buen trabajo, precios justos, clientes que regresan. Su Instagram tiene 800 seguidores y publica fotos de los carros que repara.
Un sábado, alguien con el carro varado en la vía busca en Google: "taller mecánico cerca de mí, abierto domingo". Aparecen tres talleres. Ninguno es el de Don Andrés. Aparece el de la competencia, que tiene una página simple con dirección, horarios y un botón de WhatsApp.
Don Andrés no perdió ese cliente por mal servicio. Lo perdió porque, en el momento exacto en que alguien necesitaba lo que él ofrece, su negocio no existía para Google.
Esto pasa todos los días, en todas las ciudades de Latinoamérica. La mayoría de las personas que buscan un producto o servicio local investigan en línea antes de decidir, y una parte importante de esas búsquedas terminan en una visita o una compra el mismo día. Si tu negocio no aparece en ese momento, no es que pierdas una venta: pierdes un cliente que ni siquiera supo que existías.
Tu negocio sin web es invisible. Tu web sin Google es un secreto. Tu web + Google + un mensaje claro es el primer escalón de un sistema que te trae clientes de forma constante.
1.1. La diferencia entre "tener presencia" y "tener web propia"
Muchos negocios creen que ya "están en internet" porque tienen Instagram o Facebook. Y es cierto, están — pero en un terreno alquilado.
- Una red social puede cambiar su algoritmo de un día para otro y dejar de mostrar tus publicaciones a tus propios seguidores.
- Una red social no aparece cuando alguien busca en Google "tu servicio + tu ciudad".
- Una red social no te permite controlar qué ve primero el visitante, ni medir cuántos de ellos realmente te contactan.
Una landing page propia es terreno tuyo. La diseñas, la controlas, decides qué mensaje recibe el visitante primero, y — lo más importante — puedes hacer que Google la encuentre cuando alguien busca exactamente lo que tú ofreces.
Tu negocio sin web es invisible. Tu web sin Google es un secreto. Tu web + Google + un mensaje claro es el primer escalón de un sistema que te trae clientes de forma constante.
En este módulo vas a aprender qué hace que una landing page funcione: la diferencia con un sitio web tradicional, su anatomía, los errores más comunes que la hacen fracasar, y cómo analizar landing pages reales con ojo crítico. Esto es la base sobre la que vamos a construir en los siguientes módulos: diseño, copywriting, publicación y posicionamiento.
1.2. El mapa técnico: qué hay detrás de una página web
No necesitas saber programar para construir una landing page efectiva — pero entender brevemente qué hay "detrás" de una página web te va a ayudar a tomar mejores decisiones en los siguientes módulos. Piénsalo como entender los controles básicos del carro: no tienes que ser mecánico para manejar bien.
Una página web tiene tres ingredientes básicos:
- HTML (HyperText Markup Language): la estructura del contenido — define qué hay en la página y en qué orden: el título, los párrafos, las imágenes, los botones. Analogía: HTML es el esqueleto del edificio.
- CSS (Cascading Style Sheets): la apariencia visual — colores, tipografías, tamaños, espaciados. Es la pintura, los muebles y la decoración del edificio.
- JavaScript (JS): el comportamiento interactivo — menús que se abren, formularios que validan datos, mapas que responden al clic. Es la electricidad del edificio.
Cuando usas Google Sites, Canva, Wix o cualquier constructor visual, la herramienta genera ese HTML, CSS y JS por ti. A medida que avanzas en los niveles del Módulo 4, tienes más control sobre esos archivos. En el Nivel 4 (Next.js), los controlas directamente.
1. El visitante escribe tu URL o hace clic en un resultado de Google.
2. Su navegador consulta el sistema DNS — una "guía de teléfonos de internet" — que traduce tu dominio (tunegocio.com) a una dirección IP: un número como 104.21.45.67 que identifica el servidor donde viven tus archivos.
3. El navegador se conecta a ese servidor y le pide el archivo HTML de tu página.
4. El servidor responde. El navegador lee el HTML, descarga imágenes y estilos, y renderiza la página en la pantalla del visitante.
Todo esto ocurre en menos de un segundo cuando la página está bien configurada. El "Error 2 — la página carga lento" de la Sección 2.4 es básicamente cuánto tarda el paso 3-4, casi siempre por imágenes demasiado pesadas.
2.1. La escalera de la presencia digital
No todas las formas de "estar en internet" son iguales. Piénsalo como una escalera de tres niveles:
| Nivel | Dónde está tu negocio | ¿Google te encuentra? | ¿Quién controla el mensaje? |
|---|---|---|---|
| 1. Solo redes sociales | Instagram, Facebook, WhatsApp | Casi nunca para búsquedas locales | La plataforma (algoritmo, formato, ads) |
| 2. Landing page propia | Tu dominio, una sola página enfocada | Sí, si está optimizada (Módulo 5) | Tú, 100% |
| 3. Sitio web completo | Tu dominio, múltiples páginas y secciones | Sí, con más oportunidades de posicionar | Tú, 100% |
Este curso te lleva del nivel 1 al nivel 2: una landing page propia, publicada, encontrable y diseñada para convertir visitantes en clientes. Es el paso con mejor relación esfuerzo/resultado para una PYME que está empezando — y, como verás en el Módulo 4, puedes dar este paso sin gastar nada.
2.2. ¿Qué es (y qué no es) una Landing Page?
Un sitio web tradicional está pensado para que el visitante explore: tiene menú de navegación, varias páginas (Inicio, Nosotros, Servicios, Blog, Contacto) y múltiples objetivos posibles.
Una landing page es lo opuesto: una sola página, un solo objetivo, un solo camino. Todo en ella — el texto, las imágenes, los botones — empuja al visitante hacia una acción: escribir por WhatsApp, llenar un formulario, reservar una cita, comprar un producto.
| Landing Page | Sitio Web Tradicional | |
|---|---|---|
| Objetivo | Una sola acción de conversión | Informar, explorar, múltiples objetivos |
| Navegación | Mínima o inexistente (scroll vertical) | Menú con varias secciones |
| Cuándo usarla | Lanzar una oferta, un servicio, un producto, una campaña | Negocios con catálogo amplio, blog, varias líneas de servicio |
| Ejemplo | "Reserva tu valoración dental gratis" | Sitio de una clínica con secciones de especialidades, equipo, blog y citas |
Para la mayoría de PYMEs que están empezando, una landing page bien hecha es más efectiva que un sitio web completo mal hecho. Por eso este curso se enfoca en construir una página que funcione, antes de pensar en un sitio grande.
2.3. Anatomía de una landing page de alta conversión
Una landing page efectiva sigue un orden lógico, como una conversación bien estructurada. Tomemos como ejemplo una clínica dental en Medellín que ofrece "Valoración + limpieza dental":
- Hero (lo primero que se ve, sin hacer scroll): título claro del beneficio ("Sonríe con confianza: valoración + limpieza dental por $XX.XXX"), una imagen o foto real del consultorio, y un botón de acción visible.
- Propuesta de valor: 2-3 frases que responden "¿por qué tú y no otro?" — experiencia, tecnología, ubicación, garantía.
- Prueba social: testimonios reales, calificación de Google (ej. "4.8 ⭐ con 230 reseñas"), fotos de antes/después.
- Cómo funciona / qué incluye: pasos simples — "1. Agenda tu cita. 2. Te recibimos y hacemos la valoración. 3. Te explicamos tu plan de tratamiento sin compromiso."
- Oferta y precio: claridad total. Si hay un precio especial, dilo. Si hay condiciones, dilas. La ambigüedad genera desconfianza.
- Preguntas frecuentes (FAQ): responde las objeciones antes de que el visitante las piense — "¿Tiene algún costo la valoración?", "¿Atienden los sábados?".
- CTA final: repite la llamada a la acción al cierre de la página, para quien llegó hasta el final sin convertir antes.
- Footer con contacto: dirección, teléfono, WhatsApp, horario — información que Google también va a leer (Módulo 5).
No todas las landing pages necesitan las ocho secciones, pero todas las que convierten bien tienen, como mínimo: un hero claro, una prueba social y un CTA visible más de una vez.
2.4. Los 5 errores más comunes que destruyen la conversión
- No hay un CTA claro (o hay demasiados) Si el visitante tiene que pensar "¿y ahora qué hago?", ya perdiste. Un botón, un mensaje, una acción. "Escríbenos por WhatsApp" es mejor que tres botones distintos compitiendo por la atención. → Un solo CTA, repetido arriba y abajo.
- La página carga lento Si tarda más de 3 segundos en un celular con datos móviles, una parte de tus visitantes se va antes de ver tu mensaje. Imágenes pesadas sin comprimir son la causa más común. → Comprime todas tus imágenes antes de subirlas.
- No está pensada para celular La mayoría de tus visitantes llegan desde el teléfono. Si el texto es ilegible, los botones son diminutos o hay que hacer zoom para leer, perdiste antes de empezar. → Diseña mobile-first (Módulo 2).
- El mensaje es genérico "Calidad y confianza" no le dice nada a nadie. "Repara tu carro el mismo día, con garantía de 30 días, en Bucaramanga" sí. La especificidad genera confianza; lo genérico se ignora. → Ciudad + servicio + diferenciador = mensaje que convierte.
- Contactar es difícil Formularios largos que piden 10 campos, o ningún número de WhatsApp visible, son fricción innecesaria. Cuanto más fácil sea decir "sí, quiero esto", más conversiones tendrás. → Un botón de WhatsApp visible, sin formulario largo.
Objetivo: entrenar tu ojo crítico analizando páginas reales — la tuya (si tienes) y dos de la competencia o de negocios similares en otra ciudad.
Paso 1 — Elige 3 páginas
- Si tu negocio ya tiene web o landing, úsala como página 1.
- Busca en Google "[tu tipo de negocio] + [tu ciudad]" y elige 2 resultados que parezcan negocios similares al tuyo.
Paso 2 — Revisa la anatomía (Sección 2.3)
Para cada página, anota cuáles de las 8 secciones tiene y cuáles le faltan.
Paso 3 — Revisa los 5 errores comunes (Sección 2.4)
Para cada página, marca si comete cada error. Abre la página desde tu celular con datos móviles (no WiFi) para una prueba realista de velocidad y diseño.
Paso 4 — Compara y concluye
- ¿Cuál de las 3 páginas tiene el CTA más claro? ¿Por qué funciona?
- ¿Cuál comete más errores de los 5? ¿Cuáles específicamente?
- Si tu negocio tiene página, ¿en qué posición quedó frente a la competencia?
- Elige UNA sección de la anatomía que tu página (o la que vas a construir) debe tener sí o sí, basándote en lo que viste.
4.1. Si todavía no tienes landing page
No necesitas esperar a terminar el curso completo para empezar a pensar en tu página. Esta semana:
- Escribe en una sola frase qué acción quieres que haga el visitante (agendar cita, escribir por WhatsApp, comprar, registrarse).
- Escribe 3 razones específicas por las que un cliente debería elegirte a ti y no a la competencia (evita "calidad" y "confianza" — sé concreto, como en el Error 4).
- Reúne 2-3 pruebas sociales reales: capturas de reseñas, fotos de trabajos terminados, testimonios de clientes.
Estos tres elementos son el insumo principal para el Módulo 2 (estructura y diseño) y el Módulo 3 (copywriting).
4.2. Si ya tienes una página
Usa los resultados de tu auditoría (Sección 3) como tu lista de mejoras priorizada. Empieza por el error más grave que encontraste — casi siempre es velocidad de carga, falta de CTA claro, o un mensaje genérico.
- Las redes sociales son terreno alquilado; una landing page propia es terreno tuyo — tú controlas el mensaje y puedes aparecer en Google.
- Una landing page tiene un solo objetivo y un solo CTA: todo empuja al visitante hacia una acción concreta.
- Las 8 secciones de la anatomía son una hoja de ruta, no una obligación — pero hero, prueba social y CTA nunca pueden faltar.
- Los 5 errores más comunes destruyen la conversión antes de que el copy importe: CTA claro, carga rápida, diseño mobile, mensaje específico, contacto fácil.
- Puedes dar el paso de redes sociales a landing page propia sin gastar nada (lo verás en el Módulo 4).
- ✅ Antes de avanzar al Módulo 2
- Puedo explicar la diferencia entre landing page y sitio web, y sé cuál necesita mi negocio ahora
- Completé la auditoría de 3 páginas: revisé anatomía y los 5 errores comunes
- Identifiqué el error más grave de las páginas que analicé
- Escribí el objetivo de mi landing (la acción que quiero que haga el visitante)
- Tengo al menos 3 diferenciadores específicos de mi negocio (no "calidad" ni "confianza")
- Reuní al menos 2 pruebas sociales reales (reseñas, fotos, testimonios)
| Criterio | No Aprobado (0) | Aprobado (1) | Sobresaliente (2) |
|---|---|---|---|
| 1. Entiendes la diferencia landing vs. sitio web | No puedes explicar cuándo usar cada una | Sabes la diferencia pero no la has aplicado a tu negocio | Ya decidiste qué necesita tu negocio ahora y por qué |
| 2. Completaste la auditoría de 3 páginas | No la hiciste o fue superficial | Revisaste anatomía y errores en las 3 páginas | Identificaste un patrón claro y una prioridad concreta para tu página |
| 3. Tienes los insumos para el Módulo 2 | No tienes objetivo, diferenciadores ni pruebas sociales | Tienes al menos 2 de los 3 insumos | Tienes objetivo claro, 3 diferenciadores específicos y pruebas sociales reales |
Aprobación: 2 de 3 criterios en "Aprobado" o superior.
Para avanzar al Módulo 2: necesitas tener claro el objetivo de tu landing (la acción que quieres que haga el visitante) y al menos un diferenciador específico de tu negocio.
Kit: Checklist de Auditoría de Landing Pages
| Archivo | Descripción |
|---|---|
| ⬇ checklist-auditoria-landing.md | Checklist imprimible para auditar tu landing page (o la de tu competencia): anatomía de 8 secciones + los 5 errores comunes, con espacio para anotar conclusiones. |