Cómo insertar un video en su sitio web: una guía paso a paso

<p>Cooper es estratega sénior de contenidos en Vimeo. Últimamente, la película que no se cansa de ver es “Compartimento N.º 6”.</p>
Cooper Savage
Aprenda cómo insertar videos de Vimeo en su sitio web, agregar videos a Wix, Shopify, WordPress, Squarespace o insertar un video de Facebook.

¿Por qué conformarse solo con palabras en su sitio web cuando las imágenes en movimiento combinadas con el sonido son mucho más efectivas? Para eso está la inserción de videos. Ya sea que se trate de una promoción elegante, una explicación informativa o un testimonio sincero, los videos insertados captan la atención de los visitantes más rápido que el texto y los mantienen en su página por más tiempo.

En esta guía, explicaremos los beneficios de insertar videos en su sitio web y cómo insertar videos con Vimeo y otras plataformas para aumentar la interacción con los espectadores.

¿Por qué insertar videos en sitios web?

Insertar videos en sus páginas web anima a los visitantes a quedarse más tiempo. Cuanto más interactúen, más probable es que se suscriban, realicen una compra o respondan a una llamada a la acción.  

Pero eso es solo el principio: los videos insertados ofrecen una variedad de beneficios tanto para los usuarios como para su marca.

Suba un video para insertarlo →

Mejore la interacción de los espectadores

Los videos insertados permiten agregar llamadas a la acción que guían a los espectadores a registrarse, comprar u obtener más información, todo sin salir de la página ni hacer pausa. Subir sus videos a Vimeo ofrece ventajas adicionales: Vimeo sigue las prácticas recomendadas de SEO para reproductores de video de Google e incluye funciones como momentos clave, que le permiten dividir los videos en capítulos. Esto facilita que los espectadores salten directamente a las partes que más les interesan.

Fortalecer el SEO y la visibilidad de la marca

A los motores de búsqueda les encantan los videos, e insertarlos en su sitio puede darle un gran impulso a su SEO. Personalizar los códigos de inserción con títulos detallados, descripciones y transcripciones ayuda a aumentar sus posibilidades de obtener una clasificación más alta en los resultados de búsqueda. Esto no solo mejora su visibilidad, sino que también ayuda a que su contenido llegue a la audiencia adecuada. Así es como se hace:

  • Los videos con miniaturas optimizadas y metadatos se destacan en los resultados de búsqueda, lo que atrae la atención de los usuarios y atrae más tráfico a su sitio.
  • Cuando los usuarios buscan contenido que coincida con sus videos, plataformas como YouTube o Vimeo pueden aparecer en los resultados enriquecidos de videos de Google, poniendo su marca al frente y al centro.
  • Insertar videos directamente en su sitio web mantiene su marca intacta y garantiza el crédito por su trabajo, lo que ayuda a que su marca destaque en todas las plataformas.

Muestre sus servicios

La inserción de videos es beneficiosa para todos: cautivan a su audiencia y destacan sus productos y servicios. 

  • Las demostraciones de productos y otros contenidos de marketing en video pueden captar la atención del cliente y, potencialmente, impulsar las ventas.
  • Los videos instructivos insertados dan vida a las lecciones para las instituciones educativas o los sitios de aprendizaje electrónico. 
  • Los organizadores de eventos pueden utilizar fondos de video insertados como avances para generar entusiasmo y generar expectativa. 
  • Independientemente de su industria, los videos tutoriales, los testimonios de los clientes y más pueden agregar contenido útil a su sitio web.

Suba e inserte un video ahora

Cómo insertar en diferentes plataformas de video 

Ya sea que esté trabajando en Vimeo o en otra plataforma, aquí le mostramos cómo agregar un video a una página web:

Cómo insertar un video de Vimeo

Aprender a insertar videos de Vimeo es muy fácil. Como miembro de Vimeo Starter puede personalizar el tamaño del reproductor de video, el texto y los colores de la barra de reproducción. También puede optar por ocultar el retrato, la línea de autor y el título del video. Los miembros de pago obtienen opciones de personalización adicionales en la configuración de sus videos.

1. Vaya a su videoteca de Vimeo. Seleccione los tres puntos verticales en la esquina inferior derecha del video que deseas insertar.

2. También puede ir a la página individual de su video.

3. Luego haga clic en "Compartir".

4. Aparecerá el modal para compartir. Seleccione la pestaña "Insertar". 

5. Haga clic en el botón "Copiar código de inserción" y luego copie y pegue en el destino deseado.

Compruebe que su video sea Público o Sin listar. Consulte más información en nuestro Centro de ayuda.

Embed a Vimeo video

Cómo insertar un video de YouTube

Tenga en cuenta que YouTube no permite el tráfico de videos insertados si quita su video de la lista de YouTube, porque quiere mantener a los espectadores en su sitio, no canalizarlos al suyo. Esto evita que su video insertado pueda ser visible en los motores de búsqueda sin posibilidad de enviar ese tráfico de video a su sitio. Compare las funciones de SEO de videos de Vimeo y YouTube

Para insertar un video de YouTube, siga estos pasos:

1. Vaya la página de su video de YouTube.

2. Haga clic en el botón "Compartir" debajo de su video.

Some alt text for this image
Embed a YouTube video

3. Luego selecciona "Insertar" para generar un código que esté listo para copiar y pegar.

YouTube también le permite personalizar el reproductor ajustando opciones como la hora de inicio, la reproducción automática, el idioma, los bucles y otros parámetros directamente dentro del código de inserción del iframe.

YouTube embed code

Cómo insertar un video de Facebook o Instagram

Para insertar un video de Facebook o Instagram, siga estos pasos.

1. Desde su navegador, localice su video.

2. Haga clic en los tres puntos de la esquina superior derecha y selecciona "Insertar". Si quiere incluir la leyenda de la publicación, marca la casilla correspondiente.

3. Copie y pegue el código de inserción en su sitio. Recuerde que solo se pueden insertar videos públicos.

Instagram video embed code

Cómo insertar un video de Animoto

Para insertar su video de Animoto:

1. Busque el video que desea insertar y haga clic en los tres puntos de la esquina superior derecha.

2. Haga clic en "Compartir" en el menú.


Embed an Animoto video

3. Luego haga clic en “Insertar”.

4. Ajuste la configuración del reproductor, como el tamaño (por ejemplo, ancho completo o dimensiones fijas), la resolución (como 720p o 1080p) y el bucle (si el video se repite automáticamente).

5. Una vez optimizada la configuración, copie el código de inserción y péguelo en su editor web.

Cómo insertar un video en su sitio web

Saber cómo insertar un video en su sitio web depende de la plataforma que utilice. Le mostramos cómo insertar videos en su sitio web a través de HTML o en plataformas de alojamiento como WordPress, Wix y Shopify.

Cómo insertar un video en HTML

HTML ofrece la mayor flexibilidad para la personalización, especialmente para los sitios web centrados en el diseño. Sin embargo, este método requiere familiaridad con HTML.

Para insertar un video usando HTML, use la herramienta <iframe>. Tendrá que utilizar los atributos "width" y "height" para establecer el tamaño del reproductor y el atributo "src" (fuente) para la URL del video. La mayoría de las plataformas de alojamiento de videos (como YouTube y Vimeo) proporcionan códigos de inserción automáticamente, que puede copiar y pegar entre comillas (por ejemplo, "Me gusta").

Cómo insertar un video en WordPress

La creación de un diseño flexible y personalizado a menudo requiere habilidades de codificación, pero WordPress simplifica el proceso con su interfaz intuitiva y sus amplias opciones de personalización.

Para insertar videos en WordPress, cuenta con tres opciones:

1. Use el código de inserción: para los videos o las opciones de personalización que la función de inserción automática de WordPress no admita, use el código de inserción. Cambie al editor de texto en su sitio de WordPress para acceder al HTML de su página. Pegue el código de inserción donde quiera que aparezca el video y haga clic en "Publicar" o "Vista previa" para confirmar que está en vivo.

2. Copie y pegue: Con las plataformas de alojamiento de videos como Vimeo, no necesita el código de inserción completo. Solo tiene que copiar la URL del video y pegarla en su editor HTML de WordPress; no se requiere codificación.

3. Complemento de la plataforma de video: los complementos de WordPress para Vimeo, YouTube y otras plataformas de video permiten insertar videos directamente en Wordpress. Para los profesionales ocupados y los novatos en tecnología, es una solución sencilla.



WordPress Vimeo video embeds

Cómo insertar un video en un sitio web de Wix 

Wix le ofrece dos opciones para insertar videos: 

1. Use el código de inserción: copia el código de inserción de su video, abra el editor de Wix y seleccione "Más". Pegue el código en el iframe HTML y haga clic en "Guardar". Trabajar en el iframe HTML ofrece más opciones de personalización, pero no es tan fácil de usar para los principiantes. 

2. Copie y pegue: en el editor de Wix, haga clic en el ícono "+", elige "Video", seleccione su plataforma de video y pegue la URL del video. Es rápido y requiere conocimientos técnicos mínimos.

Cómo insertar un video en un sitio web de Shopify

1. Copie el código de inserción de su video de Vimeo, YouTube o Facebook.

2. Una vez en Shopify, vaya a la página deseada, seleccione el editor de texto enriquecido y haga clic en el ícono de video en la barra de herramientas.

3. Pegue el código de inserción y haga clic en "Insertar video", y listo.

La integración de Shopify de Vimeo lo hace aún más fácil: todo lo que tiene que hacer es pegar la URL del video en el creador de páginas.

Cómo insertar un video en Squarespace

Insertar un video en Squarespace es sencillo.

1. Solo agregue un bloque de video a su página específica de Squarespace.

2. Luego, pegue el código de inserción o la URL del video.

También puede personalizar la configuración de visualización directamente en su plataforma de alojamiento de videos antes de agregarla a Squarespace para que su video se vea exactamente como lo desea.

Embed a video on Squarespace

Preguntas frecuentes

¿Cuál es la mejor manera de insertar videos en su sitio web?

La mejor manera de insertar videos de forma adaptable en su sitio web garantiza una experiencia perfecta en todos los dispositivos. Las plataformas como Vimeo utilizan métodos que a menudo implican el uso de técnicas de CSS, a menudo envolviendo el en un <div> y aplicando relleno para mantener la relación de aspecto. Establecer el ancho y el alto del iframe al 100 % dentro de este contenedor permite que se escale proporcionalmente con el diseño. La inserción de respuestas prioriza la mejor experiencia del usuario.

¿En qué consiste la inserción de videos?

La inserción de videos es el proceso de integrar un video desde una plataforma de alojamiento (como Vimeo) directamente en otra página web o plataforma de redes sociales. En lugar de solo proporcionar un enlace que lleve al usuario a ver el video, la inserción muestra el reproductor de video dentro del contexto de la página actual.

¿Cuál es la forma más fácil de agregar un video a su sitio web?

Insertar un video desde una plataforma como Vimeo es uno de los métodos más sencillos. Es rápido, evita alojar archivos grandes en su servidor y garantiza una reproducción confiable.

¿Cuál es la diferencia entre subir un video e insertarlo?

La subida almacena el video directamente en su servidor de alojamiento, lo que puede consumir almacenamiento y, potencialmente, ralentizar su sitio web. Insertar vínculos a un video alojado externamente ahorra ancho de banda, mejora la calidad de la reproducción y ofrece opciones de personalización adicionales.

¿Cómo puedo convertir e insertar un video?

Para convertir e insertar un video, súbalo a una plataforma de alojamiento, copie el código de inserción y péguelo en el editor HTML o web de su sitio web. Probablemente no tenga que preocuparte por convertir su video; la mayoría de las plataformas de alojamiento se encargan de hacer la optimización por usted.

¿Qué es el código de inserción de un video?

El formato exacto de un código de inserción puede variar ligeramente según el servicio de alojamiento de videos, como Vimeo. En lugar de solo proporcionar un enlace al video, el código de inserción coloca el reproductor de video directamente en su página web o plataforma como Squarespace o Wix, pero el código de inserción le permite integrar fácilmente videos de varias fuentes directamente en su contenido web.

Vimeo simplifica la inserción de videos

Insertar videos en su sitio web debería ser sencillo, y con Vimeo lo es. Ya sea que se encuentre trabajando en Squarespace, WordPress u otra plataforma, Vimeo ofrece una reproducción fluida y una presentación pulida cada vez que un espectador hace clic en "reproducir".

Comience subiendo un video gratis