≡En resumen
- Una video landing page gira alrededor de un vídeo y de una sola acción de conversión.
- No es lo mismo un vídeo hero decorativo que un vídeo explicativo o una VSL: cada uno cumple una función distinta.
- El vídeo puede convertirse en el elemento LCP de la página, así que el póster y la forma de cargarlo importan.
- El autoplay solo funciona silenciado y, en iOS, con el atributo playsinline.
- No hay una cifra universal de mejora de conversión: mide con un test A/B en tu propia página.
01 ¿Qué es una video landing page?
El concepto nace de sumar dos piezas: la página de aterrizaje clásica, diseñada para una sola acción, y el vídeo como formato para explicar lo que cuesta contar por escrito (un proceso, un producto físico, la confianza en una persona). En español se usa tanto el término inglés como «landing page con vídeo».
La diferencia con una web que simplemente tiene un vídeo es el foco: en una video landing page el vídeo trabaja para el formulario o el botón, no para decorar ni para entretener.
02 Tipos de vídeo en una landing page: hero, explicativo, VSL y testimonio
La primera decisión no es técnica: es qué papel cumple el vídeo. Un vídeo de fondo en bucle crea ambiente; un vídeo explicativo responde a «qué es y cómo funciona»; una video sales letter es un argumento de venta completo en formato vídeo.
| Tipo | Qué hace | Sonido | Cuándo usarlo |
|---|---|---|---|
| Vídeo hero o de fondo | Imagen en movimiento detrás del titular, sin narración | Silenciado, en bucle | Marcas visuales (hoteles, inmobiliaria, moda) donde el ambiente vende |
| Vídeo explicativo | Explica el producto o servicio en 60-120 segundos | Con voz, el usuario pulsa play | Servicios o productos que generan dudas antes de convertir |
| Video sales letter (VSL) | Argumento de venta largo: problema, solución, prueba y oferta | Con voz, reproducción iniciada por el usuario | Infoproductos, formación y ofertas de precio alto |
| Testimonio | Un cliente real cuenta su resultado | Con voz y subtítulos | Cuando la objeción principal es la confianza |
| Demo de producto | Muestra la interfaz o el producto en uso | Opcional, con rótulos | Software, apps y productos físicos con uso no evidente |
03 ¿Mejora la conversión una landing page con vídeo?
Depende del producto, del tráfico y del vídeo. Circulan cifras muy repetidas del tipo «el vídeo aumenta la conversión un 80 %», pero suelen proceder de casos aislados o de estudios de proveedores sin metodología pública. No hay un dato universal fiable, así que la respuesta honesta es: el vídeo ayuda cuando elimina una duda que frena la conversión, y estorba cuando retrasa la carga o distrae del formulario.
Suele ayudar
Servicios complejos, precios altos, productos que hay que ver funcionando y negocios donde la persona que atiende es parte de la decisión.
Suele sobrar
Ofertas simples (un descuento, una descarga gratuita) donde el titular ya lo dice todo y el vídeo solo añade peso.
Puede perjudicar
Vídeos que tardan en cargar en móvil, que empiezan con una intro larga o que empujan el formulario fuera de la primera pantalla.
04 Vídeo y velocidad de carga: el impacto en el LCP
El Largest Contentful Paint (LCP) es la métrica de Core Web Vitals que mide cuándo se pinta el elemento más grande de la primera pantalla. Según la documentación de web.dev, los elementos <video> cuentan para el LCP: se toma el momento de carga del póster o de presentación del primer fotograma, el que ocurra antes. Un vídeo hero a pantalla completa suele ser, por tanto, el elemento LCP de la página.
Por eso la integración técnica pesa tanto como el guion. Si quieres entrar en códecs, bitrate y streaming adaptativo, lo tienes en la entrada sobre optimización técnica de vídeo; aquí van las decisiones que más afectan a una landing.
| Decisión | Qué hacer | Por qué |
|---|---|---|
| Póster | Define siempre una imagen de póster (atributo poster) ligera (WebP o AVIF) y cárgala con prioridad alta | Es lo primero que se pinta y puede ser el LCP |
| Precarga | Usa preload="none" o preload="metadata" en vídeos que el usuario inicia | Evita descargar megas que quizá nadie reproduzca |
| Vídeo hero | Clip corto (unos segundos en bucle), sin pista de audio, comprimido y en varias resoluciones | Pesa menos y se reproduce antes en móvil |
| Reproductor externo | Con YouTube o Vimeo, carga primero una miniatura y el reproductor solo al hacer clic (patrón «fachada») | El iframe del reproductor añade scripts pesados aunque nadie pulse play |
| Móvil | Valora sustituir el vídeo de fondo por una imagen en pantallas pequeñas | Ahorra datos y mejora la carga en conexiones lentas |
Si tu landing ya va lenta antes de añadir el vídeo, empieza por ahí: mejorar la velocidad de carga web suele rendir más que cualquier cambio creativo.
05 Autoplay en landing pages: qué permiten los navegadores
Desde Chrome 66 (abril de 2018), Chrome solo permite la reproducción automática con sonido si el usuario ya ha interactuado con el dominio, si en escritorio supera el índice de interacción con contenido multimedia (MEI) o si ha instalado la web como app. El autoplay silenciado siempre está permitido. Safari y Firefox aplican políticas equivalentes, y en iOS el vídeo necesita además el atributo playsinline para reproducirse dentro de la página.
<video autoplay muted loop playsinline poster="hero.webp" preload="metadata"><source src="hero.webm" type="video/webm"><source src="hero.mp4" type="video/mp4"></video>
Sin muted el navegador bloquea la reproducción; sin playsinline, iOS no lo reproduce en línea. Chrome recomienda no dar por hecho que el vídeo se reproducirá y comprobar la promesa que devuelve play().
06 Cómo crear una video landing page paso a paso
-
1
Define una sola conversión
Formulario, llamada, compra o registro. El vídeo, el titular y el botón deben apuntar al mismo objetivo.
-
2
Escribe el vídeo para la objeción principal
Pregunta a ventas qué duda frena más a los clientes y haz que el vídeo la responda en el primer minuto.
-
3
Coloca vídeo y CTA juntos
El vídeo en la primera pantalla y el botón o el formulario visible junto a él o justo debajo, sin obligar a verlo entero.
-
4
Subtitula y da contexto sin sonido
Subtítulos incrustados o pista de subtítulos, y un titular que explique la oferta aunque nadie pulse play.
-
5
Integra con cabeza
Póster ligero, precarga mínima, fachada para reproductores externos y versión móvil revisada.
-
6
Mide y prueba
Tasa de reproducción, retención y conversión de quien ve el vídeo frente a quien no; después, test A/B.
Si prefieres delegar la parte de estructura, copy y maquetación, en nuestro servicio de diseño de landing page planteamos la página alrededor de la conversión y decidimos contigo si el vídeo suma o resta.
07 Cómo medir si el vídeo de tu landing funciona
| Métrica | Qué mide | Qué te dice |
|---|---|---|
| Tasa de reproducción | Visitantes que pulsan play / visitantes totales | Si el póster y el titular invitan a ver el vídeo |
| Retención | Porcentaje de reproducción medio y abandono por segundo | En qué punto el guion pierde al espectador |
| Conversión de espectadores | Conversiones de quien reproduce frente a quien no | Si el vídeo acompaña a la decisión o solo entretiene |
| Tasa de conversión global | Conversiones / visitas de la landing | El resultado que importa: compárala con la versión sin vídeo |
| LCP y peso de la página | Tiempo de carga del elemento principal y megas transferidos | Si el vídeo está costando visitas antes de verse |
Preguntas frecuentes sobre Video Landing Page
Es una página de aterrizaje cuyo elemento principal es un vídeo y que está diseñada para una sola acción, como rellenar un formulario o comprar. El vídeo explica la oferta y el resto de la página lleva a la conversión.
El vídeo hero es un clip silenciado en bucle que crea ambiente detrás del titular. El vídeo explicativo tiene voz, lo inicia el usuario y cuenta qué ofreces y cómo funciona.
Puede hacerlo cuando responde a la duda que frena la compra, pero no hay una cifra universal. La única forma de saberlo en tu caso es un test A/B con y sin vídeo.
Puede hacerlo: el vídeo puede ser el elemento LCP y los reproductores externos cargan scripts pesados. Un póster ligero, preload mínimo y cargar el reproductor al hacer clic reducen mucho el impacto.
Los navegadores bloquean el autoplay con sonido. Añade el atributo muted y, para iOS, playsinline; aun así, comprueba en el código si la reproducción ha sido rechazada.
En la primera pantalla, junto al titular, con el botón o el formulario visible sin tener que ver el vídeo entero. Los testimonios en vídeo funcionan bien cerca del formulario.
Lo justo para resolver la objeción principal: en muchos servicios basta con uno o dos minutos. Las video sales letters son más largas porque sustituyen a una carta de ventas completa.
Fuentes consultadas
Sobre el autor
Kevin Rouget Perona
Especialista en marketing, publicidad y Amazon en appyweb
Gestiona estrategias de marketing, campañas de publicidad y cuentas de Amazon orientadas a ventas y captación de clientes.
Ver perfil en LinkedIn ↗