Una foto de producto responde a "¿qué aspecto tiene?". Un vídeo de producto responde a la pregunta que realmente decide la venta: "¿cómo es usarlo?", cómo se mueve, qué tamaño tiene de verdad en la mano, cuánto ruido hace el motor, si la tela cae con fluidez o queda rígida. Esa es información que las imágenes estáticas, por su propia naturaleza, no pueden transmitir, y es exactamente la información que le falta a un comprador indeciso en los últimos treinta segundos antes de hacer clic en Añadir al carrito o cerrar la pestaña. El vídeo también es una de las señales más baratas de añadir: YouTube aloja y sirve el archivo gratis, así que las únicas preguntas reales son dónde debe ir el vídeo en la página de producto de PrestaShop, cómo insertarlo sin destrozar tu puntuación de PageSpeed y cómo hacer que Google lo muestre en los resultados de búsqueda. Esta guía trata precisamente de eso, la mecánica en PrestaShop, no de cómo grabar el material.

Si el punto débil son las propias fotos, empieza por ahí: un vídeo nítido no puede salvar una página de producto con imágenes oscuras e incoherentes, consulta fotografía de producto para comercio electrónico y la guía práctica de bajo presupuesto en fotografía de producto con poco presupuesto. Este artículo da por hecho que las fotos ya están resueltas y que vas a añadir vídeo encima.

Por qué YouTube en concreto, y no un MP4 alojado en tu propio servidor

Podrías subir un MP4 a tu servidor y colocar una etiqueta <video> en la descripción. No lo hagas, al menos no para vídeos de producto a escala de catálogo. Un vídeo alojado en tu propio servidor se sirve desde tu hosting, consume tu ancho de banda y no se transcodifica a la media docena de resoluciones que necesita un móvil con 4G. (También puede ser indexado por Google, pero solo si haces el trabajo: marcado VideoObject, un sitemap de vídeo y URLs rastreables para la miniatura, el contenido y la inserción). YouTube te da toda esa infraestructura gratis: streaming adaptativo, CDN global, resoluciones móviles automáticas y, la parte que muchos comerciantes pasan por alto, su propia superficie de descubrimiento adicional. Un vídeo de YouTube puede posicionarse en el bloque de vídeos de Google y en la propia búsqueda de YouTube, enviando tráfico a tu página de producto en lugar de limitarse a vivir en ella. La contrapartida es una inserción más pesada (un iframe que carga el reproductor de YouTube), que abordamos más abajo.

Inserción de YouTubeMP4 alojado en tu propio servidor
Coste de alojamiento / ancho de bandaGratis, fuera de tu servidorConsume recursos de tu hosting
Calidad móvil / adaptativaAutomática, varias resolucionesTienes que transcodificar tú mismo
Visibilidad extra en buscadoresYouTube + resultados de vídeo en Google de seriePosible con VideoObject + sitemap de vídeo, pero debes configurarlo
Impacto en el peso de la páginaIframe de reproductor pesado (cárgalo de forma diferida)Más ligero, pero el archivo completo va en tu CDN
Ideal paraDemos de producto, catálogo a escalaBucles cortos sin sonido, intros de marca

Dónde colocar el vídeo en una página de producto de PrestaShop

Panel de administración de PrestaShop que configura una fuente de vídeo de YouTube por clave API, canal, lista de reproducción o URL de vídeos manuales
En la administración conectas una fuente de YouTube mediante clave API y canal o pegando URL de vídeos manuales, para que el clip adecuado aparezca en la página de producto.

La página de producto por defecto de PrestaShop (el controlador product, plantilla themes/<your-theme>/templates/catalog/product.tpl) no tiene un campo nativo de "vídeo". Así que hay tres ubicaciones realistas para una inserción, en orden creciente de limpieza:

  • Dentro de la descripción del producto. El campo de descripción en Catálogo → Productos → [producto] → Descripción es un campo de texto enriquecido (TinyMCE) que acepta HTML, así que un iframe de YouTube pegado en la vista de código fuente se renderizará. Es rápido y no cuesta nada, pero vincula el vídeo al texto comercial, y TinyMCE a veces elimina o vuelve a envolver el iframe cuando un editor no técnico vuelve a guardar la página.
  • Como su propia pestaña de producto. Una pestaña dedicada de "Vídeo" mantiene la inserción separada del texto de venta y se percibe como algo intencional, no como contenido pegado sin más. Es la ubicación más limpia para la mayoría de tiendas; la mecánica de añadir pestañas personalizadas (los hooks displayProductTab / displayProductTabContent, o un módulo de pestañas) es un tema aparte, consulta pestañas de producto: añadir especificaciones, guías y contenido personalizado.
  • En un espacio dedicado de contenido de producto, mediante un hook. El lugar que normalmente quieres está cerca de la galería de imágenes, donde un cliente al que le gustaron las fotos y siguió bajando ya está predispuesto. PrestaShop expone displayProductExtraContent (1.7+) y el hook relacionado displayProductAdditionalInfo, que permiten a un módulo inyectar contenido en la página de producto sin editar el tema, aunque el punto exacto donde aparece ese contenido lo controla tu tema, porque el tema decide dónde renderiza esos hooks. Un módulo creado para este fin los usa para que la ubicación sobreviva a una actualización del tema.

La galería en sí, orden de imágenes, zoom, lightbox, es una decisión relacionada pero independiente; si estás replanteando todo el bloque visual, consulta páginas de galería para PrestaShop.

La inserción exacta: no pegues el fragmento por defecto de YouTube

La opción "Compartir → Insertar" de YouTube te da un iframe que carga el reproductor completo, scripts, cookies, miniaturas, en cuanto se renderiza la página, en cada producto, pulse o no alguien el botón de reproducción. En una página de catálogo que ya carga imágenes de galería, eso supone un golpe medible a tu Largest Contentful Paint y a tu puntuación de Google PageSpeed, y las cookies que se instalan meten la inserción dentro del alcance de tu RGPD/consentimiento de cookies. Dos arreglos, ambos recomendables:

  • Usa el dominio de privacidad. Sustituye youtube.com por youtube-nocookie.com en el src del iframe. Esto reduce las cookies establecidas antes de que el visitante reproduzca el vídeo, pero no convierte la inserción en algo libre de cookies: sigue cargando recursos de terceros de Google/YouTube, así que conviene tratarla como contenido multimedia de terceros. Que esto deba quedar dentro del bloqueo de "marketing" de tu banner de consentimiento depende de tu jurisdicción y de la política de tu CMP, así que verifica tu gestión del consentimiento en lugar de asumir que nocookie te exime.
  • Carga el reproductor de forma diferida. Añade loading="lazy" al iframe para que solo se cargue cuando el cliente se desplace hasta él o, mejor para muchas inserciones pequeñas, usa una "fachada": muestra primero una miniatura ligera y sustitúyela por el iframe real solo al hacer clic. El cliente ve el póster del vídeo al instante; el reproductor pesado nunca se carga para la mayoría que no pulsa reproducir.

Por tanto, una inserción limpia se parece a <iframe src="https://www.youtube-nocookie.com/embed/VIDEO_ID" loading="lazy" ...>, no al fragmento por defecto copiado y pegado. ¿Y eso qué aporta? Tu página de producto se mantiene rápida, tu puntuación de PageSpeed no se desploma porque hayas añadido vídeo a 200 productos, y mantienes la huella de consentimiento de cookies tan pequeña como permite la inserción.

El patrón de fachada, la mejor opción cuando tienes muchas inserciones pequeñas repartidas por un catálogo, no carga nada más que una miniatura hasta que el cliente pulsa reproducir. Esta es la versión mínima: un póster clicable que se sustituye por el iframe real en el primer clic, de modo que el reproductor pesado de YouTube nunca se carga para la mayoría que no mira el vídeo:

<div class="yt-facade" data-id="VIDEO_ID">
  <img src="https://i.ytimg.com/vi/VIDEO_ID/hqdefault.jpg"
       alt="Play product demo" loading="lazy">
  <button type="button" aria-label="Play video">▶</button>
</div>
document.querySelectorAll('.yt-facade').forEach((box) => {
  box.addEventListener('click', () => {
    const id = box.dataset.id;
    box.innerHTML =
      '<iframe loading="lazy" allowfullscreen ' +
      'src="https://www.youtube-nocookie.com/embed/' + id +
      '?autoplay=1"></iframe>';
  }, { once: true });
});

El cliente ve el póster al instante; el reproductor, scripts, cookies y todo lo demás, solo llega con el clic, y autoplay=1 significa que empieza enseguida cuando lo hace. Ten en cuenta que la miniatura sigue sirviéndose desde un dominio de YouTube, así que si tu política de consentimiento bloquea el contenido multimedia de YouTube, bloquea también la miniatura de la fachada.

Haz que Google muestre el vídeo, no solo que lo reproduzca

Insertar un vídeo y conseguir que Google lo reconozca como vídeo son dos cosas distintas. Para un resultado enriquecido de vídeo (el tratamiento con miniatura y botón de reproducción en la búsqueda), Google necesita datos estructurados VideoObject en la página: name, description, thumbnailUrl, uploadDate y un contentUrl o embedUrl. Las páginas de producto de PrestaShop ya emiten JSON-LD de Product/Offer; VideoObject es un añadido, no un sustituto.

Hay dos caminos: añadir manualmente el JSON-LD a la plantilla de producto (duradero, pero tarea de desarrollador y fácil de olvidar en productos nuevos), o usar un módulo SEO que genere automáticamente el marcado VideoObject a partir de un campo de vídeo. Si ya estás gestionando el resto de tus datos estructurados y resultados enriquecidos, integra el esquema de vídeo en ese mismo trabajo, nuestra suite Smart SEO Revolution gestiona datos estructurados y resultados enriquecidos en todo el catálogo, de modo que el marcado de vídeo no sea un añadido aislado que tengas que mantener a mano. El límite honesto: los datos estructurados hacen que un vídeo sea apto para un resultado enriquecido de vídeo; Google decide si lo muestra. Es una capacidad, no una garantía de posicionamiento.

Mantén también la optimización dentro de YouTube alineada con el SEO de tu tienda: el título y la descripción del vídeo en YouTube deberían usar el mismo lenguaje de nombre de producto que buscaría un comprador, igual que hacen los títulos de tus páginas (el principio es el mismo que en escribir títulos de producto que funcionan para Google y para las personas). Y enlaza desde la descripción de YouTube a la URL exacta del producto, para que la segunda superficie de descubrimiento realmente alimente la tienda.

Qué productos merecen un vídeo primero

No vas a grabar vídeos para todo tu catálogo, y no deberías intentarlo. El vídeo rinde más donde la distancia entre "parece así" y "es así" es mayor. Prioriza en este orden:

Tipo de productoPor qué el vídeo marca la diferenciaVídeo adecuado
Mecánico / con movimientoLas fotos no pueden mostrar la acción, cómo se pliega, vierte, gira o el ruido que haceDemo de 10–60 s en funcionamiento
Prendas / artículos con caída (moda)El ajuste y el movimiento deciden las devoluciones; una foto plana engaña sobre ambosModelo caminando / girando
Tamaño ambiguoLos compradores calculan mal la escala a partir de una foto sobre fondo blanco y luego devuelven el productoArtículo junto a un objeto familiar
Técnico / con instalación compleja"¿Es difícil de instalar?" es la objeción realGuía breve de instalación
Producto básico, bien entendidoEl cliente ya sabe exactamente qué esNormalmente omítelo, invierte el esfuerzo en otro lugar

Empieza por tus productos más vendidos, porque ahí una pequeña mejora de conversión devuelve más pedidos absolutos, y porque un solo vídeo obtiene más visualizaciones por hora de producción. El vídeo es una señal de prueba social y merchandising entre varias en la página de producto; funciona junto con reseñas, distintivos y especificaciones claras, no en lugar de ellos, si estás auditando toda la página, empieza por buenas prácticas de diseño de páginas de producto en PrestaShop para conversión.

Cómo saber si está funcionando

No juzgues el vídeo de producto por intuición. Como el vídeo está en la página de producto, la métrica que importa es la tasa de conversión de detalle a carrito de la página: de las personas que vieron este producto, qué proporción lo añadió al carrito, antes y después de publicar el vídeo. Mídelo por producto: las propias Estadísticas de PrestaShop (por ejemplo, Productos más vendidos) te dan visualizaciones y ventas cuando tu versión las expone, pero la tasa de añadir al carrito / detalle de producto la obtendrás con más fiabilidad del seguimiento de comercio electrónico de tu herramienta de analítica que de una página nativa de estadísticas. Observa dos cosas en paralelo: si subieron los añadidos al carrito de ese producto y si bajó la tasa de devolución (un vídeo que muestra con honestidad el tamaño y el uso evita la devolución por "no era lo que esperaba"). Dale volumen real: quince días de tráfico en un producto son ruido. Y revisa PageSpeed antes y después con perfil móvil, para confirmar que las inserciones no han gravado silenciosamente la página que intentabas mejorar.

Preguntas frecuentes

¿Dónde debería ir el vídeo en la página de producto? Una pestaña dedicada de "Vídeo" es la ubicación más limpia para la mayoría de tiendas: mantiene la inserción fuera del texto de venta y se percibe como algo deliberado. Si quieres situarlo en un punto más caliente, inyéctalo cerca de la galería de imágenes mediante displayProductExtraContent (1.7+), donde un cliente al que le gustaron las fotos ya ha seguido bajando. Pegarlo en la descripción funciona, pero TinyMCE puede eliminar el iframe cuando un editor no técnico vuelve a guardar.

¿Añadir inserciones de YouTube ralentizará mis páginas de producto? Pueden ralentizarlas, especialmente con el fragmento por defecto de YouTube, que carga el reproductor completo pulse o no alguien reproducir; un reproductor con carga diferida también añade carga una vez activado. Usa youtube-nocookie.com, añade loading="lazy" y, si tienes muchas inserciones, usa el patrón de fachada anterior: una miniatura que se cambia por el iframe al hacer clic. Así el reproductor pesado solo se carga para los visitantes que realmente miran el vídeo.

¿Insertar un vídeo hace que aparezca como resultado de vídeo en Google? No por sí solo. Google necesita datos estructurados VideoObject en la página (name, description, thumbnailUrl, uploadDate y un contentUrl o embedUrl) para que sea apto para un resultado enriquecido de vídeo, y aun así decide si lo muestra. PrestaShop ya emite JSON-LD de Product/Offer; VideoObject es un añadido. Un módulo SEO puede generarlo a partir de un campo de vídeo para que no tengas que añadirlo a mano en cada producto.

¿MP4 alojado en mi servidor o YouTube? YouTube para demos de producto a escala de catálogo: alojamiento gratis, resoluciones móviles adaptativas y una segunda superficie de descubrimiento (YouTube + resultados de vídeo en Google) de serie. Un MP4 alojado en tu servidor solo tiene sentido para bucles cortos sin sonido o intros de marca, e incluso entonces tú asumes el ancho de banda y la transcodificación.

¿Qué productos deberían recibir un vídeo primero? Aquellos en los que "parece así" y "es así" difieren más: artículos mecánicos o con movimiento, prendas con caída, productos de tamaño ambiguo y equipos con instalación compleja. Empieza por tus productos más vendidos: una pequeña mejora de conversión ahí devuelve más pedidos absolutos, y un solo vídeo consigue más visualizaciones por hora de producción.

Trata el vídeo de producto como la señal de la página que cierra la objeción "no consigo saber cómo es de verdad", y luego haz que sea barato de mantener: YouTube para el alojamiento y una segunda superficie de búsqueda, una inserción limpia con carga diferida de youtube-nocookie colocada cerca de la galería para que no ralentice la página, marcado VideoObject para que Google pueda mostrarlo y una implantación empezando por los más vendidos para que el esfuerzo caiga donde compensa. Haz esas cuatro cosas y el vídeo deja de ser un extra interesante que algún día añadirás, y se convierte en una línea medible en tu tasa de conversión.

Etiquetas: Redes sociales SEO Video
David Miller

David Miller

Fundador, mypresta.rocks
Sobre el autor

David Miller es un especialista en PrestaShop con más de una década de experiencia práctica y fundador de mypresta.rocks, un estudio de desarrollo con sede en Tychy, Polonia. Crea y mantiene un catálogo de 159 módulos PrestaShop, incluidas 21 suites «Revolution» que abarcan SEO, checkout, seguridad, rendimiento, marketing, búsqueda, soporte y gestión de almacén, que mejoran tiendas reales cada día, probados en PrestaShop 1.7.8, 8.x y 9.x. También se encarga del mantenimiento de tiendas en producción, por lo que su trabajo se mide por ventas reales, no por demos. Su experiencia abarca todo el comercio electrónico, rendimiento, seguridad, SEO y marketing, y va más allá de PrestaShop, hasta WooCommerce, Shopify y sistemas a medida. En el blog escribe sobre la parte técnica de PrestaShop: qué hace realmente la plataforma, qué se rompe en producción y qué soluciones aguantan.

Compartir esta publicación:

Comentarios

Aún no hay comentarios. ¡Sé el primero!

¿Le gustó este artículo?

Reciba nuestros últimos consejos, guías y actualizaciones de módulos en su bandeja de entrada.

Puedes darte de baja en cualquier momento. Encontrarás nuestros datos de contacto en el aviso legal.

Cargando...
Volver arriba