El 83% del tráfico web en Perú viene de celulares. Eso no es una tendencia ni una proyección: es la realidad actual. Si tu landing page no está optimizada para móvil, estás perdiendo 8 de cada 10 visitantes potenciales. Y «optimizada para móvil» no significa que «se vea bien en el celular». Significa que funciona perfectamente: carga rápido, los botones son fáciles de tocar, el formulario se llena sin frustración y el CTA está siempre accesible con el pulgar.
Google usa mobile-first indexing desde 2021. Eso significa que la versión móvil de tu landing page es la que Google evalúa para decidir tu posición en los resultados de búsqueda. Si tu página se ve espectacular en escritorio pero falla en celular, Google ve la versión que falla. Tu competidor con una landing page mediocre pero bien adaptada a móvil puede superarte en los resultados.
Este checklist cubre los 20 puntos más importantes para que tu landing page funcione impecablemente en cualquier celular, desde un iPhone 15 hasta un Samsung Galaxy A14 con conexión 4G irregular en provincias del Perú.
Tabla de Contenidos
- 1 Por qué optimizar para móvil ya no es opcional en 2026
- 2 Touch targets: tamaño mínimo de botones y links para dedos
- 3 Formularios en móvil: menos campos, más conversión
- 4 Velocidad en conexión móvil: el factor decisivo en Perú
- 5 Pop-ups y modales en móvil: reglas de Google para no ser penalizado
- 6 Testing en múltiples dispositivos y navegadores
- 7 Herramientas gratuitas de testing móvil
- 8 Checklist de 20 puntos de optimización móvil
- 9 Preguntas frecuentes
Por qué optimizar para móvil ya no es opcional en 2026
Tres datos que explican por qué el mobile-first es obligatorio para cualquier negocio peruano. Primero: el 83% del tráfico web en Perú es móvil, según datos de Statcounter. No es algo que «vaya a pasar»: ya pasó. Tu audiencia navega desde el celular y tu landing page necesita funcionar ahí.
Segundo: Google penaliza activamente las páginas que no pasan su test de compatibilidad móvil. Si tu landing page tiene elementos que se salen de la pantalla, texto demasiado pequeño o botones que se superponen, Google lo detecta y reduce tu visibilidad en búsquedas móviles. Y las búsquedas móviles son la mayoría.
Tercero: las conversiones en móvil son diferentes. Los usuarios de celular tienen menos paciencia, escriben más lento en el teclado virtual, se distraen con notificaciones de WhatsApp y pueden estar navegando en una señal de datos inestable. Cada obstáculo extra en móvil tiene un impacto desproporcionado en la conversión comparado con escritorio.
Para las 6.1 millones de MYPEs en Perú que compiten por clientes online, la optimización móvil no es un lujo técnico. Es tan básico como tener el local limpio cuando abres la puerta al público.
Touch targets: tamaño mínimo de botones y links para dedos
Un dedo humano promedio tiene un área de contacto de unos 10mm. Si tu botón de CTA mide 8mm, el usuario va a tocar fuera del área clickeable y nada va a pasar. O peor: va a tocar un link que está al lado y salir de tu landing page. Este es uno de los errores más comunes y más fáciles de arreglar.
| Plataforma | Tamaño mínimo recomendado | Espaciado mínimo entre elementos |
|---|---|---|
| Apple (iOS) | 44 × 44 puntos | 8 puntos entre targets |
| Google (Android / Material Design) | 48 × 48 dp | 8 dp entre targets |
| W3C (estándar web) | 44 × 44 CSS píxeles | Sin estándar específico |
En términos prácticos: tu botón principal de CTA debe tener al menos 48 píxeles de alto y ocupar el ancho completo o casi completo de la pantalla en móvil. Los links de texto deben tener suficiente padding para que el área clickeable sea amplia aunque el texto sea corto. Y entre un botón y otro, deja al menos 16 píxeles de separación.
Prueba esto: abre tu landing page en tu celular y trata de tocar cada botón y link con el pulgar, no con la punta del dedo. Si fallas en alguno, necesitas agrandarlo o separarlo. Los usuarios reales van a fallar todavía más porque no conocen tu página y tocan rápido.
Formularios en móvil: menos campos, más conversión
Llenar un formulario en un celular es molesto. Cada campo adicional es una razón más para abandonar. En escritorio, llenar 6 campos toma 30 segundos. En celular, con autocorrector activado, teclado pequeño y cambio entre tipos de teclado (texto, números, email), puede tomar 2 minutos o más.
Reglas para formularios móviles: máximo 3-4 campos para el primer contacto (nombre + WhatsApp o email es suficiente). Usa el atributo HTML correcto para cada campo: type="email" activa el teclado con @ visible, type="tel" muestra el teclado numérico, inputmode="numeric" para campos que solo necesitan números.
Los campos de selección (dropdown) funcionan mejor que campos de texto libre en móvil. «¿Qué servicio te interesa?» con opciones predefinidas es más fácil que «Escribe tu consulta». Los radio buttons y checkboxes deben tener área de toque amplia: el label completo debe ser clickeable, no solo el pequeño círculo.
El botón de envío debe ser grande, contrastante y describir qué pasa al tocarlo. «Recibir cotización por WhatsApp» es mejor que «Enviar» en una pantalla de celular donde el usuario necesita claridad absoluta. Y coloca el formulario donde sea accesible sin mucho scroll, o usa un botón flotante que lleve directamente al formulario.
Velocidad en conexión móvil: el factor decisivo en Perú
Tu landing page puede cargar en 1.5 segundos con wifi de fibra óptica en Miraflores y tardar 8 segundos con datos 4G en Huancayo. La velocidad de conexión móvil en Perú varía enormemente entre Lima y provincias, y entre zonas urbanas y periurbanas. Tu landing page debe funcionar bien en el peor escenario, no solo en el mejor.
La velocidad promedio de internet móvil en Perú está alrededor de 30 Mbps en descargas según Speedtest, pero con picos bajos durante horas punta y en zonas con menor infraestructura. Para tu landing page, esto significa: las imágenes deben estar comprimidas en WebP (no PNG o JPEG sin comprimir), el CSS y JavaScript deben estar minificados, y el contenido above the fold debe cargar primero.
El presupuesto de peso para una landing page móvil bien optimizada: menos de 1MB total, con la parte visible inicialmente (above the fold) pesando menos de 300KB. Si tu landing page pesa 3MB, estás pidiendo al visitante que descargue 3MB con datos móviles que pueden ser lentos y que le cuestan dinero. En Perú, muchos planes de datos tienen límites o velocidad reducida al pasar cierto consumo.
Revisa nuestra guía de velocidad de carga para landing pages para los detalles técnicos de optimización.
Pop-ups y modales en móvil: reglas de Google para no ser penalizado
Desde 2017, Google penaliza los «interstitials intrusivos» en móvil. Eso incluye pop-ups que cubren el contenido principal cuando el usuario llega desde una búsqueda de Google. Si tu landing page muestra un pop-up de pantalla completa al cargar en móvil, Google puede reducir tu posición en los resultados.
Lo que Google permite: banners pequeños que usan una cantidad razonable de espacio en pantalla (como los banners de cookies), pop-ups requeridos legalmente (verificación de edad, cookies), pop-ups que aparecen después de una interacción del usuario (no al cargar la página).
Lo que Google penaliza: pop-ups que cubren la mayor parte del contenido inmediatamente después de que el usuario llega desde una búsqueda, pop-ups de pantalla completa que el usuario debe cerrar antes de acceder al contenido, layouts donde la parte above-the-fold se comporta como un interstitial.
Alternativa efectiva para móvil: en lugar de un pop-up de captura de leads, usa un botón flotante de WhatsApp o un banner fijo en la parte inferior de la pantalla. Ambos son visibles sin ser intrusivos, no cubren el contenido y no activan la penalización de Google. El botón flotante de WhatsApp es especialmente efectivo en Perú por la preferencia del mercado por este canal.
Testing en múltiples dispositivos y navegadores
Tu landing page se ve perfecto en tu iPhone. Pero el celular más vendido en Perú no es el iPhone: son Samsung Galaxy de gama media y Xiaomi. Las pantallas son de diferentes tamaños, las resoluciones varían, y los navegadores no renderizan todo igual. Lo que funciona en Safari no necesariamente funciona en Chrome Android o en el navegador de Samsung.
Dispositivos mínimos en los que deberías probar: un Samsung Galaxy A (serie más vendida en Perú, pantalla ~6.5″, gama media), un iPhone (cualquier modelo reciente, para cubrir iOS), y si es posible un Xiaomi Redmi (muy popular en Perú). Prueba en Chrome, Safari y Samsung Internet Browser.
Si no tienes acceso a estos dispositivos, las DevTools de Chrome simulan diferentes tamaños de pantalla (F12 → Toggle Device Toolbar). No es idéntico a un dispositivo real, pero detecta la mayoría de problemas de layout. BrowserStack (tiene plan gratuito limitado) permite probar en dispositivos reales de forma remota.
Verifica estos puntos en cada dispositivo: ¿el texto se lee sin hacer zoom? ¿Los botones son fáciles de tocar? ¿Las imágenes se ven completas sin cortes? ¿El formulario se llena sin problemas? ¿El scroll es suave? ¿Hay desplazamiento horizontal (señal de que algo se sale de la pantalla)?
Herramientas gratuitas de testing móvil
Google ofrece varias herramientas gratuitas específicas para validar tu landing page en móvil. La prueba de compatibilidad móvil (search.google.com/test/mobile-friendly) te dice si tu página pasa el estándar de Google. PageSpeed Insights (pagespeed.web.dev) muestra el rendimiento específico en móvil con un score de 0 a 100.
Chrome DevTools (F12 en cualquier navegador Chrome) incluye simulación de dispositivos, throttling de red (simular conexión 3G lenta) y depuración de CSS responsive. Es gratuito y ya lo tienes instalado. Lighthouse (dentro de DevTools, pestaña Lighthouse) hace una auditoría completa de performance, accesibilidad y SEO en modo móvil.
Microsoft Clarity (clarity.microsoft.com) te muestra grabaciones reales de usuarios en dispositivo móvil, incluyendo cómo interactúan con tus elementos touch. Es 100% gratuito y sin límites. Puedes filtrar las grabaciones por tipo de dispositivo para ver específicamente cómo se comportan tus visitantes de celular.
Checklist de 20 puntos de optimización móvil
| N° | Elemento | Criterio |
|---|---|---|
| 1 | Viewport meta tag | Incluye meta viewport con width=device-width |
| 2 | Texto legible sin zoom | Mínimo 16px de fuente base |
| 3 | Botones CTA | Mínimo 48×48px, ancho completo en móvil |
| 4 | Espaciado entre links | Mínimo 16px entre elementos clickeables |
| 5 | Sin scroll horizontal | Nada se sale del ancho de pantalla |
| 6 | Imágenes responsive | Se adaptan al ancho sin deformar ni cortar |
| 7 | Formulario simplificado | Máximo 3-4 campos, teclado correcto por tipo |
| 8 | Velocidad móvil | PageSpeed Insights score >70 en móvil |
| 9 | Peso total | Menos de 1MB total de página |
| 10 | Above the fold <300KB | Contenido inicial carga rápido |
| 11 | Sin pop-ups intrusivos | Cumple directrices Google interstitials |
| 12 | Botón WhatsApp flotante | Visible y accesible con pulgar derecho |
| 13 | Teléfono click-to-call | Enlace tel: funcional |
| 14 | Videos responsive | Se adaptan al ancho sin overflow |
| 15 | Tablas responsivas | Con scroll horizontal o diseño adaptado |
| 16 | Navegación simplificada | Menú hamburguesa o sin menú en LP |
| 17 | CTA fijo o repetido | Accesible sin scroll largo |
| 18 | Sin Flash ni tecnologías obsoletas | HTML5 y CSS3 estándar |
| 19 | Prueba en dispositivo real | Testeado en Samsung Galaxy A o similar |
| 20 | Core Web Vitals móvil | LCP <2.5s, CLS <0.1 en móvil |
Preguntas frecuentes
¿Cómo sé si mi landing page está optimizada para móvil?
Usa la herramienta de Google «Prueba de optimización para móviles» (search.google.com/test/mobile-friendly). Introduce tu URL y en segundos te dice si pasa o no el estándar. Para un diagnóstico más completo, revisa PageSpeed Insights en modo móvil y prueba tu página en un celular real navegando como lo haría un usuario normal.
¿El diseño debe ser igual en desktop y mobile?
No. El diseño debe adaptarse a cada formato. En móvil, los elementos se apilan verticalmente, los botones ocupan el ancho completo, los formularios se simplifican y la navegación se reduce al mínimo. El contenido es el mismo pero la disposición visual cambia para que funcione con el dedo en una pantalla de 6 pulgadas.
¿Cuál es el tamaño mínimo de un botón en móvil?
Apple recomienda 44×44 puntos, Google 48×48dp, y el W3C 44×44 CSS píxeles. En la práctica, tu botón de CTA principal debería tener al menos 48 píxeles de alto y ser lo más ancho posible. El espaciado entre botones o links debe ser mínimo 16 píxeles para evitar toques accidentales.
¿Los pop-ups funcionan en móvil?
Los pop-ups de pantalla completa en móvil no solo son inefectivos sino que Google los penaliza activamente desde 2017 si el usuario llega desde una búsqueda orgánica. Alternativas mejores: un banner fijo en la parte inferior, un botón flotante de WhatsApp, o un slide-in pequeño que no cubra más del 30% de la pantalla. Estos formatos convierten bien sin arriesgar penalización.
¿Puedo ocultar contenido en la versión móvil?
Puedes reorganizarlo y colapsarlo, pero no ocultarlo completamente si es relevante para el SEO. Google usa mobile-first indexing, lo que significa que el contenido que no existe en la versión móvil no existe para Google. Usa acordeones o secciones expandibles para mantener el contenido disponible sin abrumar la pantalla.
Optimizar tu landing page para móvil es una de las inversiones con mayor retorno que puedes hacer. Si prefieres que un equipo profesional se encargue, en KOM diseñamos landing pages mobile-first desde S/950. También puedes revisar cuánto cuesta una landing page en Perú. Escríbenos por WhatsApp y evaluamos tu caso.
