Video en tu web: cuándo suma y cuándo resta

Un video corto puede mostrar en medio minuto lo que una página de texto no logra: cómo se siente un lugar, cómo funciona un servicio, cómo se mueve un producto. También puede volver lento tu sitio, gastar los datos del celular de un visitante, sonar en el peor momento y tapar las palabras que la gente vino a leer. En esta lección verás cuándo ayuda el video en la web de un negocio pequeño, cuándo perjudica y cómo usarlo para que sume a la página en lugar de cargarla de peso.

Lo que el video puede hacer y el texto y las fotos no

El movimiento lleva información que en una foto queda plana. El visitante puede ver el río en movimiento, la masa que se amasa o al técnico que llega con el uniforme limpio. El video además muestra a una persona hablando, y una cara y una voz generan confianza más rápido que un párrafo.

El video ayuda más en estos casos:

• Experiencias. Excursiones, hospedajes, restaurantes, eventos y clases, donde la sensación forma parte de lo que vendes.
• Productos que se mueven o cambian. Todo lo que el visitante quiere ver en uso.
• Servicios difíciles de imaginar. Unos pocos clips sobre cómo es tu proceso pueden quitar dudas.
• Negocios de personas. Consultores, coaches, terapeutas y docentes, donde importa conocer primero a la persona.
• Testimonios. Un cliente hablando con sus palabras resulta más creíble que una cita escrita.

No todos los negocios necesitan video. Un buen conjunto de fotos y un texto claro le ganan siempre a un video flojo. Agrega video cuando tengas algo que merezca mostrarse, no porque se suponga que las webs deben tenerlo.

Cinco maneras en que los negocios usan el video

1. Un fondo en movimiento y en silencio

Un clip corto que se repite detrás de un título, sin sonido y sin controles. Crea el clima en los primeros segundos. El diseño de Snowmelt que ves abajo usa imágenes de un cañón a todo el ancho detrás de una cita. Las palabras quedan encima, y el video aporta movimiento sin pedirle nada al visitante.

2. Un video que muestra el trabajo

Un clip colocado dentro de la página, debajo de un título claro, muestra la cosa real. En el diseño de Aster, un video ancho de filas de paneles solares aparece debajo de un título corto que explica lo que se está mirando. Las palabras cuentan la historia y el video la comprueba.

3. Una presentación o un video explicativo

Un video tuyo o de tu equipo, de treinta a sesenta segundos, con controles. Dice quién eres, qué haces y qué pasa cuando alguien te contacta. Funciona bien en la página Sobre nosotros o junto a un formulario de contacto. Úsalo cuando una cara y una voz marquen la diferencia.

4. Una demostración de un producto o servicio

Muestra cómo funciona algo, paso a paso: abrir el producto, limpiar una superficie, armar una pieza. Mantenlo corto, habla con claridad y agrega subtítulos.

5. El testimonio de un cliente

Un cliente real, con sus propias palabras, durante veinte a cuarenta segundos. Pide permiso por escrito y pídele que hable del problema que tenía y de lo que cambió.

Una prueba rápida para decidir si una página necesita video

Antes de planear un video, contesta con sinceridad estas cinco preguntas.

1. ¿Hay algo que los visitantes necesiten ver en movimiento, o una foto haría el mismo trabajo?
2. ¿Puedo hacer que se vea bien, con la cámara firme, un sonido claro y luz decente?
3. ¿Puedo mantenerlo lo bastante corto y liviano para que cargue rápido en un celular?
4. ¿La página sigue teniendo sentido si el video no carga o nadie lo reproduce?
5. ¿Voy a mantenerlo al día cuando cambien mis precios, mi equipo o mi local?

Si la respuesta a la primera pregunta es no, deja el video para más adelante e invierte en fotos y en un texto claro. Si la respuesta a la cuarta es no, arregla primero la página para que sus palabras lleven el mensaje, y suma el video después como un extra. Si contestaste que sí a casi todas, conviene hacer un clip corto.

Cuándo el video perjudica

El video es lo más pesado que puedes poner en una página. Estos son los problemas habituales.

• Vuelve lenta la página. Un archivo de video grande puede duplicar el tiempo de carga, y una página lenta pierde visitantes antes de que lean una palabra.
• Gasta los datos del celular. Quien tiene un plan limitado no te va a agradecer un clip que arranca solo.
• Suena de sorpresa. Una voz repentina en una habitación en silencio hace que la gente cierre la pestaña.
• Esconde el mensaje. Un fondo muy cargado puede hacer que tu título cueste leerlo, y una introducción larga puede demorar el contenido.
• No tiene subtítulos. Mucha gente mira sin sonido, y algunos no pueden oír.
• Guarda la única copia de información importante. Los precios, los horarios y las direcciones van en texto, donde los buscadores y los lectores de pantalla los encuentran.
• Se ve improvisado. Un video movido, oscuro o con ruido hace más daño que no tener video.

Reproducción automática, sonido y controles

Estas reglas protegen a tus visitantes, y seguirlas también te protege a ti.

• Los bucles en silencio son la única reproducción automática que funciona bien. La mayoría de los navegadores bloquea los videos que intentan arrancar con sonido, y permite los que arrancan en silencio. Deja que el visitante elija activar el sonido. El diseño de Eclore que ves abajo pone un botón Click for sound en el encabezado, así que nada suena en voz alta si el visitante no lo decide.
• Da una forma de pausar. Las pautas de accesibilidad llamadas WCAG dicen que el contenido en movimiento que arranca solo, dura más de cinco segundos y está junto a otro contenido necesita un modo de pausarlo, detenerlo u ocultarlo. Basta con un botón de pausa pequeño.
• Controla el audio. Si el sonido se reproduce automáticamente durante más de tres segundos, esas mismas pautas piden un modo de pausarlo o de bajar el volumen. La solución más simple es no reproducir sonido por sí solo.
• Agrega subtítulos. Las pautas piden subtítulos para los videos grabados con sonido. También ayudan a quien está en un lugar con ruido y a quien mira sin sonido.

Mantén liviano tu video

• Que sea corto. Un bucle de fondo de 5 a 15 segundos es más que suficiente. Una presentación debería durar menos de un minuto.
• Comprímelo. Un archivo en formato MP4, codificado con H.264, se reproduce casi en todas partes y se comprime bien. Como regla práctica, mantén un bucle de fondo en unos pocos megabytes.
• No uses más resolución de la necesaria. Full HD alcanza para un fondo a todo el ancho. Los clips más chicos pueden pesar mucho menos.
• Quita la pista de sonido de los bucles en silencio. Suma peso y no sirve para nada.
• Agrega una imagen de portada. Una imagen fija, normalmente el primer cuadro, aparece mientras carga el video, así la página nunca se ve vacía.
• Cárgalo solo cuando haga falta. Un video que está bien abajo debería esperar hasta que el visitante se acerque.
• Piensa en los celulares. En un teléfono, una imagen fija puede reemplazar a un bucle de fondo. Quienes le piden a su aparato que reduzca el movimiento también deberían ver una imagen fija.

Dónde alojar el video

Tienes dos opciones. Puedes poner el archivo en tu propio hosting, lo que te da todo el control sobre cómo se ve y cómo carga, pero tienes que preparar bien el archivo. O puedes insertar un video de una plataforma de videos, que es fácil de configurar y se ocupa de las distintas conexiones por ti, pero carga código extra de otra empresa, puede mostrar videos sugeridos cuando termina el tuyo y te da menos control sobre la página. Para bucles de fondo y clips cortos, tu propio hosting suele ser la mejor opción. Para videos más largos, insertar uno de una plataforma es práctico, y lo ideal es que se cargue solo cuando el visitante presiona el botón de reproducir.

Dónde va el video en la página

Pon el video donde apoye el mensaje principal. Un bucle de fondo va en la primera pantalla o en una sección que lleve una frase corta. Un video más largo va más abajo, con un título claro arriba y un botón de reproducir sobre su imagen de portada. Usa un video por página, salvo que haya un buen motivo. No dejes que un video empuje tu botón principal fuera de la primera pantalla, ni que arranque antes de que cargue el título. Cuando haya palabras encima de un video, asegúrate de que se sigan leyendo: usa una capa oscura detrás, letras grandes y una parte tranquila de la imagen.

Cómo grabar un video simple con el celular

1. Planea tres tomas. Una toma general del lugar, una toma media de ti o del trabajo, y un primer plano de un detalle.
2. Graba acostado para tu web, y de pie si el clip es para redes sociales.
3. Mantén firme el teléfono. Usa un trípode, o apóyalo sobre una pila de libros.
4. Aprovecha la luz del día. Ponte frente a una ventana, no de espaldas a ella.
5. Acércate al sonido. En una habitación en silencio, párate cerca del teléfono y habla con claridad. Un micrófono pequeño de solapa ayuda mucho.
6. Escribe tres líneas antes. Quién eres, qué haces por tus clientes y qué hacer a continuación.
7. Que sea corto. De treinta a sesenta segundos alcanzan para una presentación.
8. Agrega subtítulos. Muchas aplicaciones de edición pueden crearlos, y conviene leerlos para corregir los errores.

Video, texto y buscadores

Los buscadores y los lectores de pantalla no pueden ver tu video. Leen las palabras que lo rodean. Por eso conviene escribir un resumen corto debajo de cada video que diga qué muestra y, si alguien habla, agregar una transcripción o unos puntos clave. Ese texto ayuda a quien prefiere leer, a quien no puede reproducir sonido y le da a los buscadores algo que entender. Deja los datos importantes, como los precios, los horarios y los pasos de tu proceso, en texto dentro de la página. El video debe sumar a esas palabras, no reemplazarlas.

La misma precaución se aplica a las redes sociales. Un muro de publicaciones o videos traído de tus cuentas carga código de otras empresas, puede volver lenta la página y muestra lo último que publicaste, incluso cosas que no elegirías mostrarle a un cliente nuevo. Suele ser mejor poner enlaces a tus perfiles, o insertar una sola publicación elegida con cuidado.

Una lista de control antes de publicar un video

• Es corto, y los primeros segundos muestran algo que invita a seguir mirando
• El archivo está comprimido y tiene una imagen de portada
• No arranca con sonido
• Hay una forma de pausar todo lo que se mueve solo
• Tiene subtítulos, si hay voz
• Las palabras que van encima se siguen leyendo
• La página funciona sin él, en un celular y con datos del plan
• Hay un resumen en texto cerca, y los datos clave están escritos

Cómo usa el video Good Sites Only

Algunos de nuestros diseños usan video, como un bucle en silencio detrás de un título, y otros usan solo fotos. Cuando revises la maqueta los días 3 y 4, puedes decirnos qué clima le va a tu negocio. La versión para celular, los formularios de contacto, la configuración de SEO y el hosting están incluidos. Mira cómo aparece el video en nuestros diseños antes de decidir.

Preguntas frecuentes